@ecan-bi/datav 1.1.16 → 1.1.17

package/es/setting/provider-config/ProviderConfig.vue2.js

@@ -0,0 +1,177 @@
+import { defineComponent, ref, watch, onMounted, computed, provide, onBeforeUnmount, unref } from "vue";
+import mitt from "mitt";
+import { GLOBAL_CONFIG, GLOBAL_MODEL, EVENT_BUS, GLOBAL_TOKEN, REQUEST_MODEL, REFRESH_PAGE, INDICATOR_URL } from "../../utils/constant.js";
+import { providerConfigComponentProps } from "./props.js";
+import "lodash-es";
+import axios from "../../node_modules/axios/index.js";
+import { useVariablesInText } from "../../hooks/useVariablesInText.js";
+import "../../utils/request.js";
+import "ant-design-vue";
+import { useHrefParamsToGlobalVariables } from "../../hooks/useHrefParamsToGlobalVariables.js";
+const _sfc_main = defineComponent({
+  name: "EcanProviderConfig",
+  inheritAttrs: false,
+  props: {
+    ...providerConfigComponentProps
+  },
+  setup(props, { expose }) {
+    useHrefParamsToGlobalVariables();
+    const providerConfig = ref();
+    const setTheme = () => {
+      providerConfig.value.setAttribute("datav-theme", props.theme);
+    };
+    watch(() => props.theme, () => {
+      setTheme();
+    });
+    onMounted(() => {
+      setTheme();
+    });
+    const contextRequestUrl = computed(() => {
+      return useVariablesInText(props.contextRequestUrl);
+    });
+    const pageMode = computed(() => props.pageMode);
+    const theme = computed(() => props.theme);
+    const touchEventId = ref("");
+    provide(GLOBAL_CONFIG, {
+      // 请求地址
+      contextRequestUrl,
+      // 模式（设计、预览、正常）：目前主要配置初始化是否发起请求
+      pageMode,
+      // 主题
+      theme,
+      touchEventId
+    });
+    const globalModel = /* @__PURE__ */ new Map();
+    const getGlobalModel = (key) => {
+      return globalModel.get(key);
+    };
+    const setGlobalModel = (key, value) => {
+      globalModel.set(key, value);
+    };
+    provide(GLOBAL_MODEL, {
+      getGlobalModel,
+      setGlobalModel
+    });
+    const eventBus = mitt();
+    const eventBusKeySet = /* @__PURE__ */ new Set();
+    const onEvent = (key, events) => {
+      if (eventBusKeySet.has(key)) {
+        eventBus.off(key);
+      }
+      eventBus.on(key, (k) => {
+        eventBusKeySet.add(key);
+        return Object.prototype.toString.call(events[k]) === "[object Function]" && events[k]();
+      });
+      onBeforeUnmount(() => {
+        eventBus.off(key);
+      });
+    };
+    const offEvent = (key) => {
+      eventBus.off(key);
+    };
+    const emitEvent = (key, eventName) => {
+      eventBus.emit(key, eventName);
+    };
+    provide(EVENT_BUS, {
+      onEvent,
+      offEvent,
+      emitEvent
+    });
+    const tokenNum = ref(0);
+    const requestToken = () => {
+      tokenNum.value = unref(tokenNum) + 1;
+    };
+    provide(GLOBAL_TOKEN, {
+      requestToken
+    });
+    const requestModel = /* @__PURE__ */ new Map();
+    const requestMap = /* @__PURE__ */ new Map();
+    const setRequest = ({ requestFn = () => {
+    }, sortNum = 0, id = "" }) => {
+      if (requestModel.has(sortNum)) {
+        const requestFnList = requestModel.get(sortNum);
+        requestFnList == null ? void 0 : requestFnList.push(requestFn);
+      } else {
+        requestModel.set(sortNum, [requestFn]);
+      }
+      requestMap.set(id, requestFn);
+    };
+    const handleRequestFnList = (requestFnList) => {
+      return new Promise((resolve, reject) => {
+        const resultList = requestFnList.map((requestFn) => requestFn());
+        Promise.all(resultList).then((list) => {
+          resolve(list);
+        }).catch((err) => {
+          reject(err);
+        });
+      });
+    };
+    const queryUserToken = async () => {
+      var _a;
+      const res = await axios.get(`${INDICATOR_URL}/user/anonymous?username=admin`, {
+        headers: {
+          systemCode: "F72FC50A3D97372514A6AC33333D28FD",
+          current_context: "ygt"
+        }
+      });
+      config.indicatorToken = (_a = res.data.data) == null ? void 0 : _a.token;
+    };
+    const touchRequest = async (id) => {
+      if (!id) {
+        const requestModelArr = Array.from(requestModel);
+        requestModelArr.sort((a, b) => b[0] - a[0]);
+        const len = requestModelArr.length;
+        try {
+          if (props.pageMode !== "design" && unref(tokenNum) > 0) {
+            await queryUserToken();
+          }
+          for (let i = 0; i < len; i++) {
+            const requestFnList = requestModelArr[i][1];
+            await handleRequestFnList(requestFnList);
+          }
+        } catch (e) {
+          console.error(e);
+        } finally {
+          requestModel.clear();
+        }
+      } else if (typeof id === "string") {
+        const requestFn = requestMap.get(id);
+        if (typeof requestFn === "function") {
+          requestFn();
+        }
+      }
+    };
+    provide(REQUEST_MODEL, {
+      setRequest,
+      touchRequest
+    });
+    const emitRefreshPage = () => {
+      eventBus.emit(REFRESH_PAGE);
+    };
+    provide(REFRESH_PAGE, {
+      emitRefreshPage
+    });
+    const onRefreshPage = (callBack) => {
+      eventBus.on(REFRESH_PAGE, () => callBack());
+      onMounted(() => {
+        eventBus.off(REFRESH_PAGE);
+      });
+    };
+    onBeforeUnmount(() => {
+      requestModel == null ? void 0 : requestModel.clear();
+      requestMap == null ? void 0 : requestMap.clear();
+    });
+    expose({
+      touchRequest,
+      getGlobalModel,
+      onRefreshPage
+    });
+    return {
+      providerConfig
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ProviderConfig.vue2.js.map

package/es/setting/provider-config/ProviderConfig.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderConfig.vue2.js","sources":["../../../src/setting/provider-config/ProviderConfig.vue"],"sourcesContent":["<template>\n  <!-- 请勿去除属性id -->\n  <div id=\"ProviderConfig\" ref=\"providerConfig\">\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted, watch, computed, unref, onBeforeUnmount } from 'vue'\nimport mitt from 'mitt'\nimport { EVENT_BUS, GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL, INDICATOR_URL, GLOBAL_TOKEN, REFRESH_PAGE } from '@/utils/constant'\nimport { providerConfigComponentProps } from './props'\nimport { useVariablesInText, useHrefParamsToGlobalVariables } from '@/hooks'\nimport axios from 'axios'\nimport { RequestModalParam } from '@/utils/types'\n\nexport default defineComponent({\n  name: 'EcanProviderConfig',\n  inheritAttrs: false,\n  props: {\n    ...providerConfigComponentProps\n  },\n  setup (props, { expose }) {\n    useHrefParamsToGlobalVariables()\n\n    const providerConfig = ref<HTMLElement>()\n    const setTheme = () => {\n      providerConfig.value.setAttribute('datav-theme', props.theme as string)\n    }\n    watch(() => props.theme, () => {\n      setTheme()\n    })\n    onMounted(() => {\n      setTheme()\n    })\n    const contextRequestUrl = computed(() => {\n      return useVariablesInText(props.contextRequestUrl as string)\n    })\n    const pageMode = computed(() => props.pageMode)\n    const theme = computed(() => props.theme)\n    // 当前组件主动触发ID\n    const touchEventId = ref<string>('')\n    // 提供全局设置\n    provide(GLOBAL_CONFIG, {\n      // 请求地址\n      contextRequestUrl,\n      // 模式（设计、预览、正常）：目前主要配置初始化是否发起请求\n      pageMode,\n      // 主题\n      theme,\n      touchEventId\n    })\n\n    // 提供全局变量\n    const globalModel = new Map()\n    const getGlobalModel = (key: string) => {\n      return globalModel.get(key)\n    }\n    const setGlobalModel = (key: string, value: any) => {\n      globalModel.set(key, value)\n    }\n    provide(GLOBAL_MODEL, {\n      getGlobalModel,\n      setGlobalModel\n    })\n\n    // 提供事件\n    const eventBus = mitt()\n    const eventBusKeySet = new Set()\n    const onEvent = (key: string, events: { [key:string]: any }) => {\n      if (eventBusKeySet.has(key)) {\n        eventBus.off(key)\n      }\n      eventBus.on(key, (k: string) => {\n        eventBusKeySet.add(key)\n        return Object.prototype.toString.call(events[k]) === '[object Function]' && events[k]()\n      })\n      onBeforeUnmount(() => {\n        eventBus.off(key)\n      })\n    }\n    const offEvent = (key) => {\n      eventBus.off(key)\n    }\n    const emitEvent = (key: string, eventName: string) => {\n      eventBus.emit(key, eventName)\n    }\n    provide(EVENT_BUS, {\n      onEvent,\n      offEvent,\n      emitEvent\n    })\n\n    // 设置是否请求 token\n    const tokenNum = ref(0)\n    const requestToken = () => {\n      tokenNum.value = unref(tokenNum) + 1\n    }\n    provide(GLOBAL_TOKEN, {\n      requestToken\n    })\n    // 请求排序\n    const requestModel = new Map()\n    const requestMap = new Map()\n    const setRequest = ({ requestFn = () => {}, sortNum = 0, id = '' }: RequestModalParam) => {\n      if (requestModel.has(sortNum)) {\n        const requestFnList = requestModel.get(sortNum)\n        requestFnList?.push(requestFn)\n      } else {\n        requestModel.set(sortNum, [requestFn])\n      }\n      requestMap.set(id, requestFn)\n    }\n    const handleRequestFnList = (requestFnList: Array<Function>) => {\n      return new Promise((resolve, reject) => {\n        const resultList = requestFnList.map(requestFn => requestFn())\n        Promise.all(resultList)\n          .then(list => {\n            resolve(list)\n          })\n          .catch(err => {\n            reject(err)\n          })\n      })\n    }\n    // 指标库模块请求 token\n    const queryUserToken = async () => {\n      const res = await axios.get(`${INDICATOR_URL}/user/anonymous?username=admin`, {\n        headers: {\n          systemCode: 'F72FC50A3D97372514A6AC33333D28FD',\n          current_context: 'ygt'\n        }\n      })\n      // 设置 token 挂载在 window.config 上\n      // @ts-ignore\n      // eslint-disable-next-line\n      config.indicatorToken = res.data.data?.token\n    }\n    const touchRequest = async (id: undefined | string) => {\n      // 传空默认触发全部\n      if (!id) {\n        const requestModelArr = Array.from(requestModel)\n        // 排序\n        requestModelArr.sort((a, b) => b[0] - a[0])\n        const len = requestModelArr.length\n        try {\n          // 指标库模块需要 token\n          // 页面不为design 请求次数 token 不为0\n          if (props.pageMode !== 'design' && unref(tokenNum) > 0) {\n            await queryUserToken()\n          }\n          for (let i = 0; i < len; i++) {\n            const requestFnList = requestModelArr[i][1]\n            await handleRequestFnList(requestFnList)\n          }\n        } catch (e) {\n          console.error(e)\n        } finally {\n          // 执行完直接清空\n          requestModel.clear()\n        }\n      } else if (typeof id === 'string') {\n        const requestFn = requestMap.get(id)\n        if (typeof requestFn === 'function') {\n          requestFn()\n        }\n      }\n    }\n\n    provide(REQUEST_MODEL, {\n      setRequest,\n      touchRequest\n    })\n\n    const emitRefreshPage = () => {\n      eventBus.emit(REFRESH_PAGE)\n    }\n    provide(REFRESH_PAGE, {\n      emitRefreshPage\n    })\n    // const notRenderSet = ref(new Set())\n    // const refreshEventBus = mitt()\n    const onRefreshPage = (callBack: Function) => {\n      eventBus.on(REFRESH_PAGE, () => callBack())\n      onMounted(() => {\n        eventBus.off(REFRESH_PAGE)\n      })\n    }\n\n    onBeforeUnmount(() => {\n      requestModel?.clear()\n      requestMap?.clear()\n    })\n\n    expose({\n      touchRequest,\n      getGlobalModel,\n      onRefreshPage\n    })\n\n    return {\n      providerConfig\n    }\n  }\n})\n</script>\n\n<style scoped>\n\n</style>\n"],"names":[],"mappings":"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"}

package/es/setting/provider-config/index.js

@@ -0,0 +1,11 @@
+import { withInstall } from "../../utils/withInstall.js";
+import ProviderConfig from "./ProviderConfig.vue.js";
+import { providerConfig, providerConfigComponentProps } from "./props.js";
+const EcanProviderConfig = withInstall(ProviderConfig);
+export {
+  EcanProviderConfig,
+  EcanProviderConfig as default,
+  providerConfig,
+  providerConfigComponentProps
+};
+//# sourceMappingURL=index.js.map

package/es/setting/provider-config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/setting/provider-config/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport ProviderConfig from './ProviderConfig.vue'\nexport const EcanProviderConfig = withInstall(ProviderConfig)\nexport default EcanProviderConfig\nexport * from './props'\n"],"names":[],"mappings":";;;AAEa,MAAA,qBAAqB,YAAY,cAAc;"}

package/es/setting/provider-config/props.js

@@ -0,0 +1,13 @@
+import { transformToComponentProps } from "../../utils/props.js";
+const providerConfig = {
+  contextRequestUrl: "",
+  pageMode: "normal",
+  theme: "light",
+  containerMap: {}
+};
+const providerConfigComponentProps = transformToComponentProps(providerConfig);
+export {
+  providerConfig,
+  providerConfigComponentProps
+};
+//# sourceMappingURL=props.js.map

package/es/setting/provider-config/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/setting/provider-config/props.ts"],"sourcesContent":["import { transformToComponentProps } from '@/utils/props'\n\nexport interface ProviderConfig {\n  contextRequestUrl: string // 请求头\n  pageMode: 'normal' | 'preview' | 'design' // 普通、预览、设计模式\n  theme: 'light' | 'darkBlue'\n  containerMap: { [key:string]: any }\n}\n\nexport const providerConfig: ProviderConfig = {\n  contextRequestUrl: '',\n  pageMode: 'normal',\n  theme: 'light',\n  containerMap: {}\n}\n\n// 转化默认属性\nexport const providerConfigComponentProps = transformToComponentProps(providerConfig)\n"],"names":[],"mappings":";AASO,MAAM,iBAAiC;AAAA,EAC5C,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,cAAc,CAAC;AACjB;AAGa,MAAA,+BAA+B,0BAA0B,cAAc;"}

package/es/table/table/Table.vue.js

@@ -0,0 +1,164 @@
+import _sfc_main from "./Table.vue2.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createBlock, createTextVNode } from "vue";
+import "./Table.vue3.js";
+import "./Table.vue4.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = /* @__PURE__ */ createTextVNode(" 搜索 ");
+const _hoisted_2 = /* @__PURE__ */ createTextVNode(" 重置 ");
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = {
+  key: 1,
+  class: "action-list"
+};
+const _hoisted_5 = ["href", "target", "onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_input = resolveComponent("a-input");
+  const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_table_summary_cell = resolveComponent("a-table-summary-cell");
+  const _component_a_table_summary_row = resolveComponent("a-table-summary-row");
+  const _component_a_table_summary = resolveComponent("a-table-summary");
+  const _component_a_table = resolveComponent("a-table");
+  const _component_skeleton = resolveComponent("skeleton");
+  return openBlock(), createElementBlock("div", {
+    class: "ecan-table",
+    style: normalizeStyle(_ctx.style)
+  }, [
+    createVNode(_component_skeleton, { loading: _ctx.loading }, {
+      default: withCtx(() => [
+        createVNode(_component_a_table, {
+          class: "table",
+          style: {
+            height: "100%"
+          },
+          columns: _ctx.tableColumns,
+          "data-source": _ctx.tableDataSource,
+          bordered: _ctx.bordered,
+          size: _ctx.size,
+          customRow: _ctx.customRow,
+          scroll: { x: _ctx.x, y: _ctx.y },
+          pagination: _ctx.pagination,
+          onChange: _ctx.tableChange
+        }, {
+          customFilterDropdown: withCtx(({ column, selectedKeys, setSelectedKeys, confirm, clearFilters }) => [
+            createElementVNode("div", {
+              class: "ecan-table-filter",
+              style: normalizeStyle({
+                height: _ctx.filterDropdownHeight
+              })
+            }, [
+              createVNode(_component_a_input, {
+                value: column.filterOptionsInputValue,
+                "onUpdate:value": ($event) => column.filterOptionsInputValue = $event,
+                placeholder: "请输入关键字",
+                class: "filter-input",
+                onChange: _ctx.onSearchFilterOptions
+              }, null, 8, ["value", "onUpdate:value", "onChange"]),
+              createVNode(_component_a_checkbox_group, {
+                value: column.filterCheckboxGroupValue,
+                "onUpdate:value": ($event) => column.filterCheckboxGroupValue = $event,
+                class: "filter-checkbox",
+                options: _ctx.useFilterOptions(column),
+                onChange: ($event) => _ctx.useSetSelectedKeys(setSelectedKeys, column)
+              }, null, 8, ["value", "onUpdate:value", "options", "onChange"]),
+              createElementVNode("div", null, [
+                createVNode(_component_a_button, {
+                  type: "primary",
+                  size: "small",
+                  style: { "width": "90px", "margin-right": "8px" },
+                  onClick: () => confirm()
+                }, {
+                  default: withCtx(() => [
+                    _hoisted_1
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]),
+                createVNode(_component_a_button, {
+                  size: "small",
+                  style: { "width": "90px" },
+                  onClick: ($event) => _ctx.onResetFilter(clearFilters, column)
+                }, {
+                  default: withCtx(() => [
+                    _hoisted_2
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ])
+            ], 4)
+          ]),
+          bodyCell: withCtx(({ column, index, text, record }) => [
+            column.dataIndex === "SEQ" ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(index + 1), 1)) : createCommentVNode("", true),
+            column.dataIndex === "ACTION" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.actionList, (action, index2) => {
+                return openBlock(), createElementBlock("div", {
+                  class: "action",
+                  key: index2
+                }, [
+                  createElementVNode("a", {
+                    href: _ctx.handleHref(action.href, record),
+                    target: _ctx.handleHrefTarget(action.target),
+                    style: normalizeStyle({
+                      color: action.color,
+                      fontSize: _ctx.fontSize,
+                      fontWeight: _ctx.fontWeight
+                    }),
+                    onClick: ($event) => _ctx.onTouchHrefEvent(action.target, _ctx.handleHref(action.href, record))
+                  }, toDisplayString(action.title), 13, _hoisted_5)
+                ]);
+              }), 128))
+            ])) : (openBlock(), createElementBlock("div", {
+              key: 2,
+              class: normalizeClass([_ctx.contrastClass(text, column.format)]),
+              style: normalizeStyle({
+                fontSize: _ctx.fontSize,
+                fontWeight: _ctx.fontWeight
+              })
+            }, toDisplayString(column.format != null ? _ctx.formatFn(text, column.format) : text), 7))
+          ]),
+          summary: withCtx(() => [
+            _ctx.summaryList.length > 0 ? (openBlock(), createBlock(_component_a_table_summary, { key: 0 }, {
+              default: withCtx(() => [
+                createVNode(_component_a_table_summary_row, null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.summaryList, (summary, index) => {
+                      return openBlock(), createBlock(_component_a_table_summary_cell, {
+                        key: index,
+                        index,
+                        style: normalizeStyle({
+                          backgroundColor: _ctx.cellBackgroundColor,
+                          textAlign: summary.cellAlign || "center",
+                          color: summary.cellColor,
+                          borderBottomColor: _ctx.borderColor
+                        })
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("div", {
+                            class: normalizeClass([_ctx.contrastClass(summary.total, summary.format)]),
+                            style: normalizeStyle({
+                              fontSize: _ctx.fontSize,
+                              fontWeight: _ctx.fontWeight
+                            })
+                          }, toDisplayString((summary.format != null || summary.format !== "") && _ctx.formatFn(summary.total, summary.format)), 7)
+                        ]),
+                        _: 2
+                      }, 1032, ["index", "style"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["columns", "data-source", "bordered", "size", "customRow", "scroll", "pagination", "onChange"])
+      ]),
+      _: 1
+    }, 8, ["loading"])
+  ], 4);
+}
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3f25d4f8"]]);
+export {
+  Table as default
+};
+//# sourceMappingURL=Table.vue.js.map

package/es/table/table/Table.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.vue.js","sources":["../../../src/table/table/Table.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-table\" :style=\"style\">\n    <skeleton :loading=\"loading\">\n      <a-table\n        class=\"table\"\n        :style=\"{\n          height: '100%'\n        }\"\n        :columns=\"tableColumns\"\n        :data-source=\"tableDataSource\"\n        :bordered=\"bordered\"\n        :size=\"size\"\n        :customRow=\"customRow\"\n        :scroll=\"{ x, y }\"\n        :pagination=\"pagination\"\n        @change=\"tableChange\"\n      >\n        <template #customFilterDropdown=\"{ column, selectedKeys, setSelectedKeys, confirm, clearFilters }\">\n          <div\n            class=\"ecan-table-filter\"\n            :style=\"{\n              height: filterDropdownHeight\n            }\"\n          >\n            <a-input\n              v-model:value=\"column.filterOptionsInputValue\"\n              placeholder=\"请输入关键字\"\n              :value=\"selectedKeys[0]\"\n              class=\"filter-input\"\n              @change=\"onSearchFilterOptions\"\n            />\n            <a-checkbox-group\n              v-model:value=\"column.filterCheckboxGroupValue\"\n              class=\"filter-checkbox\"\n              :options=\"useFilterOptions(column)\"\n              @change=\"useSetSelectedKeys(setSelectedKeys, column)\"\n            >\n            </a-checkbox-group>\n            <div>\n              <a-button\n                type=\"primary\"\n                size=\"small\"\n                style=\"width: 90px; margin-right: 8px\"\n                @click=\"() => confirm()\"\n              >\n                搜索\n              </a-button>\n              <a-button\n                size=\"small\"\n                style=\"width: 90px\"\n                @click=\"onResetFilter(clearFilters, column)\"\n              >\n                重置\n              </a-button>\n            </div>\n          </div>\n        </template>\n        <template #bodyCell=\"{ column, index, text, record }\">\n          <template v-if=\"column.dataIndex === 'SEQ'\">\n            <span>{{ index + 1 }}</span>\n          </template>\n          <!-- 操作列配置 -->\n          <template v-if=\"column.dataIndex === 'ACTION'\">\n            <div class=\"action-list\">\n              <div class=\"action\" v-for=\"(action, index) in actionList\" :key=\"index\">\n                <a\n                  :href=\"handleHref(action.href, record)\"\n                  :target=\"handleHrefTarget(action.target)\"\n                  :style=\"{\n                    color: action.color,\n                    fontSize,\n                    fontWeight\n                  }\"\n                  @click=\"onTouchHrefEvent(action.target, handleHref(action.href, record))\"\n                >\n                  {{ action.title }}\n                </a>\n              </div>\n            </div>\n          </template>\n          <template v-else>\n            <div\n              :class=\"[contrastClass(text, column.format)]\"\n              :style=\"{\n                fontSize,\n                fontWeight\n              }\"\n            >\n              {{ column.format != null ? formatFn(text, column.format) : text }}\n            </div>\n          </template>\n        </template>\n        <template #summary>\n          <a-table-summary v-if=\"summaryList.length > 0\">\n            <a-table-summary-row>\n              <a-table-summary-cell\n                v-for=\"(summary, index) in summaryList\"\n                :key=\"index\"\n                :index=\"index\"\n                :style=\"{\n                  backgroundColor: cellBackgroundColor,\n                  textAlign: summary.cellAlign || 'center',\n                  color: summary.cellColor,\n                  borderBottomColor: borderColor,\n                }\"\n              >\n                <div\n                  :class=\"[contrastClass(summary.total, summary.format)]\"\n                  :style=\"{\n                    fontSize,\n                    fontWeight\n                  }\"\n                >\n                  {{ (summary.format != null || summary.format !== '') && formatFn(summary.total, summary.format) }}\n                </div>\n              </a-table-summary-cell>\n            </a-table-summary-row>\n          </a-table-summary>\n        </template>\n      </a-table>\n    </skeleton>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, unref, ref, watch, inject, reactive } from 'vue'\nimport {\n  Input as AInput,\n  CheckboxGroup as ACheckboxGroup,\n  // Checkbox as ACheckbox,\n  Table as ATable,\n  TableSummary as ATableSummary,\n  TableSummaryRow as ATableSummaryRow,\n  TableSummaryCell as ATableSummaryCell\n} from 'ant-design-vue'\nimport 'ant-design-vue/es/input/style'\nimport 'ant-design-vue/es/checkbox/style'\nimport 'ant-design-vue/es/table/style'\nimport {\n  usePickComponentStyle,\n  useEmitEvent,\n  useRequestData,\n  useOnEvent,\n  useIndicatorData,\n  useVariablesInText\n} from '@/hooks'\nimport { tableComponentProps } from './props'\nimport { formatMoney, formatPercentage } from '@/utils/util'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport Skeleton from '@/common/skeleton/Skeleton.vue'\nimport { cloneDeep } from 'lodash-es'\nimport { RequestModalParam } from '@/utils/types'\nexport default defineComponent({\n  name: 'EcanTable',\n  components: {\n    Skeleton,\n    AInput,\n    ACheckboxGroup,\n    ATable,\n    ATableSummary,\n    ATableSummaryRow,\n    ATableSummaryCell\n  },\n  props: {\n    ...tableComponentProps\n  },\n  setup (props, { expose }) {\n    const style = usePickComponentStyle(props)\n    const splitY = computed(() => {\n      if (props.paginationShow) {\n        switch (props.size) {\n          case 'small':\n            return 90\n          case 'middle':\n            return 100\n          default:\n            return 120\n        }\n      } else {\n        switch (props.size) {\n          case 'small':\n            return 40\n          case 'middle':\n            return 47\n          default:\n            return 55\n        }\n      }\n    })\n    const x = computed(() => props.scrollX)\n    const y = computed(() => parseFloat(props.height as string) - unref(splitY))\n    const myColumns = ref<{ [key: string]: any } []>([])\n    const myDataSource = ref<{ [key: string]: any } []>([])\n    const tableColumns = ref<{ [key: string]: any } []>([])\n    const tableDataSource = ref<{ [key: string]: any } []>([])\n    const total = ref(0)\n    const pageNum = ref(1)\n    const pageSize = computed(() => props.paginationPageSize as number)\n    const filterDataIndexList = reactive([])\n    const handleChildrenColumns = (_columns: { [key: string]: any } [] = []) => {\n      if (Array.isArray(_columns) && _columns.length > 0) {\n        const len = _columns.length\n        const columnsFixedNum = props.columnsFixedNum as number\n        // 这里的循环为了 props 是引用类型，会造成脏数据（上次修改后，还会存在上次的数据）\n        // 如果使用深拷贝会造成性能的浪费，循环来说相对更快\n        for (let i = 0; i < len; i++) {\n          const column = _columns[i]\n          if (i < columnsFixedNum) {\n            column.fixed = 'left'\n          } else {\n            column.fixed = false\n          }\n          const {\n            cellAlign = 'center',\n            cellColor,\n            dataIndex,\n            title,\n            tableFilter,\n            headerCellAlign,\n            headerCellColor\n          } = column\n          if (tableFilter) {\n            filterDataIndexList.push(dataIndex)\n            column.filterOptionsInputValue = ''\n            column.filterCheckboxGroupValue = []\n            column.customFilterDropdown = true\n            column.onFilter = (value, record) => record[dataIndex].toString().toLowerCase().includes(value.toLowerCase())\n          }\n          // 通用配置\n          // 头部单元格\n          column.customHeaderCell = () => ({\n            style: {\n              display: 'table-cell',\n              verticalAlign: 'middle',\n              fontSize: props.headerFontSize,\n              fontWeight: props.headerFontWeight,\n              textAlign: headerCellAlign || 'center',\n              color: headerCellColor,\n              borderBottomColor: props.borderColor\n            }\n          })\n          // 表格单元格\n          column.customCell = (record, rowIndex) => ({\n            style: {\n              textAlign: cellAlign,\n              color: cellColor,\n              backgroundColor: props.cellBackgroundColor,\n              borderBottomColor: props.borderColor\n            },\n            class: {\n              highlight: unref(useRowIndex) === rowIndex && props.clickHighlight\n            },\n            onClick: emitEvent('click', () => {\n              const id = props.id as string\n              const modal = getGlobalModel(id)\n              record = {\n                dataIndex,\n                title,\n                ...record\n              }\n              // 约定获取数据\n              setGlobalModel(id, { ...modal, RECORD: record })\n            })\n          })\n          if (Array.isArray(column.children)) {\n            handleChildrenColumns(column.children)\n          }\n        }\n      }\n    }\n    const handleColumns = (columns: { [key: string]: any } [] = []) => {\n      // 复制表头数据\n      if (props.isUseSeq) {\n        // 添加序号\n        columns.unshift({\n          title: '序号',\n          dataIndex: 'SEQ',\n          align: 'center'\n        })\n      }\n      // 添加操作列\n      if (props.isUseAction) {\n        columns.push({\n          title: '操作',\n          dataIndex: 'ACTION',\n          width: props.actionColumnWidth\n        })\n      }\n      handleChildrenColumns(columns)\n      return columns\n    }\n    watch(() => [\n      props.columns,\n      props.isUseSeq,\n      props.isUseAction,\n      props.columnsFixedNum,\n      props.actionColumnWidth,\n      props.cellBackgroundColor,\n      props.borderColor\n    ], () => {\n      myColumns.value = handleColumns(cloneDeep(props.columns as any []))\n    }, {\n      immediate: true,\n      deep: true\n    })\n    watch(() => [props.data, props.dataType], ([data, dataType]) => {\n      if (dataType !== 'static') return\n      myDataSource.value = data as { [key:string]:any } []\n    }, {\n      immediate: true\n    })\n    const allFilterOptions = ref({})\n    const handleFilterCheckboxOptions = (dataSource: { [key:string]: any } []) => {\n      if (Array.isArray(dataSource)) {\n        const dataLen = dataSource.length\n        const keys = filterDataIndexList\n        const keysLen = keys.length\n        const filterOptionsMap: { [key:string]: Set<string> } = {}\n        for (let i = 0; i < dataLen; i++) {\n          const record = dataSource[i]\n          for (let j = 0; j < keysLen; j++) {\n            const key = keys[j]\n            if (filterOptionsMap[key]) {\n              filterOptionsMap[key].add(record[key])\n            } else {\n              const set = new Set<string>()\n              set.add(record[key])\n              filterOptionsMap[key] = set\n            }\n          }\n        }\n        const _allFilterOptions: { [key:string]: { label:string, value: string } [] } = {}\n        for (const key in filterOptionsMap) {\n          if (Object.prototype.hasOwnProperty.call(filterOptionsMap, key)) {\n            const optionsSet = filterOptionsMap[key]\n            const options = Array.from(optionsSet)\n            _allFilterOptions[key] = options.map((option) => ({ label: option, value: option }))\n          }\n        }\n        allFilterOptions.value = _allFilterOptions\n      }\n    }\n    watch(() => [props.isReverse, myColumns.value, myDataSource.value], () => {\n      const _columns = unref(myColumns)\n      const _dataSource = unref(myDataSource)\n      handleFilterCheckboxOptions(_dataSource)\n      if (props.isReverse) {\n        const { columns, dataSource } = handleReverseTable(cloneDeep(_columns), cloneDeep(_dataSource))\n        tableColumns.value = columns\n        tableDataSource.value = dataSource\n      } else {\n        tableColumns.value = _columns\n        tableDataSource.value = _dataSource\n      }\n    }, {\n      immediate: true,\n      flush: 'post'\n    })\n    const handleReverseTable = (columns: { [key:string]: any} [], dataSource: { [key:string]: any} []) => {\n      const firstColumns = columns[0]\n      const _columns = [{\n        title: firstColumns.title,\n        dataIndex: 'col0',\n        key: 'col0',\n        align: 'center'\n      }] as { [key:string]: any } []\n      for (let i = 0; i < dataSource.length; i++) {\n        const data = dataSource[i]\n        const dataIndex = 'col' + (i + 1)\n        _columns.push({\n          title: data[firstColumns.dataIndex],\n          dataIndex,\n          key: dataIndex,\n          align: 'center'\n        })\n      }\n      const _dataSource = [] as { [key:string]: any } []\n      for (let i = 1; i < columns.length; i++) {\n        const column = columns[i]\n        const _data = { col0: column.title }\n        for (let j = 0; j < dataSource.length; j++) {\n          const data = dataSource[j]\n          _data[`col${j + 1}`] = data[column.dataIndex]\n        }\n        _dataSource.push(_data)\n      }\n      return {\n        columns: _columns,\n        dataSource: _dataSource\n      }\n    }\n    const orderCondition = ref<string>('')\n    const requestData = useRequestData(props)\n    const loading = ref(false)\n    const handleRequestData = async (isUseLoading: boolean = true) => {\n      try {\n        if (isUseLoading) loading.value = true\n        // 初始参数：排序\n        let params = {} as { [key:string]: any }\n        if (unref(orderCondition)) {\n          params.orderCondition = unref(orderCondition)\n        }\n        // 分页\n        if (props.paginationShow) {\n          params = {\n            pageNum: unref(pageNum),\n            pageSize: unref(pageSize),\n            layer: '1',\n            ...params\n          }\n        }\n        const res = await requestData(params)\n        const { rows = [], total: tableTotal = 0 } = res?.data?.data || {}\n        total.value = tableTotal\n        if (Array.isArray(rows)) {\n          myDataSource.value = rows\n        }\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n    const tableChange = ({ current }: { current: number }, _filters, sorter) => {\n      pageNum.value = current\n      if (sorter && Object.keys(sorter).length > 0) {\n        const { field, order } = sorter as { field: string | null, order: 'ascend' | 'descend' }\n        const map = {\n          ascend: 'asc',\n          descend: 'desc'\n        }\n        const fieldOrder = map[order]\n        if (field != null && fieldOrder != null) {\n          orderCondition.value = field + ' ' + fieldOrder\n          pageNum.value = 1\n        }\n      }\n      refreshData(false)\n    }\n    const pagination = computed(() => {\n      const simple = props.simple\n      const position = [props.paginationPosition]\n      return props.paginationShow && {\n        simple,\n        position,\n        total: unref(total),\n        current: unref(pageNum),\n        pageSize: unref(pageSize),\n        showSizeChanger: false\n      }\n    })\n    const formatBoolean = (value: string | number) => {\n      if (+value === 1) return '是'\n      if (+value === 0) return '否'\n      return value\n    }\n    type Format = 'money' | 'percentage' | 'contrast' | 'boolean' | ''\n    const formatFn = (value: string | number, format?: Format) => {\n      if (format == null || format === '') return value\n      const map = {\n        money: formatMoney,\n        percentage: formatPercentage,\n        contrast: formatPercentage,\n        boolean: formatBoolean\n      }\n      return map[format](value) || ''\n    }\n    const contrastClass = (value: string | number, format: Format) => {\n      const _value = parseFloat(value + '')\n      if (format !== 'contrast') {\n        return ''\n      }\n      switch (true) {\n        case _value >= 0:\n          return 'goUp'\n        case _value < 0:\n          return 'goDown'\n      }\n    }\n\n    const emitEvent = useEmitEvent(props)\n\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\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    const handleIndicatorDataset = (dataColumns: any [] = [], dataRows: { [key:string]: any }[] = []) => {\n      const _columns = dataColumns.map((column: string) => ({ title: column, dataIndex: column, key: column }))\n      myColumns.value = handleColumns(_columns)\n      myDataSource.value = dataRows\n    }\n\n    // 指标库\n    const indicatorData = useIndicatorData(props)\n    const handleIndicatorData = async () => {\n      try {\n        loading.value = true\n        const res = await indicatorData()\n        handleIndicatorDataset(res?.data?.data?.columns, res?.data?.data?.rows)\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n    //\n    // const customHeaderRow = () => ({\n    //   style: {\n    //     backgroundColor: props.headerBackgroundColor\n    //   }\n    // })\n    const useRowIndex = ref(-1)\n\n    const customRow = (record, index) => ({\n      onClick: emitEvent('rowClick', () => {\n        const id = props.id as string\n        const modal = getGlobalModel(id)\n        // 约定获取数据\n        setGlobalModel(id, { ...modal, RECORD: record })\n        useRowIndex.value = index\n      })\n    })\n\n    const refreshData = (isUseLoading: boolean = true) => {\n      if (unref(pageMode) === 'design') return\n      switch (props.dataType) {\n        case 'request':\n          handleRequestData(isUseLoading)\n          break\n        case 'indicator':\n          handleIndicatorData()\n          break\n      }\n    }\n\n    const resetRecord = () => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      setGlobalModel(id, { ...modal, RECORD: '' })\n    }\n\n    useOnEvent(props, {\n      resetRecord,\n      refreshData\n    })\n    const summaryList = computed(() => {\n      const columns = unref(tableColumns)\n      const summaryList = [] as { [key: string]: any } []\n      let calcTotalCount = 0\n      for (let i = 0; i < columns.length; i++) {\n        const column = columns[i]\n        const { isCalcTotal } = column\n        if (props.isUseSeq && i === 0) {\n          summaryList.push({\n            ...column,\n            total: '小计'\n          })\n        } else if (isCalcTotal) {\n          summaryList.push({\n            ...column,\n            index: i,\n            total: 0\n          })\n          calcTotalCount++\n        } else {\n          summaryList.push({\n            ...column\n          })\n        }\n      }\n      // 为空直接返回\n      if (calcTotalCount === 0) return []\n      const start = (unref(pageNum) - 1) * unref(pageSize)\n      const end = start + unref(pageSize)\n      const records = unref(tableDataSource).slice(start, end)\n      for (let i = 0; i < summaryList.length; i++) {\n        const summary = summaryList[i]\n        let total: number = 0\n        const { isCalcTotal, dataIndex } = summary\n        if (isCalcTotal === true) {\n          for (let j = 0; j < records.length; j++) {\n            const record = records[j]\n            const num = record[dataIndex]\n            if (!isNaN(num)) {\n              total = num + total\n            }\n          }\n          summary.total = total\n        }\n      }\n      return summaryList\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n\n    setRequest({\n      id: props.id as string,\n      requestFn: refreshData,\n      sortNum: props.requestSort as number\n    })\n\n    expose({\n      refreshData\n    })\n\n    const handleHref = (href: string = '', data: { [key:string]: any }) => {\n      return useVariablesInText(href, data)\n    }\n\n    const handleHrefTarget = (target: 'self' | 'blank' | 'event') => {\n      if (target === 'event') {\n        return undefined\n      } else {\n        const map = {\n          self: '_self',\n          blank: '_blank'\n        }\n        return map[target]\n      }\n    }\n\n    const onTouchHrefEvent = (target: 'self' | 'blank' | 'event', href: string = '') => {\n      if (target === 'event') {\n        window.parent.postMessage({\n          type: 'openPage',\n          url: href\n        }, '*')\n      }\n    }\n\n    const useSetSelectedKeys = (setSelectedKeys, column) => {\n      setSelectedKeys(column.filterCheckboxGroupValue)\n    }\n\n    const onResetFilter = (clearFilters, column) => {\n      clearFilters({ confirm: true })\n      column.filterOptionsInputValue = ''\n      column.filterCheckboxGroupValue = []\n    }\n    const onSearchFilterOptions = () => {}\n    const useFilterOptions = (column) => {\n      const key = column.dataIndex\n      if (typeof key === 'string') {\n        let filterOptions = unref(allFilterOptions)[key]\n        const _inputValue = unref(column.filterOptionsInputValue).trim()\n        if (Array.isArray(filterOptions)) {\n          filterOptions = filterOptions.filter((filterOption) => {\n            if (typeof filterOption.label === 'string') {\n              return filterOption.label.toLowerCase().includes(_inputValue.toLowerCase())\n            }\n            return true\n          })\n          return filterOptions\n        }\n        return []\n      }\n      return []\n    }\n    return {\n      x,\n      y,\n      style,\n      customRow,\n      pagination,\n      formatFn,\n      contrastClass,\n      tableChange,\n      summaryList,\n      loading,\n      onTouchHrefEvent,\n      handleHref,\n      handleHrefTarget,\n      useRowIndex,\n      tableColumns,\n      tableDataSource,\n      useFilterOptions,\n      useSetSelectedKeys,\n      onResetFilter,\n      onSearchFilterOptions\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.table {\n  width: 100%;\n}\n\n.goUp {\n  color: #FF512E;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  &:before {\n    content: '';\n    display: block;\n    background-image: url(\"../../assets/go-up.png\");\n    width: 12px;\n    height: 12px;\n    background-repeat: no-repeat;\n    background-size: cover;\n    margin-right: 2px;\n  }\n}\n\n.goDown {\n  color: #39cf93;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  &:before {\n    content: '';\n    display: block;\n    background-image: url(\"../../assets/go-down.png\");\n    width: 12px;\n    height: 12px;\n    background-repeat: no-repeat;\n    background-size: cover;\n    margin-right: 2px;\n  }\n}\n\n.action-list {\n  display: flex;\n  width: 100%;\n}\n.action {\n  flex: 1;\n}\n\n.filter-input {\n  width: 188px;\n  margin-bottom: 8px;\n  display: block\n}\n\n.filter-checkbox {\n  width: 188px;\n  margin-bottom: 8px;\n}\n</style>\n\n<style lang=\"less\">\n.ecan-table-filter {\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  .ant-checkbox-group {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    overflow-y: auto;\n    overflow-x: hidden;\n  }\n\n  .ant-checkbox-wrapper  {\n    width: 100%;\n    padding: 5px 0;\n    font-size: 16px;\n    &:hover {\n      background-color: #f5f5f5;\n    }\n    .ant-checkbox + span {\n      width: 100%;\n      word-break: break-all;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      -webkit-box-orient: vertical\n    }\n  }\n}\n\n.ecan-table {\n  .highlight {\n    background: #e6f7ff !important;\n  }\n\n  *::-webkit-scrollbar {\n    //width: 6px;\n    //height: 6px;\n  }\n\n  *::-webkit-scrollbar-thumb {\n    border-radius: 3px;\n    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);\n    background-color: #c8c9ca !important;\n  }\n\n  *::-webkit-scrollbar-track {\n    background-color: #fff;\n  }\n\n  .ant-table-cell-scrollbar {\n    box-shadow: 0 1px 0 1px transparent;\n  }\n\n  .ant-table {\n    color: rgba(0, 0, 0, .65);\n    background: #ffffff;\n  }\n\n  .ant-table-thead > tr > th {\n    color: rgba(0, 0, 0, .85);\n    background: #fafafa;\n    border-bottom: 1px solid #f0f0f0;\n  }\n\n  .ant-table-tbody > tr > td {\n    border-bottom: 1px solid #f0f0f0;\n  }\n\n  .ant-table-bordered {\n    .ant-table-container {\n      border: 1px solid #f0f0f0 !important;\n    }\n\n    .ant-table-cell {\n      border-right: 1px solid #f0f0f0 !important;\n    }\n  }\n\n  .anticon {\n    color: #bfbfbf;\n  }\n\n}\n\n[datav-theme='darkBlue'] {\n  .ecan-table {\n    .highlight {\n      background: #225b98 !important;\n    }\n\n    *::-webkit-scrollbar-thumb {\n      background-color: #2f4dac !important;\n    }\n\n    *::-webkit-scrollbar-track {\n      background-color: #192c70;\n    }\n\n    *::-webkit-scrollbar-corner {\n      background-color: #192c70 !important;\n    }\n    .ant-table {\n      color: #e8e8e8;\n      background: #071655;\n    }\n\n    .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,\n    .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {\n      border-top: 1px solid #3e8ee3 !important;\n    }\n\n    .ant-table-thead > tr > th {\n      color: #cdd0f7;\n      background: #17338c;\n      border-bottom: 1px solid #3e8ee3;\n    }\n\n    .ant-table-tbody > tr > td {\n      border-bottom: 1px solid #3e8ee3;\n    }\n\n    .ant-table-bordered {\n      .ant-table-container {\n        border: 1px solid #3e8ee3 !important;\n      }\n\n      .ant-table-cell {\n        border-right: 1px solid #3e8ee3 !important;\n      }\n    }\n\n    .ant-pagination-item-link {\n      background: #17338c !important;\n    }\n\n    .ant-pagination-item {\n      background: #17338c !important;\n    }\n\n    .anticon {\n      color: rgba(255, 255, 255, .65) !important;\n    }\n\n    .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {\n      background: #225b98;\n    }\n  }\n\n  td.ant-table-column-sort {\n    background: #225b98;\n  }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle","_withCtx","_createVNode","_createElementVNode","_toDisplayString","_createCommentVNode","_Fragment","_renderList","_normalizeClass","_createBlock"],"mappings":"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"}