@ecan-bi/datav 1.0.84 → 1.0.86

package/lib/control/range-picker/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const withInstall = require("../../_utils/withInstall.js");
+const RangePicker = require("./RangePicker.js");
+const props = require("./props.js");
+const EcanRangePicker = withInstall.withInstall(RangePicker.default);
+exports.rangePickerComponentProps = props.rangePickerComponentProps;
+exports.rangePickerEvents = props.rangePickerEvents;
+exports.rangePickerProps = props.rangePickerProps;
+exports.EcanRangePicker = EcanRangePicker;
+exports.default = EcanRangePicker;
+//# sourceMappingURL=index.js.map

package/lib/control/range-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/control/range-picker/index.ts"],"sourcesContent":["import { withInstall } from '../../_utils/withInstall'\nimport RangePicker from './RangePicker.vue'\nexport const EcanRangePicker = withInstall(RangePicker)\nexport default EcanRangePicker\nexport * from './props'\n"],"names":["withInstall","RangePicker"],"mappings":";;;;;AAEa,MAAA,kBAAkBA,wBAAYC,YAAW,OAAA;;;;;;"}

package/lib/control/range-picker/props.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const props = require("../../_utils/props.js");
+const rangePickerProps = {
+  ...props.props,
+  name: "\u8303\u56F4\u9009\u62E9\u5668",
+  keyName: "\u8303\u56F4\u9009\u62E9\u5668",
+  type: "ecanRangePicker",
+  width: "250px",
+  height: "35px",
+  picker: "date",
+  format: "YYYY-MM-DD",
+  startTime: "",
+  endTime: ""
+};
+const rangePickerComponentProps = props.transformToComponentProps(rangePickerProps);
+const rangePickerEvents = ["dateChange"];
+exports.rangePickerComponentProps = rangePickerComponentProps;
+exports.rangePickerEvents = rangePickerEvents;
+exports.rangePickerProps = rangePickerProps;
+//# sourceMappingURL=props.js.map

