@qxs-bns/components 0.0.11 → 0.0.13

package/es/public/tiny-mce-editor/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.css

@@ -0,0 +1,35 @@
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}

package/es/public/tiny-mce-editor/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css

@@ -0,0 +1,10 @@
+body.tox-dialog__disable-scroll { overflow: hidden; }
+.tox-fullscreen { border: 0; height: 100%; margin: 0; overflow: hidden; overscroll-behavior: none; padding: 0; touch-action: pinch-zoom; width: 100%; }
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle { display: none; }
+
+.tox-shadowhost.tox-fullscreen,
+.tox.tox-tinymce.tox-fullscreen { left: 0; position: fixed; top: 0; z-index: 1200; }
+.tox.tox-tinymce.tox-fullscreen { background-color: transparent; }
+
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux { z-index: 1201; }

package/es/src/base/style/css.d.ts

@@ -0,0 +1 @@
+

package/es/src/base/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/src/components.d.ts

@@ -0,0 +1,10 @@
+export * from './data-chart/index';
+export * from './file-upload/index';
+export * from './fixed-action-bar/index';
+export * from './image-upload/index';
+export * from './photo-crop-tool/index';
+export * from './subject-action/index';
+export * from './subject-layout/index';
+export * from './subject-list/index';
+export * from './subject-type/index';
+export * from './tiny-mce-editor/index';

package/es/src/components.mjs

@@ -0,0 +1,23 @@
+import { QxsDataChart as t } from "./data-chart/index.mjs";
+import { QxsFileUpload as e } from "./file-upload/index.mjs";
+import { QxsFixedActionBar as m } from "./fixed-action-bar/index.mjs";
+import { QxsImageUpload as f } from "./image-upload/index.mjs";
+import { QxsPhotoCropTool as a } from "./photo-crop-tool/index.mjs";
+import { QxsSubjectAction as i } from "./subject-action/index.mjs";
+import { QxsSubjectLayout as b } from "./subject-layout/index.mjs";
+import { QxsSubjectList as j } from "./subject-list/index.mjs";
+import { QxsSubjectType as S } from "./subject-type/index.mjs";
+import { QxsTinyMceEditor as y } from "./tiny-mce-editor/index.mjs";
+export {
+  t as QxsDataChart,
+  e as QxsFileUpload,
+  m as QxsFixedActionBar,
+  f as QxsImageUpload,
+  a as QxsPhotoCropTool,
+  i as QxsSubjectAction,
+  b as QxsSubjectLayout,
+  j as QxsSubjectList,
+  S as QxsSubjectType,
+  y as QxsTinyMceEditor
+};
+//# sourceMappingURL=components.mjs.map

package/es/src/components.mjs.map

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

package/es/src/data-chart/index.d.ts