package/lib/control/range-picker/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/control/range-picker/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps\n} from '@/_utils/props'\n\nexport interface RangePickerProps extends Props {\n  picker: 'date' | 'week' | 'month' | 'quarter' | 'year'\n  format: string\n  startTime: string // 开始时间\n  endTime: string // 结束时间\n}\n\nexport const rangePickerProps: RangePickerProps = {\n  ...props,\n  name: '范围选择器',\n  keyName: '范围选择器',\n  type: 'ecanRangePicker',\n  width: '250px',\n  height: '35px',\n  picker: 'date',\n  format: 'YYYY-MM-DD',\n  startTime: '',\n  endTime: ''\n}\n\nexport const rangePickerComponentProps = transformToComponentProps(rangePickerProps)\n\nexport const rangePickerEvents = ['dateChange']\n"],"names":["props","transformToComponentProps"],"mappings":";;;AAaO,MAAM,mBAAqC;AAAA,EAChD,GAAGA,MAAA;AAAA,EACH,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,SAAS;AACX;AAEa,MAAA,4BAA4BC,gCAA0B,gBAAgB;AAEtE,MAAA,oBAAoB,CAAC,YAAY;;;;"}

package/lib/control/select/Select.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const antDesignVue = require("ant-design-vue");
+require("../../node_modules/ant-design-vue/es/style/default.js");
+require("../../node_modules/ant-design-vue/es/select/style/index.js");
+require("../../node_modules/ant-design-vue/es/empty/style/index.js");
+const props = require("./props.js");
+const usePickComponentStyle = require("../../_utils/hooks/usePickComponentStyle.js");
+const useOnEvent = require("../../_utils/hooks/useOnEvent.js");
+const useEmitEvent = require("../../_utils/hooks/useEmitEvent.js");
+require("lodash-es");
+const useRequestData = require("../../_utils/hooks/useRequestData.js");
+const constant = require("../../_utils/constant.js");
+require("../../_utils/request.js");
+require("./Select.vue_vue_type_style_index_0_scoped_true_lang.js");
+require("./Select.vue_vue_type_style_index_1_lang.js");
+const pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = vue.defineComponent({
+  name: "EcanSelect",
+  components: {
+    ASelect: antDesignVue.Select
+  },
+  props: {
+    ...props.selectComponentProps
+  },
+  setup(props2) {
+    const style = usePickComponentStyle.usePickComponentStyle(props2);
+    const getPopupContainer = () => document.getElementById("ProviderConfig") || document.body;
+    const requestData = useRequestData.useRequestData(props2);
+    const { pageMode } = vue.inject(constant.GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
+    const options = vue.ref(props2.data);
+    const myValue = vue.ref(props2.value || props2.data[0]);
+    const dataFieldNames = props2.dataFieldNames;
+    const filterOption = (input, option) => {
+      const labelKey = dataFieldNames.label;
+      const valueKey = dataFieldNames.value;
+      let value;
+      const labelValue = option[labelKey];
+      const valueValue = option[valueKey];
+      if (labelValue != null) {
+        value = labelValue;
+      } else if (valueValue != null) {
+        value = valueValue;
+      }
+      return !!((value == null ? void 0 : value.toLowerCase().indexOf(input == null ? void 0 : input.toLowerCase())) >= 0);
+    };
+    const handleRequestData = async () => {
+      var _a, _b;
+      if (props2.dataType !== "request" || vue.unref(pageMode) === "design")
+        return;
+      const res = await requestData();
+      options.value = ((_b = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) == null ? void 0 : _b.rows) || [];
+      const firstOption = vue.unref(options)[0];
+      if (props2.value === "" && firstOption != null) {
+        myValue.value = firstOption[dataFieldNames.value];
+      }
+    };
+    const { getGlobalModel, setGlobalModel } = vue.inject(constant.GLOBAL_MODEL, {
+      getGlobalModel: (key) => void 0,
+      setGlobalModel: (key, value) => void 0
+    });
+    setGlobalModel(props2.id, {
+      type: props2.type,
+      value: myValue
+    });
+    const emitEvent = useEmitEvent.useEmitEvent(props2);
+    const selectChange = emitEvent("selectChange", () => {
+      const id = props2.id;
+      const modal = getGlobalModel(id);
+      setGlobalModel(id, { ...modal, RECORD: myValue });
+    });
+    useOnEvent.useOnEvent(props2, {
+      selectChange
+    });
+    const { setRequest } = vue.inject(constant.REQUEST_MODEL, {
+      setRequest: (requestFn, sortNum) => void 0
+    });
+    setRequest(handleRequestData, props2.requestSort);
+    return {
+      style,
+      getPopupContainer,
+      myValue,
+      selectChange,
+      options,
+      filterOption
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_select = vue.resolveComponent("a-select");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: "ecan-select",
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.createVNode(_component_a_select, {
+      class: "select",
+      value: _ctx.myValue,
+      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.myValue = $event),
+      options: _ctx.options,
+      getPopupContainer: _ctx.getPopupContainer,
+      "field-names": _ctx.dataFieldNames,
+      "show-search": "",
+      "filter-option": _ctx.filterOption,
+      onChange: _ctx.selectChange
+    }, null, 8, ["value", "options", "getPopupContainer", "field-names", "filter-option", "onChange"])
+  ], 4);
+}
+const Select = /* @__PURE__ */ pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5e92066a"]]);
+exports.default = Select;
+//# sourceMappingURL=Select.js.map

package/lib/control/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../src/control/select/Select.vue"],"sourcesContent":["<template>\n  <div\n    class=\"ecan-select\"\n    :style=\"style\"\n  >\n    <a-select\n      class=\"select\"\n      v-model:value=\"myValue\"\n      :options=\"options\"\n      :getPopupContainer=\"getPopupContainer\"\n      :field-names=\"dataFieldNames\"\n      show-search\n      :filter-option=\"filterOption\"\n      @change=\"selectChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref } from 'vue'\nimport { Select as ASelect } from 'ant-design-vue'\nimport 'ant-design-vue/es/select/style'\nimport { selectComponentProps, SelectOptions } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useRequestData } from '@/_utils/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/_utils/constant'\nexport default defineComponent({\n  name: 'EcanSelect',\n  components: {\n    ASelect\n  },\n  props: {\n    ...selectComponentProps\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    // 挂在在 ProviderConfig 或者 body 下\n    const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n    const requestData = useRequestData(props)\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n    const options = ref(props.data as SelectOptions)\n    const myValue = ref(props.value || props.data[0])\n    const dataFieldNames = props.dataFieldNames as { label:string, value:string }\n    const filterOption = (input: string, option: any) => {\n      const labelKey = dataFieldNames.label\n      const valueKey = dataFieldNames.value\n      let value: string | undefined\n      // 没有 label 值才用 value\n      // ant-select 组件如果没有传 label 值会使用 value 作为值\n      const labelValue = option[labelKey]\n      const valueValue = option[valueKey]\n      if (labelValue != null) {\n        value = labelValue\n      } else if (valueValue != null) {\n        value = valueValue\n      }\n      return !!(value?.toLowerCase().indexOf(input?.toLowerCase()) >= 0)\n    }\n    const handleRequestData = async () => {\n      if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n      const res = await requestData()\n      options.value = res?.data?.data?.rows || []\n      const firstOption = unref(options)[0]\n      if (props.value === '' && firstOption != null) {\n        myValue.value = firstOption[dataFieldNames.value]\n      }\n    }\n    const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      getGlobalModel: (key: string) => void 0,\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setGlobalModel: (key: string, value: any) => void 0\n    })\n    // 初始化设置值\n    setGlobalModel(props.id as string, {\n      type: props.type,\n      value: myValue\n    })\n    // 注册函数触发事件拦截器\n    const emitEvent = useEmitEvent(props)\n    const selectChange = emitEvent('selectChange', () => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      // 约定获取数据\n      setGlobalModel(id, { ...modal, RECORD: myValue })\n    })\n    // TODO 传入需要注册的参数\n    useOnEvent(props, {\n      selectChange\n    })\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: (requestFn: Function, sortNum: number) => void 0\n    })\n    setRequest(handleRequestData, props.requestSort as number)\n    return {\n      style,\n      getPopupContainer,\n      myValue,\n      selectChange,\n      options,\n      filterOption\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.select {\n  width: 100%;\n  height: 100%;\n}\n</style>\n\n<style lang=\"less\">\n.ecan-select {\n  .ant-select {\n    height: 100% !important;\n    width: 100% !important;\n  }\n  .ant-select-selector {\n    height: 100% !important;\n    width: 100% !important;\n    display: flex;\n    align-items: center;\n    input {\n      height: 100% !important;\n    }\n  }\n}\n\n[datav-theme='light'] {\n  .ant-select:not(.ant-select-customize-input) .ant-select-selector {\n    border: 1px solid #d9d9d9;\n  }\n  .ant-select-dropdown {\n    color: rgba(0, 0, 0, 0.85);\n    background: #ffffff;\n    box-shadow: 0 2px 8px rgb(0 0 0 / 15%);\n  }\n  .ant-empty-img-simple-g {\n    stroke: #d9d9d9;\n  }\n  .ant-empty-img-simple-ellipse {\n    fill: #f5f5f5;\n  }\n  .ant-empty-img-simple-path {\n    fill: #f5f5f5;\n    stroke: #d9d9d9;\n  }\n  .ant-empty-description {\n    color: rgba(0, 0, 0, 0.25);\n  }\n  .anticon-down {\n    color: #333;\n  }\n}\n\n[datav-theme='darkBlue'] {\n  .ant-select:not(.ant-select-customize-input) .ant-select-selector {\n    border: 1px solid #1f63a3;\n    background-color: #05164c;\n    box-shadow: inset 0 0 10px #005efe;\n    color: #ffffff;\n  }\n  .ant-select-dropdown {\n    box-shadow: inset 0 0 10px #005efe;\n    color: #fff;\n    background-color: #05164c;\n  }\n  .ant-empty-img-simple-g {\n    stroke: #69befa;\n  }\n  .ant-empty-img-simple-ellipse {\n    fill-opacity: 0;\n  }\n  .ant-empty-img-simple-path {\n    fill: #69befa;\n    stroke: #69befa;\n  }\n  .ant-empty-description {\n    color: #69befa;\n  }\n  .anticon-down {\n    color: #ffffff;\n  }\n  .ant-select-item {\n    color: #ffffff;\n  }\n  .ant-select-item-option-active {\n    background: #1f63a3;\n  }\n  .ant-select-item-option-selected:not(.ant-select-item-option-disabled)  {\n    background: #1f63a3;\n  }\n}\n</style>\n"],"names":["defineComponent","ASelect","selectComponentProps","props","usePickComponentStyle","useRequestData","inject","GLOBAL_CONFIG","ref","unref","GLOBAL_MODEL","useEmitEvent","useOnEvent","REQUEST_MODEL","_createElementBlock","_normalizeStyle","_createVNode"],"mappings":"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"}

package/lib/control/select/Select.vue_vue_type_style_index_0_scoped_true_lang.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Select_vue_vue_type_style_index_0_scoped_true_lang = "";
+exports.default = Select_vue_vue_type_style_index_0_scoped_true_lang;
+//# sourceMappingURL=Select.vue_vue_type_style_index_0_scoped_true_lang.js.map

package/lib/control/select/Select.vue_vue_type_style_index_0_scoped_true_lang.js.map

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

package/lib/control/select/Select.vue_vue_type_style_index_1_lang.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Select_vue_vue_type_style_index_1_lang = "";
+exports.default = Select_vue_vue_type_style_index_1_lang;
+//# sourceMappingURL=Select.vue_vue_type_style_index_1_lang.js.map

package/lib/control/select/Select.vue_vue_type_style_index_1_lang.js.map

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

package/lib/control/select/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const withInstall = require("../../_utils/withInstall.js");
+const Select = require("./Select.js");
+const props = require("./props.js");
+const EcanSelect = withInstall.withInstall(Select.default);
+exports.selectComponentProps = props.selectComponentProps;
+exports.selectEvents = props.selectEvents;
+exports.selectProps = props.selectProps;
+exports.EcanSelect = EcanSelect;
+exports.default = EcanSelect;
+//# sourceMappingURL=index.js.map