@@ -0,0 +1,19 @@
+declare const QxsDataChart: import('../withInstall').SFCWithInstall<import('vue').DefineComponent<{
+    modelName?: string;
+    showTypeName?: import('./src/types').IconRow["showTypeName"];
+    subShowType?: string;
+    data?: import('./src/types').EChartData;
+    chartOptions?: import('echarts').EChartsOption;
+    jsCodeSnippet?: string;
+}, {
+    exportExal: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    modelName?: string;
+    showTypeName?: import('./src/types').IconRow["showTypeName"];
+    subShowType?: string;
+    data?: import('./src/types').EChartData;
+    chartOptions?: import('echarts').EChartsOption;
+    jsCodeSnippet?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>> & Record<string, any>;
+export { QxsDataChart, };
+export default QxsDataChart;

package/es/src/data-chart/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall as t } from "../withInstall.mjs";
+import o from "./src/data-chart.vue.mjs";
+const m = t(o);
+export {
+  m as QxsDataChart,
+  m as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/src/data-chart/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/src/data-chart/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/data-chart.vue'\n\nconst QxsDataChart = withInstall(component)\n\nexport {\n  QxsDataChart,\n}\nexport default QxsDataChart\n"],"names":["QxsDataChart","withInstall","component"],"mappings":";;AAGM,MAAAA,IAAeC,EAAYC,CAAS;"}

package/es/src/data-chart/src/analyze.d.ts

@@ -0,0 +1,23 @@
+import { EChartData } from './types';
+
+export declare function getObjectValue(obj: any, pathArr: string[]): any;
+interface IHandlerFunction {
+    handler?: ({ sourceData, dealJson }: {
+        sourceData: EChartData['data'];
+        dealJson: any;
+    }) => string | number;
+    dealOptSchema?: {
+        label: string;
+        cascaderProps: {
+            value: string;
+            label: string;
+        };
+        select: any[];
+        interactionType?: 'select' | 'input';
+    }[];
+}
+export interface IkeysMap {
+    [key: string]: IHandlerFunction | IkeysMap;
+}
+export declare const keysMap: IkeysMap;
+export {};

package/es/src/data-chart/src/components/area.vue.mjs

@@ -0,0 +1,9 @@
+import o from "./area.vue2.mjs";
+/* empty css           */
+/* empty css           */
+import r from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8201b5e0"]]);
+export {
+  e as default
+};
+//# sourceMappingURL=area.vue.mjs.map

package/es/src/data-chart/src/components/area.vue.mjs.map

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

package/es/src/data-chart/src/components/area.vue2.mjs

@@ -0,0 +1,155 @@
+var E = (u, y, o) => new Promise((p, h) => {
+  var t = (n) => {
+    try {
+      m(o.next(n));
+    } catch (a) {
+      h(a);
+    }
+  }, d = (n) => {
+    try {
+      m(o.throw(n));
+    } catch (a) {
+      h(a);
+    }
+  }, m = (n) => n.done ? p(n.value) : Promise.resolve(n.value).then(t, d);
+  m((o = o.apply(u, y)).next());
+});
+import { defineComponent as A, inject as L, ref as O, computed as k, createElementBlock as $, openBlock as J, createElementVNode as _ } from "vue";
+import * as j from "echarts";
+import { getGeoJsonData as G } from "../utils/config.mjs";
+import { InjectionChartMerge as V } from "../utils/injectionKeys.mjs";
+import { useCharts as w } from "../utils/useCharts.mjs";
+const F = { class: "data-chart-area-wrap" }, P = /* @__PURE__ */ A({
+  name: "DataChartArea",
+  __name: "area",
+  props: {
+    chartOptions: {},
+    chartData: { default: () => ({
+      colDesc: [],
+      xGroupByDesc: {
+        colDesc: "",
+        groupByDesc: "",
+        groupByValues: [],
+        xAxis: !1
+      },
+      groupByDesc: [],
+      data: [],
+      modelName: ""
+    }) }
+  },
+  setup(u) {
+    const y = L(V, (a) => a, !0);
+    let o = "中国";
+    const p = O({
+      features: [],
+      type: "FeatureCollection"
+    }), h = O(null);
+    let t = null;
+    const d = k(() => {
+      const { xGroupByDesc: a, groupByDesc: r, colDesc: i, modelName: g, data: D } = u.chartData, C = [];
+      i.forEach((l) => {
+        D.forEach((c) => {
+          C.push(Number(c[l]));
+        });
+      });
+      const M = {
+        title: {
+          text: g
+        },
+        tooltip: {
+          formatter(l) {
+            var f;
+            let c = `${l.name}<br/>`;
+            return (f = M.series) == null || f.forEach((s) => {
+              var e;
+              (e = s.data) == null || e.forEach((v) => {
+                v.name === l.name && (c += `${s.name}：${v.value}</br>`);
+              }), c.includes(s.name) || (c += `${s.name}：-</br>`);
+            }), c;
+          }
+        },
+        visualMap: {
+          min: Math.min(...C, 0),
+          max: Math.max(...C, 0)
+        },
+        series: i == null ? void 0 : i.map((l) => {
+          const c = [], f = r.find((e) => e.colDesc === (o === "中国" ? "医院所在省" : "医院所在市")), s = {};
+          D.map((e) => {
+            var N, b;
+            const v = e[(o === "中国" ? (a == null ? void 0 : a.colDesc) || "" : f == null ? void 0 : f.colDesc) || ""], x = (N = p.value.features) == null ? void 0 : N.find(({ properties: { name: B } }) => B == null ? void 0 : B.includes(v));
+            return {
+              name: ((b = x == null ? void 0 : x.properties) == null ? void 0 : b.name) || "",
+              value: Number(e[l])
+            };
+          }).forEach((e) => {
+            s[e.name] ? s[e.name] = s[e.name] + e.value : s[e.name] = e.value;
+          });
+          for (const e in s)
+            c.push({
+              name: e,
+              value: s[e]
+            });
+          return {
+            name: l,
+            type: "map",
+            map: o,
+            data: c
+          };
+        })
+      };
+      return y(M, u.chartOptions);
+    });
+    function m() {
+      return E(this, null, function* () {
+        var a;
+        yield n(), t && !t.isDisposed() && ((a = t.getZr()) == null || a.on("click", (r) => {
+          !r.target && o !== "中国" && n("中国");
+        }), t.on("click", (r) => {
+          var g;
+          const i = (g = u.chartData.groupByDesc) == null ? void 0 : g.some((D) => D.colDesc === "医院所在市");
+          o === "中国" && i && n(r.name).then(() => {
+            t && !t.isDisposed() && t.setOption(d.value);
+          });
+        }));
+      });
+    }
+    function n(a = "中国") {
+      return E(this, null, function* () {
+        if (!(!t || t.isDisposed())) {
+          t.showLoading();
+          try {
+            const r = yield G({ adcode: a });
+            if (!r) {
+              t.hideLoading();
+              return;
+            }
+            p.value = r, o = a;
+            const i = j.registerMap(a, r);
+            return t.hideLoading(), i;
+          } catch (r) {
+            console.log(r), t.hideLoading();
+          }
+        }
+      });
+    }
+    return w({
+      chartDOM: h,
+      chartOptions: d,
+      chartData: k(() => u.chartData),
+      initAfter: m,
+      callback: (a) => {
+        t = a;
+      }
+    }), (a, r) => (J(), $("div", F, [
+      _("div", {
+        ref_key: "dataChartArea",
+        ref: h,
+        class: "data-chart-area"
+      }, null, 512)
+    ]));
+  }
+});
+export {
+  P as default
+};
+//# sourceMappingURL=area.vue2.mjs.map

package/es/src/data-chart/src/components/area.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area.vue2.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/area.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ECharts } from 'echarts/types/dist/echarts'\nimport type { EChartsOption, GeoJson, IFormatPublicData } from '../types'\nimport * as echarts from 'echarts'\nimport { getGeoJsonData } from '../utils/config'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n  name: 'DataChartArea',\n})\n\nconst {\n  chartOptions,\n  chartData = {\n    colDesc: [],\n    xGroupByDesc: {\n      colDesc: '',\n      groupByDesc: '',\n      groupByValues: [],\n      xAxis: false,\n    },\n    groupByDesc: [],\n    data: [],\n    modelName: '',\n  },\n} = defineProps<{\n  chartOptions: EChartsOption\n  chartData?: IFormatPublicData\n}>()\n\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\n\nlet adcode = '中国'\nconst currentGeoJson = ref<GeoJson>({\n  features: [],\n  type: 'FeatureCollection',\n})\nconst dataChartArea = ref(null)\nlet myChart: ECharts | null = null\n\nconst areaChartOptions = computed<EChartsOption>(() => {\n  const { xGroupByDesc, groupByDesc, colDesc, modelName, data } = chartData\n  const allNums: number[] = []\n  colDesc.forEach((item) => {\n    data.forEach((dataItem) => {\n      allNums.push(Number(dataItem[item]))\n    })\n  })\n  const config = {\n    title: {\n      text: modelName,\n    },\n    tooltip: {\n      formatter(params: { name: string }) {\n        let res = `${params.name}<br/>`\n        config.series?.forEach((colDescItem) => {\n          colDescItem.data?.forEach((item) => {\n            if (item.name === params.name) {\n              res += `${colDescItem.name}：${item.value}</br>`\n            }\n          })\n          if (!res.includes(colDescItem.name)) {\n            res += `${colDescItem.name}：-</br>`\n          }\n        })\n        return res\n      },\n    },\n    visualMap: {\n      min: Math.min(...allNums, 0),\n      max: Math.max(...allNums, 0),\n    },\n    series: colDesc?.map((colDescItem) => {\n      const seriesData = []\n      const row = groupByDesc.find(item => item.colDesc === (adcode === '中国' ? '医院所在省' : '医院所在市'))\n      // 先用省份数据，如果没有再用市级数据\n\n      const arr: {\n        [key: string]: number\n      } = {}\n      data.map((item) => {\n        const sourceName = item[(adcode === '中国' ? (xGroupByDesc?.colDesc || '') : row?.colDesc) || '']\n        const find = currentGeoJson.value.features?.find(({ properties: { name } }: { properties: { name?: string } }) => name?.includes(sourceName as string))\n        return {\n          name: find?.properties?.name || '',\n          value: Number(item[colDescItem]),\n        }\n      }).forEach((item) => {\n        if (!arr[item.name]) {\n          arr[item.name] = item.value\n        }\n        else {\n          arr[item.name] = arr[item.name] + item.value\n        }\n      })\n      for (const key in arr) {\n        seriesData.push({\n          name: key,\n          value: arr[key],\n        })\n      }\n      return {\n        name: colDescItem,\n        type: 'map',\n        map: adcode,\n        data: seriesData,\n      }\n    }),\n  }\n\n  return merge(config, chartOptions)\n})\n// const propsXgroupByInfos = computed(() => {\n//   const { groupByDesc } = chartData\n//   const [row] = groupByDesc.filter(item => item.colDesc === '医院所在省')\n//   if (row) {\n//     return row\n//   }\n//   else {\n//     const [res] = groupByDesc.filter(item => item.colDesc === '医院所在市')\n//     return res\n//   }\n// })\n// const selectList = computed(() => {\n//   let arr = [{ label: '中国', value: '中国' }]\n//   if (chartData.groupByDesc.length === 1 && propsXgroupByInfos.value?.colDesc === '医院所在市') {\n//     const {\n//       data,\n//       xGroupByDesc: { colDesc },\n//     } = chartData\n//     arr = data.map((item) => {\n//       return {\n//         label: item[colDesc],\n//         value: item[colDesc],\n//       }\n//     })\n//   }\n//   return arr\n// })\n\n// const isShowSelect = computed(() => {\n//   const { groupByDesc } = chartData.value\n//   return groupByDesc[0] && groupByDesc[0].colDesc !== '医院所在省' && groupByDesc.length === 1 && selectList.value.length\n// })\n\nasync function initAfter() {\n  await registerMap()\n  // 添加判断，确保图表实例存在且未被销毁\n  if (myChart && !myChart.isDisposed()) {\n    // charts 监听事件\n    myChart.getZr()?.on('click', (params: { target: HTMLElement }) => {\n      if (!params.target && adcode !== '中国') {\n        registerMap('中国')\n      }\n    })\n    myChart.on('click', (params: { name: string }) => {\n      const flag = chartData.groupByDesc?.some(item => item.colDesc === '医院所在市')\n\n      if (adcode === '中国' && flag) {\n        registerMap(params.name).then(() => {\n          if (myChart && !myChart.isDisposed()) {\n            myChart.setOption(areaChartOptions.value)\n          }\n        })\n      }\n    })\n  }\n}\n// function selectChina() {\n//   registerMap(adcode)\n// }\nasync function registerMap(keyword = '中国') {\n  if (!myChart || myChart.isDisposed()) {\n    return\n  }\n\n  myChart.showLoading()\n  try {\n    const geoJson = await getGeoJsonData({ adcode: keyword })\n    if (!geoJson) {\n      myChart.hideLoading() // 添加加载状态的清除\n      return\n    }\n    currentGeoJson.value = geoJson\n    adcode = keyword\n\n    const result = echarts.registerMap(keyword, geoJson as any)\n    myChart.hideLoading() // 添加加载状态的清除\n    return result\n  }\n  catch (error) {\n    console.log(error)\n    myChart.hideLoading() // 添加加载状态的清除\n  }\n}\nuseCharts({\n  chartDOM: dataChartArea,\n  chartOptions: areaChartOptions,\n  chartData: computed(() => chartData),\n  initAfter,\n  callback: (chart) => {\n    myChart = chart\n  },\n})\n</script>\n\n<template>\n  <div class=\"data-chart-area-wrap\">\n    <!-- <el-select\n      v-if=\"isShowSelect\"\n      v-model=\"adcode\"\n      class=\"city-select\"\n      size=\"small\"\n      @change=\"selectChina\"\n    >\n      <el-option\n        v-for=\"item in selectList\"\n        :key=\"item.value\"\n        :label=\"item.label\"\n        :value=\"item.value\"\n      />\n    </el-select> -->\n    <div ref=\"dataChartArea\" class=\"data-chart-area\" />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n// scss\n.data-chart-area-wrap {\n  position: relative;\n\n  .city-select {\n    position: absolute;\n    top: 10px;\n    right: 100px;\n    z-index: 1;\n    width: 120px;\n  }\n\n  .data-chart-area {\n    height: 100%;\n  }\n}\n</style>\n\n<style scoped>/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n/* layer: default */\n.absolute{position:absolute;}\n.relative{position:relative;}</style>"],"names":["merge","inject","InjectionChartMerge","v","adcode","currentGeoJson","ref","dataChartArea","myChart","areaChartOptions","computed","xGroupByDesc","groupByDesc","colDesc","modelName","data","__props","allNums","item","dataItem","config","params","res","_a","colDescItem","seriesData","row","arr","sourceName","find","name","_b","key","initAfter","__async","registerMap","flag","keyword","geoJson","getGeoJsonData","result","echarts","error","useCharts","chart"],"mappings":"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"}

package/es/src/data-chart/src/components/bar.vue.mjs

@@ -0,0 +1,8 @@
+import o from "./bar.vue2.mjs";
+/* empty css          */
+import r from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a643686b"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=bar.vue.mjs.map

package/es/src/data-chart/src/components/bar.vue.mjs.map

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

package/es/src/data-chart/src/components/bar.vue2.mjs

@@ -0,0 +1,125 @@
+import { defineComponent as V, inject as C, ref as w, computed as b, createElementBlock as O, openBlock as S } from "vue";
+import { uniq as B } from "lodash-es";
+import { InjectionChartMerge as L } from "../utils/injectionKeys.mjs";
+import { useCharts as j } from "../utils/useCharts.mjs";
+const M = /* @__PURE__ */ V({
+  name: "DataChartBar",
+  __name: "bar",
+  props: {
+    chartData: { default: () => ({
+      colDesc: [],
+      xGroupByDesc: {
+        colDesc: "",
+        groupByDesc: "",
+        groupByValues: [],
+        xAxis: !1
+      },
+      groupByDesc: [],
+      data: [],
+      modelName: ""
+    }) },
+    subShowType: { default: "bar-simple" },
+    chartOptions: {}
+  },
+  setup(u) {
+    const x = C(L, (c) => c, !0), y = w(null), A = b(() => {
+      const { colDesc: c, xGroupByDesc: a, groupByDesc: h, data: n = [], modelName: k } = u.chartData, p = Array.from(new Set(n.map((e) => e[a.colDesc || ""]))) || [], o = h.find((e) => !e.xAxis) || {
+        groupByValues: [],
+        colDesc: ""
+      };
+      o.groupByValues = B(n.map((e) => o.colDesc ? String(e[o.colDesc]) : "")), a && a.groupByValues && (a.groupByValues = B(n.map((e) => a.colDesc ? String(e[a.colDesc]) : "")));
+      const r = {
+        title: {
+          text: k
+        },
+        xAxis: {
+          name: "",
+          type: "category",
+          axisLabel: {
+            interval: 0,
+            // 强制显示所有标签
+            formatter(e) {
+              return e.length > 5 ? `${e.substring(0, 5)}...` : e;
+            }
+          },
+          data: p
+        },
+        yAxis: {
+          type: "value"
+        },
+        legend: {
+          data: []
+        },
+        dataZoom: [{
+          type: "inside",
+          disabled: p.length < 15
+        }]
+      };
+      if (h.length === 1)
+        r.series = c.map((e) => ({
+          name: e,
+          data: n.map((t) => t[e]),
+          type: "bar",
+          emphasis: {
+            focus: "series"
+          },
+          label: {
+            show: !0,
+            position: "inside"
+          }
+        })), r.legend.data = c;
+      else if (h.length === 2) {
+        const e = c.map((t) => {
+          var l;
+          return ((l = o.groupByValues) == null ? void 0 : l.map((i) => {
+            const s = {
+              name: `${i || "/"}-${t}`,
+              type: "bar",
+              stack: t,
+              emphasis: {
+                focus: "series"
+              },
+              data: [],
+              label: {
+                show: !0,
+                position: "inside"
+              }
+            };
+            return s.data = (a.groupByValues || []).map((g) => {
+              let m = null;
+              return n.forEach((d) => {
+                var D;
+                o.colDesc && d[o.colDesc] === i && a.colDesc && d[a.colDesc] === g && s.stack && (m = (D = d[s.stack]) != null ? D : null);
+              }), m || "";
+            }).filter((g) => g !== ""), s;
+          })) || [];
+        }).flat();
+        r.series = e, delete r.legend;
+      }
+      function f(e, t, l, i) {
+        Array.isArray(e) ? e.forEach((s) => {
+          s && (s.type = t, t === "category" && (s.data = l || [], s.name = i || ""));
+        }) : e && (e.type = t, t === "category" && (e.data = l || [], e.name = i || ""));
+      }
+      switch (u.subShowType) {
+        case "bar-simple":
+        case "default":
+          f(r.xAxis, "category", p, a.colDesc || ""), f(r.yAxis, "value");
+          break;
+        case "bar-y-category":
+          f(r.xAxis, "value"), f(r.yAxis, "category", p, a.colDesc || "");
+          break;
+      }
+      return x(r, u.chartOptions);
+    });
+    return j({ chartDOM: y, chartOptions: A, chartData: b(() => u.chartData) }), (c, a) => (S(), O("div", {
+      ref_key: "dataChartBar",
+      ref: y,
+      class: "data-chart-bar"
+    }, null, 512));
+  }
+});
+export {
+  M as default
+};
+//# sourceMappingURL=bar.vue2.mjs.map

package/es/src/data-chart/src/components/bar.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar.vue2.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/bar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { LegendComponentOption, XAXisComponentOption, YAXisComponentOption } from 'echarts'\nimport type {\n  EChartData,\n  EChartsOption,\n  IFormatPublicData,\n  SeriesOption,\n} from '../types'\nimport { uniq } from 'lodash-es'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\n// 定义组件名称\ndefineOptions({\n  name: 'DataChartBar',\n})\n\n// 定义组件属性\nconst {\n  chartOptions,\n  chartData = {\n    colDesc: [],\n    xGroupByDesc: {\n      colDesc: '',\n      groupByDesc: '',\n      groupByValues: [],\n      xAxis: false,\n    },\n    groupByDesc: [],\n    data: [],\n    modelName: '',\n  },\n  subShowType = 'bar-simple',\n} = defineProps<{\n  chartData: IFormatPublicData\n  subShowType: string\n  chartOptions: EChartsOption\n}>()\n\n// 注入合并函数，并明确类型\nconst merge = inject(InjectionChartMerge, (v: any) => v, true) as (config: EChartsOption, chartOptions: EChartsOption) => EChartsOption\nconst dataChartBar = ref<HTMLElement | null>(null)\n\n// 计算图表选项\nconst barChartOptions = computed<EChartsOption>(() => {\n  const { colDesc, xGroupByDesc, groupByDesc, data = [], modelName } = chartData\n\n  const axisData = Array.from(new Set(data.map(item => item[xGroupByDesc.colDesc || '']))) || []\n  const yGroupByDesc: EChartData['desc']['groupByDesc'][0] = groupByDesc.find(item => !item.xAxis) || {\n    groupByDesc: null,\n    groupByValues: [],\n    colDesc: '',\n    xAxis: false,\n  }\n\n  yGroupByDesc.groupByValues = uniq(data.map(item => yGroupByDesc.colDesc ? String(item[yGroupByDesc.colDesc]) : ''))\n  if (xGroupByDesc && xGroupByDesc.groupByValues) {\n    xGroupByDesc.groupByValues = uniq(data.map(item => xGroupByDesc.colDesc ? String(item[xGroupByDesc.colDesc]) : ''))\n  }\n\n  const config: EChartsOption = {\n    title: {\n      text: modelName,\n    },\n    xAxis: {\n      name: '',\n      type: 'category',\n      axisLabel: {\n        interval: 0, // 强制显示所有标签\n        formatter(value: string) {\n          const screenshotLength = 5\n          return value.length > screenshotLength ? `${value.substring(0, screenshotLength)}...` : value // 截取前5个字符并添加省略号\n        },\n      },\n      data: axisData,\n    },\n    yAxis: {\n      type: 'value',\n    },\n    legend: {\n      data: [],\n    },\n    dataZoom: [{\n      type: 'inside',\n      disabled: axisData.length < 15,\n    }],\n  }\n\n  // 堆叠图\n  if (groupByDesc.length === 1) {\n    config.series = colDesc.map((yItem) => {\n      return {\n        name: yItem,\n        data: data.map(item => item[yItem]),\n        type: 'bar',\n        emphasis: {\n          focus: 'series',\n        },\n        label: {\n          show: true,\n          position: 'inside',\n        },\n      }\n    });\n    (config.legend as LegendComponentOption).data = colDesc\n  }\n  else if (groupByDesc.length === 2) {\n    const arr = colDesc.map((colDescItem) => {\n      return yGroupByDesc.groupByValues?.map((yGroupByDescItem) => {\n        const obj: SeriesOption = {\n          name: `${yGroupByDescItem || '/'}-${colDescItem}`,\n          type: 'bar',\n          stack: colDescItem,\n          emphasis: {\n            focus: 'series',\n          },\n          data: [],\n          label: {\n            show: true,\n            position: 'inside',\n          },\n        }\n        obj.data = (xGroupByDesc.groupByValues || []).map((xGroupByDescItem) => {\n          let targetVal: number | string | null = null\n          data.forEach((item) => {\n            if (yGroupByDesc.colDesc && item[yGroupByDesc.colDesc] === yGroupByDescItem && xGroupByDesc.colDesc && item[xGroupByDesc.colDesc] === xGroupByDescItem) {\n              if (obj.stack) {\n                targetVal = item[obj.stack] ?? null\n              }\n            }\n          })\n          return targetVal || ''\n        }).filter(v => v !== '')\n        return obj\n      }) || []\n    }).flat()\n\n    config.series = arr\n    delete config.legend\n  }\n\n  // 1. 定义轴类型\n  type CategoryAxisOption = XAXisComponentOption & {\n    type: 'category'\n    data: (string | number)[]\n  }\n\n  // 2. 创建配置轴的辅助函数\n  function configureAxis(\n    axis: XAXisComponentOption | XAXisComponentOption[] | YAXisComponentOption | YAXisComponentOption[] | undefined,\n    type: 'category' | 'value',\n    data?: (string | number)[],\n    name?: string,\n  ) {\n    if (Array.isArray(axis)) {\n      axis.forEach((item) => {\n        if (item) {\n          item.type = type\n          if (type === 'category') {\n            (item as CategoryAxisOption).data = data || []\n            item.name = name || ''\n          }\n        }\n      })\n    }\n    else if (axis) {\n      axis.type = type\n      if (type === 'category') {\n        (axis as CategoryAxisOption).data = data || []\n        axis.name = name || ''\n      }\n    }\n  }\n\n  // 3. 使用配置函数\n  switch (subShowType) {\n    case 'bar-simple':\n    case 'default':\n      configureAxis(config.xAxis, 'category', axisData, xGroupByDesc.colDesc || '')\n      configureAxis(config.yAxis, 'value')\n      break\n\n    case 'bar-y-category':\n      configureAxis(config.xAxis, 'value')\n      configureAxis(config.yAxis, 'category', axisData, xGroupByDesc.colDesc || '')\n      break\n  }\n\n  return merge(config, chartOptions)\n})\n\nuseCharts({ chartDOM: dataChartBar, chartOptions: barChartOptions, chartData: computed(() => chartData) })\n</script>\n\n<template>\n  <div ref=\"dataChartBar\" class=\"data-chart-bar\" />\n</template>\n\n<style scoped>/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}</style>"],"names":["merge","inject","InjectionChartMerge","v","dataChartBar","ref","barChartOptions","computed","colDesc","xGroupByDesc","groupByDesc","data","modelName","__props","axisData","item","yGroupByDesc","uniq","config","value","yItem","arr","colDescItem","_a","yGroupByDescItem","obj","xGroupByDescItem","targetVal","configureAxis","axis","type","name","useCharts"],"mappings":"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"}

package/es/src/data-chart/src/components/card.vue.mjs

@@ -0,0 +1,9 @@
+import o from "./card.vue2.mjs";
+/* empty css           */
+/* empty css           */
+import r from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0b421047"]]);
+export {
+  _ as default
+};
+//# sourceMappingURL=card.vue.mjs.map

package/es/src/data-chart/src/components/card.vue.mjs.map

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

package/es/src/data-chart/src/components/card.vue2.mjs

@@ -0,0 +1,94 @@
+/* empty css                                                           */
+/* empty css                                                                */
+import { defineComponent as x, createElementBlock as e, openBlock as a, createCommentVNode as g, withDirectives as v, toDisplayString as c, createBlock as B, withCtx as N, createElementVNode as r, normalizeClass as C, Fragment as o, renderList as h, createTextVNode as u, vShow as f, createVNode as w } from "vue";
+import E from "./empty.vue.mjs";
+import { ElScrollbar as V } from "../../../../_virtual/element-plus/es/components/scrollbar/index.mjs";
+const b = { class: "data-chart-card" }, S = {
+  key: 0,
+  class: "title"
+}, G = ["title"], T = { class: "context" }, $ = { class: "suffix-icon" }, j = {
+  key: 2,
+  class: "data-chart-card-wrap"
+}, z = ["title"], F = { class: "context" }, J = /* @__PURE__ */ x({
+  name: "DataChartCard",
+  __name: "card",
+  props: {
+    chartData: {
+      type: Object,
+      default: () => ({
+        colDesc: [],
+        xGroupByDesc: [],
+        data: [],
+        modelName: ""
+      })
+    }
+  },
+  setup(t) {
+    const k = t;
+    function m(y) {
+      var d;
+      const s = ((d = k.chartData.xGroupByDesc) == null ? void 0 : d.colDesc) || "";
+      return s ? s + y[s] : "";
+    }
+    return (y, s) => {
+      const d = V;
+      return a(), e("div", b, [
+        t.chartData.groupByDesc.length ? (a(), e("p", S, c(t.chartData.modelName), 1)) : g("", !0),
+        t.chartData.groupByDesc.length ? v((a(), B(d, { key: 1 }, {
+          default: N(() => [
+            r("div", {
+              class: C({ "data-chart-card-grid-layout": t.chartData.groupByDesc.length })
+            }, [
+              (a(!0), e(o, null, h(t.chartData.data, (n, i) => (a(), e("div", {
+                key: i,
+                class: "card-item"
+              }, [
+                r("div", {
+                  class: "card-title",
+                  title: m(n)
+                }, c(m(n)), 9, G),
+                r("div", T, [
+                  (a(!0), e(o, null, h(t.chartData.colDesc, (l, D) => (a(), e("span", { key: l }, [
+                    u(c(`${l}: ` || "-"), 1),
+                    r("strong", null, c(n[l] || "-"), 1),
+                    u(" " + c(D === t.chartData.colDesc.length - 1 ? "" : "，"), 1)
+                  ]))), 128))
+                ]),
+                r("div", $, c(i + 1), 1)
+              ]))), 128))
+            ], 2)
+          ]),
+          _: 1
+        }, 512)), [
+          [f, t.chartData.data.length]
+        ]) : (a(), e("div", j, [
+          (a(!0), e(o, null, h(t.chartData.data, (n, i) => (a(), e("div", {
+            key: i,
+            class: "card-item"
+          }, [
+            r("div", {
+              class: "card-title",
+              title: t.chartData.modelName
+            }, c(t.chartData.modelName), 9, z),
+            r("div", F, [
+              (a(!0), e(o, null, h(t.chartData.colDesc, (l, D) => (a(), e("span", { key: l }, [
+                n ? (a(), e(o, { key: 0 }, [
+                  u(c(`${l}: ` || "-"), 1),
+                  r("strong", null, c(n[l] || "-"), 1),
+                  u(" " + c(D === t.chartData.colDesc.length - 1 ? "" : "，"), 1)
+                ], 64)) : g("", !0)
+              ]))), 128))
+            ])
+          ]))), 128))
+        ])),
+        v(w(E, null, null, 512), [
+          [f, !t.chartData.data.length]
+        ])
+      ]);
+    };
+  }
+});
+export {
+  J as default
+};
+//# sourceMappingURL=card.vue2.mjs.map

package/es/src/data-chart/src/components/card.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.vue2.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/card.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { EChartData, IFormatPublicData } from '../types'\nimport Empty from './empty.vue'\n\ndefineOptions({\n  name: 'DataChartCard',\n})\n\nconst props = defineProps({\n  chartData: {\n    type: Object as PropType<IFormatPublicData>,\n    default: () => ({\n      colDesc: [],\n      xGroupByDesc: [],\n      data: [],\n      modelName: '',\n    }),\n  },\n})\n\nfunction cardTitle(dataItem: EChartData['data'][0]) {\n  const colDesc = props.chartData.xGroupByDesc?.colDesc || ''\n\n  return colDesc ? (colDesc + dataItem[colDesc]) : ''\n}\n</script>\n\n<template>\n  <div class=\"data-chart-card\">\n    <p v-if=\"chartData.groupByDesc.length\" class=\"title\">\n      {{ chartData.modelName }}\n    </p>\n    <el-scrollbar v-show=\"chartData.data.length\" v-if=\"chartData.groupByDesc.length\">\n      <div :class=\"{ 'data-chart-card-grid-layout': chartData.groupByDesc.length }\">\n        <div\n          v-for=\"(dataItem, dataIndex) in chartData.data\"\n          :key=\"dataIndex\"\n          class=\"card-item\"\n        >\n          <div class=\"card-title\" :title=\"cardTitle(dataItem)\">\n            {{ cardTitle(dataItem) }}\n          </div>\n          <div class=\"context\">\n            <span v-for=\"(item, index) in chartData.colDesc\" :key=\"item\">\n              {{ `${item}: ` || '-' }}<strong>{{ dataItem[item] || '-' }}</strong> {{ index === chartData.colDesc.length - 1 ? '' : '，' }}\n            </span>\n          </div>\n          <div class=\"suffix-icon\">\n            {{ dataIndex + 1 }}\n          </div>\n        </div>\n      </div>\n    </el-scrollbar>\n    <div v-else class=\"data-chart-card-wrap\">\n      <div\n        v-for=\"(dataItem, dataIndex) in chartData.data\"\n        :key=\"dataIndex\"\n        class=\"card-item\"\n      >\n        <div class=\"card-title\" :title=\"chartData.modelName\">\n          {{ chartData.modelName }}\n        </div>\n        <div class=\"context\">\n          <span v-for=\"(item, index) in chartData.colDesc\" :key=\"item\">\n            <template v-if=\"dataItem\">\n              {{ `${item}: ` || '-' }}<strong>{{ dataItem[item] || '-' }}</strong> {{ index === chartData.colDesc.length - 1 ? '' : '，' }}\n            </template>\n          </span>\n        </div>\n      </div>\n    </div>\n    <Empty v-show=\"!chartData.data.length\" />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n// scss\n.data-chart-card {\n  display: flex;\n  flex-direction: column;\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 5px;\n    margin-top: 2px;\n    margin-bottom: 7px;\n    font-family: sans-serif;\n    font-size: 14px;\n    font-weight: bolder;\n    color: #464646;\n  }\n\n  .data-chart-card-grid-layout {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 10px;\n    width: calc(100% - 3px);\n  }\n\n  .data-chart-card-wrap {\n    height: 100% !important;\n\n    .card-item {\n      width: 100% !important;\n    }\n  }\n\n  .card-item {\n    position: relative;\n    background-image: url(\"./data-chart-card-bg-left.svg\"), url(\"./data-chart-card-bg-right.svg\");\n    background-repeat: no-repeat;\n    background-position: left top, right top;\n    background-size: contain, contain;\n    border: 2px solid #2196f3;\n    border-radius: 6px;\n\n    .suffix-icon {\n      position: absolute;\n      right: 1px;\n      bottom: calc(25% - 14px);\n      width: 20px;\n      font-size: 20px;\n      font-weight: bold;\n      color: #fff;\n      text-align: center;\n    }\n\n    .card-title {\n      padding-left: 15px;\n      margin-top: 10px;\n      margin-bottom: 5px;\n      overflow: hidden;\n      font-size: 16px;\n      font-weight: bold;\n      color: #2196f3;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .context {\n      padding: 0 30px 10px 20px;\n      font-size: 14px;\n      color: #464646;\n    }\n  }\n}\n</style>\n\n<style scoped>/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n/* layer: default */\n.absolute{position:absolute;}\n.relative{position:relative;}\n.grid{display:grid;}\n.hidden{display:none;}\n.flex{display:flex;}\n.border{border-width:1px;}</style>"],"names":["props","__props","cardTitle","dataItem","colDesc","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAQC;AAYd,aAASC,EAAUC,GAAiC;;AAClD,YAAMC,MAAUC,IAAAL,EAAM,UAAU,iBAAhB,gBAAAK,EAA8B,YAAW;AAEzD,aAAOD,IAAWA,IAAUD,EAASC,CAAO,IAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}