package/lib/control/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/control/select/index.ts"],"sourcesContent":["import { withInstall } from '../../_utils/withInstall'\nimport Select from './Select.vue'\nexport const EcanSelect = withInstall(Select)\nexport default EcanSelect\nexport * from './props'\n"],"names":["withInstall","Select"],"mappings":";;;;;AAEa,MAAA,aAAaA,wBAAYC,OAAM,OAAA;;;;;;"}

package/lib/control/select/props.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const props = require("../../_utils/props.js");
+const selectProps = {
+  ...props.props,
+  name: "\u9009\u62E9\u5668",
+  keyName: "\u9009\u62E9\u5668",
+  width: "120px",
+  height: "33px",
+  type: "ecanSelect",
+  data: [
+    { label: "\u9009\u9879\u4E00", value: 1 },
+    { label: "\u9009\u9879\u4E8C", value: 2 },
+    { label: "\u9009\u9879\u4E09", value: 3 }
+  ],
+  value: "",
+  dataFieldNames: { label: "label", value: "value" }
+};
+const selectComponentProps = props.transformToComponentProps(selectProps);
+const selectEvents = ["selectChange"];
+exports.selectComponentProps = selectComponentProps;
+exports.selectEvents = selectEvents;
+exports.selectProps = selectProps;
+//# sourceMappingURL=props.js.map

package/lib/control/select/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/control/select/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps\n} from '@/_utils/props'\n\nexport interface SelectOption {\n  value: any\n  label: string\n  disabled?: boolean\n  key?: string\n  title?: string,\n}\n\nexport type SelectOptions = SelectOption []\n\nexport interface SelectProps extends Props {\n  data: SelectOptions // 同 options\n  value: string,\n  dataFieldNames: { label: string, value: string }\n\n}\n\nexport const selectProps: SelectProps = {\n  ...props,\n  name: '选择器',\n  keyName: '选择器',\n  width: '120px',\n  height: '33px',\n  type: 'ecanSelect',\n  data: [\n    { label: '选项一', value: 1 },\n    { label: '选项二', value: 2 },\n    { label: '选项三', value: 3 }\n  ],\n  value: '',\n  dataFieldNames: { label: 'label', value: 'value' }\n}\n\nexport const selectComponentProps = transformToComponentProps(selectProps)\n\nexport const selectEvents = ['selectChange']\n"],"names":["props","transformToComponentProps"],"mappings":";;;AAuBO,MAAM,cAA2B;AAAA,EACtC,GAAGA,MAAA;AAAA,EACH,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,IACJ,EAAE,OAAO,sBAAO,OAAO,EAAE;AAAA,IACzB,EAAE,OAAO,sBAAO,OAAO,EAAE;AAAA,IACzB,EAAE,OAAO,sBAAO,OAAO,EAAE;AAAA,EAC3B;AAAA,EACA,OAAO;AAAA,EACP,gBAAgB,EAAE,OAAO,SAAS,OAAO,QAAQ;AACnD;AAEa,MAAA,uBAAuBC,gCAA0B,WAAW;AAE5D,MAAA,eAAe,CAAC,cAAc;;;;"}

package/lib/graph/bar/Bar.js

@@ -0,0 +1,357 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const usePickComponentStyle = require("../../_utils/hooks/usePickComponentStyle.js");
+const useOnEvent = require("../../_utils/hooks/useOnEvent.js");
+const useEmitEvent = require("../../_utils/hooks/useEmitEvent.js");
+const useTransformChartDataByAttrValue = require("../../_utils/hooks/useTransformChartDataByAttrValue.js");
+const useRequestData = require("../../_utils/hooks/useRequestData.js");
+const useTransformChartDataByAttrKey = require("../../_utils/hooks/useTransformChartDataByAttrKey.js");
+const constant = require("../../_utils/constant.js");
+require("../../_utils/request.js");
+const antDesignVue = require("ant-design-vue");
+const useValueFormatter = require("../../_utils/hooks/useValueFormatter.js");
+const useIndicatorData = require("../../_utils/hooks/useIndicatorData.js");
+require("lodash-es");
+const Echarts = require("../../common/echarts/Echarts.js");
+const props = require("./props.js");
+const Spin = require("../../common/spin/Spin.js");
+const util = require("../../_utils/util.js");
+const useDownloadFile = require("../../_utils/hooks/useDownloadFile.js");
+require("./Bar.vue_vue_type_style_index_0_lang.js");
+const pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
+const install = require("../../node_modules/echarts/lib/chart/bar/install.js");
+const install$3 = require("../../node_modules/echarts/lib/component/dataset/install.js");
+const extension = require("../../node_modules/echarts/lib/extension.js");
+const installCanvasRenderer = require("../../node_modules/echarts/lib/renderer/installCanvasRenderer.js");
+const install$1 = require("../../node_modules/echarts/lib/component/title/install.js");
+const install$2 = require("../../node_modules/echarts/lib/component/legend/install.js");
+const install$4 = require("../../node_modules/echarts/lib/component/toolbox/install.js");
+extension.use([
+  installCanvasRenderer.install,
+  install.install,
+  install$1.install,
+  install$2.install,
+  install$3.install,
+  install$4.install
+]);
+const _sfc_main = vue.defineComponent({
+  name: "EcanBar",
+  props: {
+    ...props.barComponentProps
+  },
+  components: {
+    Spin: Spin.default,
+    Echarts: Echarts.default,
+    AModal: antDesignVue.Modal
+  },
+  setup(props2, { expose }) {
+    const style = usePickComponentStyle.usePickComponentStyle(props2);
+    const dataSource = vue.ref([]);
+    const visible = vue.ref(false);
+    const hideModal = () => {
+      visible.value = false;
+    };
+    const series = vue.computed(() => {
+      const ds = vue.unref(dataSource);
+      const len = ds.length;
+      const series2 = [];
+      for (let i = 0; i < len; i++) {
+        const item = {
+          ...ds[i],
+          type: "bar",
+          barWidth: props2.barWidth
+        };
+        if (props2.isStack) {
+          item.stack = "stack";
+          item.label = {
+            show: true
+          };
+        }
+        series2.push(item);
+      }
+      return series2;
+    });
+    const dimensions = vue.ref([]);
+    const loading = vue.ref(false);
+    const option = vue.computed(() => {
+      const yAxisLabelFormatter = props2.yAxisLabelFormatter;
+      const xAxisLabelFormatter = props2.xAxisLabelFormatter;
+      return {
+        toolbox: {
+          show: props2.toolboxShow,
+          left: props2.toolboxLeft,
+          top: props2.toolboxTop,
+          itemSize: props2.toolboxItemSize,
+          itemGap: props2.toolboxItemGap,
+          feature: {
+            myDownload: {
+              show: true,
+              title: "\u6570\u636E\u4E0B\u8F7D",
+              icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+              onclick() {
+                useDownloadFile.useDownloadFile(props2.toolboxDownloadUrl);
+              }
+            },
+            myDataZoom: {
+              show: true,
+              title: "\u653E\u5927",
+              icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+              onclick() {
+                visible.value = true;
+              }
+            },
+            myInfo: {
+              show: true,
+              title: "\u8BF4\u660E\u4FE1\u606F",
+              icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+              onclick() {
+                antDesignVue.Modal.info({
+                  title: "\u8BF4\u660E\u4FE1\u606F",
+                  content: props2.toolboxInfoText
+                });
+              }
+            }
+          }
+        },
+        title: {
+          text: props2.titleText,
+          subtext: props2.titleSubtext,
+          left: "center"
+        },
+        grid: {
+          top: props2.gridTop,
+          bottom: props2.gridBottom,
+          left: props2.gridLeft,
+          right: props2.gridRight,
+          containLabel: props2.gridContainLabel
+        },
+        color: props2.colors,
+        tooltip: {
+          trigger: "axis",
+          show: props2.tooltipShow,
+          formatter: util.handleFormatter(props2.tooltipFormatter),
+          textStyle: {
+            color: props2.tooltipTextStyleColor
+          }
+        },
+        legend: {
+          show: props2.legendShow,
+          orient: props2.legendOrient,
+          top: props2.legendTop,
+          left: props2.legendLeft,
+          textStyle: {
+            color: props2.legendTextStyleColor
+          }
+        },
+        xAxis: {
+          type: props2.isUseHorizontalAxis ? "value" : "category",
+          data: props2.isUseHorizontalAxis ? null : vue.unref(dimensions),
+          inverse: props2.isUseHorizontalAxis ? false : props2.axisInverse,
+          splitLine: {
+            show: props2.xAxisSplitLineShow,
+            lineStyle: {
+              color: props2.xAxisSplitLineStyleColor
+            }
+          },
+          axisLabel: {
+            color: props2.xAxisLabelColor,
+            interval: 0,
+            rotate: props2.xAxisLabelRotate,
+            width: props2.xAxisLabelWidth,
+            overflow: props2.xAxisLabelOverflow,
+            formatter(value) {
+              return useValueFormatter.useValueFormatter(xAxisLabelFormatter, value);
+            }
+          },
+          axisLine: {
+            lineStyle: {
+              color: props2.xAxisLineStyleColor
+            }
+          },
+          axisTick: {
+            show: props2.xAxisTickShow
+          }
+        },
+        yAxis: {
+          type: props2.isUseHorizontalAxis ? "category" : "value",
+          data: props2.isUseHorizontalAxis ? vue.unref(dimensions) : null,
+          inverse: props2.isUseHorizontalAxis ? props2.axisInverse : false,
+          splitLine: {
+            show: props2.yAxisSplitLineShow,
+            lineStyle: {
+              color: props2.yAxisSplitLineStyleColor
+            }
+          },
+          axisLabel: {
+            color: props2.yAxisLabelColor,
+            formatter(value) {
+              return useValueFormatter.useValueFormatter(yAxisLabelFormatter, value);
+            }
+          },
+          axisLine: {
+            lineStyle: {
+              color: props2.yAxisLineStyleColor
+            }
+          }
+        },
+        series: vue.unref(series)
+      };
+    });
+    const { pageMode } = vue.inject(constant.GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
+    const handleDataset = (data = [], useDataFieldNames = false) => {
+      let chartData = {};
+      if (props2.dataFieldConfigType === "key") {
+        const dataFieldNames = useDataFieldNames ? props2.keyTypeDataFieldNames : null;
+        chartData = useTransformChartDataByAttrKey.useTransformChartDataByAttrKey(data, dataFieldNames);
+      } else if (props2.dataFieldConfigType === "value") {
+        const dataFieldNames = useDataFieldNames ? props2.valueTypeDataFieldNames : null;
+        chartData = useTransformChartDataByAttrValue.useTransformChartDataByAttrValue(data, dataFieldNames);
+      }
+      dataSource.value = chartData.dataset;
+      dimensions.value = chartData.dimensions;
+    };
+    const handleIndicatorDataset = (data = [], keyTypeDataFieldNames, useDataFieldNames = false) => {
+      const dataFieldNames = useDataFieldNames ? keyTypeDataFieldNames : null;
+      const chartData = useTransformChartDataByAttrKey.useTransformChartDataByAttrKey(data, dataFieldNames);
+      dataSource.value = chartData.dataset;
+      dimensions.value = chartData.dimensions;
+    };
+    vue.watch(() => props2.data, (value) => {
+      if (props2.dataType === "static" || vue.unref(pageMode) === "design") {
+        handleDataset(value);
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const requestData = useRequestData.useRequestData(props2);
+    const handleRequestData = async () => {
+      var _a, _b;
+      try {
+        loading.value = true;
+        const res = await requestData();
+        handleDataset((_b = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) == null ? void 0 : _b.rows, true);
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const indicatorData = useIndicatorData.useIndicatorData(props2);
+    const handleIndicatorData = async () => {
+      var _a, _b;
+      try {
+        loading.value = true;
+        const res = await indicatorData();
+        const { columns = [], rows = [] } = (_b = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) != null ? _b : {};
+        let fieldNames;
+        if (columns.length > 0) {
+          fieldNames = {
+            name: columns[0],
+            types: columns.slice(1).map((column) => {
+              return {
+                label: column,
+                value: column
+              };
+            })
+          };
+        }
+        handleIndicatorDataset(rows, fieldNames, true);
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const refreshData = () => {
+      if (vue.unref(pageMode) === "design")
+        return;
+      switch (props2.dataType) {
+        case "indicator":
+          handleIndicatorData();
+          break;
+        case "request":
+          handleRequestData();
+          break;
+      }
+    };
+    expose({
+      refreshData
+    });
+    const emitEvent = useEmitEvent.useEmitEvent(props2);
+    const { getGlobalModel, setGlobalModel } = vue.inject(constant.GLOBAL_MODEL, {
+      getGlobalModel: (key) => void 0,
+      setGlobalModel: (key, value) => void 0
+    });
+    const click = emitEvent("click", (e) => {
+      const id = props2.id;
+      const modal = getGlobalModel(id);
+      setGlobalModel(id, { ...modal, RECORD: e.data });
+    });
+    const { setRequest } = vue.inject(constant.REQUEST_MODEL, {
+      setRequest: (requestFn, sortNum) => void 0
+    });
+    setRequest(refreshData, props2.requestSort);
+    useOnEvent.useOnEvent(props2, {
+      refreshData,
+      click
+    });
+    return {
+      option,
+      style,
+      refreshData,
+      click,
+      loading,
+      visible,
+      hideModal
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_echarts = vue.resolveComponent("echarts");
+  const _component_spin = vue.resolveComponent("spin");
+  const _component_a_modal = vue.resolveComponent("a-modal");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: "ecan-bar",
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.createVNode(_component_spin, { spinning: _ctx.loading }, {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_echarts, {
+          option: _ctx.option,
+          "update-options": { notMerge: true },
+          autoresize: "",
+          onClick: _ctx.click
+        }, null, 8, ["option", "onClick"])
+      ]),
+      _: 1
+    }, 8, ["spinning"]),
+    vue.createVNode(_component_a_modal, {
+      "wrap-class-name": "full-modal",
+      width: "100%",
+      visible: _ctx.visible,
+      footer: null,
+      onCancel: _ctx.hideModal
+    }, {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_spin, { spinning: _ctx.loading }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_echarts, {
+              option: _ctx.option,
+              "update-options": { notMerge: true },
+              autoresize: ""
+            }, null, 8, ["option"])
+          ]),
+          _: 1
+        }, 8, ["spinning"])
+      ]),
+      _: 1
+    }, 8, ["visible", "onCancel"])
+  ], 4);
+}
+const Bar = /* @__PURE__ */ pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = Bar;
+//# sourceMappingURL=Bar.js.map