@ued_fpi/data-visual 1.0.4 → 1.0.6

package/dist/es/aims/src/common/BasicDialog/index.mjs

@@ -0,0 +1,130 @@
+import { _ as _export_sfc, i as install } from '../../AirQualityCalendar/index.mjs';
+import { defineComponent, ref, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, renderSlot, createElementBlock, createCommentVNode, vShow, pushScopeId, popScopeId } from 'vue';
+import { g as getZIndex } from './util.mjs';
+
+const _withScopeId = (n) => (pushScopeId("data-v-5072de5f"), n = n(), popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("g", null, [
+  /* @__PURE__ */ createElementVNode("path", {
+    d: "M0.292786,0.292786C0.480314,0.105315,0.734622,0,0.999786,0C1.26495,0,1.51926,0.105315,1.70679,0.292786C1.70679,0.292786,5.24279,3.82879,5.24279,3.82879C5.24279,3.82879,8.77879,0.292786,8.77879,0.292786C8.96739,0.110628,9.21999,0.00983396,9.48219,0.0121124C9.74438,0.0143908,9.9952,0.11956,10.1806,0.304968C10.366,0.490376,10.4712,0.741189,10.4735,1.00339C10.4757,1.26558,10.3749,1.51818,10.1928,1.70679C10.1928,1.70679,6.65679,5.24279,6.65679,5.24279C6.65679,5.24279,10.1928,8.77879,10.1928,8.77879C10.3749,8.96739,10.4757,9.21999,10.4735,9.48219C10.4712,9.74438,10.366,9.9952,10.1806,10.1806C9.9952,10.366,9.74438,10.4712,9.48219,10.4735C9.21999,10.4757,8.96739,10.3749,8.77879,10.1928C8.77879,10.1928,5.24279,6.65679,5.24279,6.65679C5.24279,6.65679,1.70679,10.1928,1.70679,10.1928C1.51818,10.3749,1.26558,10.4757,1.00339,10.4735C0.741189,10.4712,0.490376,10.366,0.304968,10.1806C0.11956,9.9952,0.0143908,9.74438,0.0121124,9.48219C0.00983396,9.21999,0.110628,8.96739,0.292786,8.77879C0.292786,8.77879,3.82879,5.24279,3.82879,5.24279C3.82879,5.24279,0.292786,1.70679,0.292786,1.70679C0.105315,1.51926,0,1.26495,0,0.999786C0,0.734622,0.105315,0.480314,0.292786,0.292786C0.292786,0.292786,0.292786,0.292786,0.292786,0.292786C0.292786,0.292786,0.292786,0.292786,0.292786,0.292786Z",
+    "fill-opacity": "1",
+    fill: "currentColor"
+  })
+], -1));
+const _hoisted_2 = [
+  _hoisted_1
+];
+const clsfix = "fpi-basic-dialog";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    // 设置宽度
+    width: {
+      type: [Number, String],
+      default: 800
+    },
+    // 设置高度
+    height: {
+      type: [Number, String],
+      default: ""
+    },
+    // 设置标题
+    title: {
+      type: String,
+      default: ""
+    },
+    // 是否显示弹窗
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    // 是否在关闭弹窗后销毁内容区元素
+    destroyOnClose: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["close"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const zIndex = ref(0);
+    watch(() => props.visible, () => {
+      if (props.visible)
+        zIndex.value = getZIndex();
+    }, {
+      immediate: true
+    });
+    const onClickClose = () => {
+      emits("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "basicDialogAnimation" }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("div", {
+              style: normalizeStyle({
+                width: typeof __props.width === "number" ? `${__props.width}px` : __props.width,
+                height: typeof __props.height === "number" ? `${__props.height}px` : __props.height,
+                zIndex: zIndex.value,
+                transform: `translateX(-50%) translateY(160px)`
+              }),
+              class: normalizeClass(`${clsfix}-container`)
+            }, [
+              createElementVNode("header", {
+                class: normalizeClass(`${clsfix}-header`)
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(`${clsfix}-header-left`)
+                }, [
+                  createElementVNode("span", {
+                    class: normalizeClass(`${clsfix}-header-title`)
+                  }, toDisplayString(__props.title), 3),
+                  renderSlot(_ctx.$slots, "headerLeft", {}, void 0, true)
+                ], 2),
+                createElementVNode("div", {
+                  class: normalizeClass(`${clsfix}-header-right`)
+                }, [
+                  renderSlot(_ctx.$slots, "headerRight", {}, void 0, true),
+                  (openBlock(), createElementBlock("svg", {
+                    class: normalizeClass(`${clsfix}-close`),
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "xmlns:xlink": "http://www.w3.org/1999/xlink",
+                    version: "1.1",
+                    width: "10.473535537719727",
+                    height: "10.473535537719727",
+                    viewBox: "0 0 10.473535537719727 10.473535537719727",
+                    fill: "currentColor",
+                    onClick: onClickClose
+                  }, _hoisted_2, 2))
+                ], 2)
+              ], 2),
+              __props.destroyOnClose ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(`${clsfix}-content`)
+              }, [
+                __props.visible ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : createCommentVNode("", true)
+              ], 2)) : (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: normalizeClass(`${clsfix}-content`)
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ], 2))
+            ], 6), [
+              [vShow, __props.visible]
+            ])
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_1_scoped_5072de5f_lang = '';
+
+const _BasicDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5072de5f"]]);
+
+const BasicDialog = install(_BasicDialog);
+
+export { BasicDialog as B };

package/dist/es/aims/src/common/BasicDialog/index.vue.d.ts

@@ -1,8 +1,4 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    dialogKey: {
-        type: StringConstructor;
-        default: string;
-    };
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -24,12 +20,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (dialogKey?: string | undefined) => void;
+    close: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    dialogKey: {
-        type: StringConstructor;
-        default: string;
-    };
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -51,13 +43,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onClose?: ((dialogKey?: string | undefined) => any) | undefined;
+    onClose?: (() => any) | undefined;
 }, {
     title: string;
     width: string | number;
     height: string | number;
     visible: boolean;
-    dialogKey: string;
     destroyOnClose: boolean;
 }, {}>, {
     headerLeft: (_: {}) => any;

package/dist/es/aims/src/common/BasicEcharts/index.mjs

@@ -0,0 +1,91 @@
+import { _ as _export_sfc, i as install } from '../../AirQualityCalendar/index.mjs';
+import { defineComponent, ref, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle } from 'vue';
+import { i as init } from '../../../../vendor/echarts@5.4.2.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    className: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "300px"
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    },
+    fullOptions: {
+      type: Object,
+      default: () => ({}),
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    let myChart;
+    const echartsDomRef = ref(null);
+    const resizeHandler = () => {
+      myChart.resize();
+    };
+    const debounce = (fun, delay) => {
+      let timer;
+      return function() {
+        if (timer)
+          clearTimeout(timer);
+        timer = setTimeout(() => {
+          fun();
+        }, delay);
+      };
+    };
+    const cancalDebounce = debounce(resizeHandler, 50);
+    onMounted(() => {
+      myChart = init(echartsDomRef.value, { renderer: "svg" });
+      myChart.showLoading({
+        text: "",
+        color: "#409eff",
+        textColor: "#000",
+        maskColor: "rgba(255, 255, 255, .95)",
+        zlevel: 0,
+        lineWidth: 2
+      });
+      if (!props.loading) {
+        myChart.hideLoading();
+        props.fullOptions.options && myChart.setOption(props.fullOptions.options, true);
+      }
+      window.addEventListener("resize", cancalDebounce);
+    });
+    onBeforeUnmount(() => {
+      window.removeEventListener("resize", cancalDebounce);
+      myChart.dispose();
+    });
+    watch(() => [props.fullOptions.options, props.loading], () => {
+      if (!props.loading) {
+        myChart.hideLoading();
+        myChart.setOption(props.fullOptions.options, false);
+      }
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "echartsDomRef",
+        ref: echartsDomRef,
+        class: normalizeClass(__props.className),
+        style: normalizeStyle({ height: __props.height, width: __props.width })
+      }, null, 6);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_f9ecd030_lang = '';
+
+const _BasicEcharts = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f9ecd030"]]);
+
+const BasicEcharts = install(_BasicEcharts);
+
+export { BasicEcharts as B, _BasicEcharts as _ };

package/dist/es/aims/src/common/BasicPanel/index.mjs

@@ -0,0 +1,73 @@
+import { _ as _export_sfc, i as install } from '../../AirQualityCalendar/index.mjs';
+import { a as ElScrollbar } from '../../../../vendor/element-plus@2.3.7_vue@3.3.4.mjs';
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, withCtx, createElementVNode, renderSlot } from 'vue';
+
+const clsfix = "fpi-basic-panel";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    // 设置高度
+    height: {
+      type: [Number, String],
+      default: "calc(100vh - 130px)"
+    },
+    // 设置方位 left right
+    placement: {
+      type: String,
+      required: true
+    },
+    // 设置距离顶部的 top
+    top: {
+      type: [Number, String],
+      default: 120
+    },
+    // 滚动包裹容器的样式
+    scrollContainerClass: {
+      type: String,
+      default: ""
+    },
+    // 滚动包裹容器的样式
+    scrollContainerStyle: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = ElScrollbar;
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle({
+          top: typeof __props.top === "number" ? `${__props.top}px` : __props.top,
+          height: typeof __props.height === "number" ? `${__props.height}px` : __props.height,
+          left: __props.placement === "left" ? 0 : "unset",
+          right: __props.placement === "right" ? 0 : "unset"
+        }),
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        createVNode(_component_el_scrollbar, { height: "100%" }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass([`${clsfix}-scroll-container`, __props.scrollContainerClass]),
+              style: normalizeStyle({
+                paddingLeft: __props.placement === "left" ? "16px" : "10px",
+                paddingRight: __props.placement === "right" ? "16px" : "10px",
+                ...__props.scrollContainerStyle
+              })
+            }, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ], 6)
+          ]),
+          _: 3
+        })
+      ], 6);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_b1bc4a18_lang = '';
+
+const _BasicPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b1bc4a18"]]);
+
+const BasicPanel = install(_BasicPanel);
+
+export { BasicPanel as B };

package/dist/es/aims/src/common/StackBarEchartsPanel/index.mjs

@@ -0,0 +1,177 @@
+import { _ as _export_sfc, i as install } from '../../AirQualityCalendar/index.mjs';
+import { defineComponent, reactive, toRefs, watch, openBlock, createBlock, unref, normalizeStyle, withCtx, createElementVNode, normalizeClass } from 'vue';
+import { B as BasicCard } from '../BasicCard/index.mjs';
+import { _ as _BasicEcharts } from '../BasicEcharts/index.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    style: {
+      type: Object,
+      default: () => ({})
+    },
+    class: {
+      type: [Object, String, Array],
+      default: () => ({})
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    tabs: {
+      type: Array,
+      default: () => [
+        {
+          name: "空气质量等级占比",
+          value: "air"
+        },
+        {
+          name: "综合指数贡献分析",
+          value: "analysis"
+        }
+      ]
+    },
+    defaultTab: {
+      type: String,
+      default: "air"
+    },
+    chartData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["onTabChange"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const className = "fpi-stack-bar";
+    const generateOption = (source) => {
+      const { xAxis, colors, unit, dataSource } = source;
+      return {
+        options: {
+          grid: {
+            left: 0,
+            bottom: 30,
+            right: 0,
+            top: 40,
+            containLabel: true
+          },
+          tooltip: {
+            trigger: "axis",
+            padding: 8,
+            background: "rgba(1, 11, 18, 0.6)"
+          },
+          xAxis: {
+            type: "category",
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              color: "#FFF",
+              fontSize: 12,
+              interval: 0
+            },
+            data: xAxis
+          },
+          color: colors,
+          yAxis: {
+            type: "value",
+            name: unit,
+            nameTextStyle: {
+              color: "rgba(255, 255, 255, 0.5)",
+              padding: [0, 30, 0, 0]
+            },
+            splitNumber: 3,
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              show: true,
+              color: "rgba(255, 255, 255, 0.5)"
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: ["rgba(255, 255, 255, 0.3)"]
+              }
+            }
+          },
+          legend: {
+            show: true,
+            bottom: 0,
+            data: dataSource.map((item) => {
+              return item.name;
+            }),
+            itemGap: 3,
+            textStyle: {
+              color: "#FFF",
+              fontSize: 12
+            },
+            itemWidth: 10,
+            itemHeight: 10,
+            itemStyle: {
+              borderWidth: 0
+            }
+          },
+          series: dataSource.map((item) => {
+            return {
+              data: item.list,
+              type: "bar",
+              stack: "x",
+              name: item.name,
+              barWidth: 15
+            };
+          })
+        }
+      };
+    };
+    const data = reactive({
+      panelTitle: props.title,
+      currentTab: props.defaultTab,
+      echartsOptions: generateOption(props.chartData)
+    });
+    const { currentTab, echartsOptions, panelTitle } = toRefs(data);
+    watch(() => props.chartData, () => {
+      data.echartsOptions = generateOption(props.chartData);
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(BasicCard), {
+        width: 400,
+        title: unref(panelTitle),
+        style: normalizeStyle(__props.style)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(`${className}-container`)
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(`${className}-echarts`)
+            }, [
+              (openBlock(), createBlock(unref(_BasicEcharts), {
+                id: `${__props.title}echarts`,
+                key: unref(currentTab),
+                height: "190px",
+                "full-options": unref(echartsOptions),
+                loading: false
+              }, null, 8, ["id", "full-options"]))
+            ], 2)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["title", "style"]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_97d3f627_lang = '';
+
+const _StackBarEchartsPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-97d3f627"]]);
+
+const StackBarEchartsPanel = install(_StackBarEchartsPanel);
+
+export { StackBarEchartsPanel as S, _StackBarEchartsPanel as _ };

package/dist/es/aims/src/index.d.ts

@@ -9,7 +9,8 @@ export * from './common/StackBarEchartsPanel';
 /**
  * 业务组件暴露
  */
-export * from './FactorRealTimeRank';
+export * from './FactorRealTimeRankList';
+export * from './FactorRealTimeRankChart';
 export * from './FactorTargetYearPeriod';
 export * from './WeatherCondition';
 export * from './AirQualityCalendar';
@@ -18,3 +19,5 @@ export * from './ContributionAnalyzing';
 export * from './AirQualityRealTime';
 export * from './AirQualityPresentSituation';
 export * from './CieqContributionRatio';
+export * from './AirQualityLevelYearRatio';
+export * from './AirQualityLevelMonthRatio';

package/dist/es/aims/src/index.mjs

@@ -0,0 +1,40 @@
+import { a as BasicCard } from './common/BasicCard/index.mjs';
+import { B as BasicDialog } from './common/BasicDialog/index.mjs';
+import { B as BasicPanel } from './common/BasicPanel/index.mjs';
+import { B as BasicEcharts } from './common/BasicEcharts/index.mjs';
+import { S as StackBarEchartsPanel } from './common/StackBarEchartsPanel/index.mjs';
+import { F as FactorRealTimeRankList } from './FactorRealTimeRankList/index.mjs';
+import { F as FactorRealTimeRankChart } from './FactorRealTimeRankChart/index.mjs';
+import { F as FactorTargetYearPeriod } from './FactorTargetYearPeriod/index.mjs';
+import { W as WeatherCondition } from './WeatherCondition/index.mjs';
+import { A as AirQualityCalendar } from './AirQualityCalendar/index.mjs';
+import { A as AirQualityLevelProportion } from './AirQualityLevelProportion/index.mjs';
+import { C as ContributionAnalyzing } from './ContributionAnalyzing/index.mjs';
+import { A as AirQualityRealTime } from './AirQualityRealTime/index.mjs';
+import { A as AirQualityPresentSituation } from './AirQualityPresentSituation/index.mjs';
+import { C as CieqContributionRatio } from './CieqContributionRatio/index.mjs';
+import { A as AirQualityLevelYearRatio } from './AirQualityLevelYearRatio/index.mjs';
+import { A as AirQualityLevelMonthRatio } from './AirQualityLevelMonthRatio/index.mjs';
+
+const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+	__proto__: null,
+	AirQualityCalendar,
+	AirQualityLevelMonthRatio,
+	AirQualityLevelProportion,
+	AirQualityLevelYearRatio,
+	AirQualityPresentSituation,
+	AirQualityRealTime,
+	BasicCard,
+	BasicDialog,
+	BasicEcharts,
+	BasicPanel,
+	CieqContributionRatio,
+	ContributionAnalyzing,
+	FactorRealTimeRankChart,
+	FactorRealTimeRankList,
+	FactorTargetYearPeriod,
+	StackBarEchartsPanel,
+	WeatherCondition
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { components as c };

package/dist/es/aims/utils/tools.d.ts

@@ -4,3 +4,15 @@
  * @param type 提示类型
  */
 export declare const messageBox: (msg: string, type?: any) => void;
+/**
+ * @desc 错误状态处理
+ * @param status 错误状态
+ * @param message 消息提示
+ */
+export declare const errorStatusHandler: (status: number, message: string) => void;
+/**
+ * @desc 错误业务编码处理
+ * @param code 错误的业务编码
+ * @param message 消息提示
+ */
+export declare const errorCodeHandler: (code: string | Number, message: string) => void;

package/dist/es/aims/utils/tools.mjs

@@ -0,0 +1,33 @@
+import { b as ElMessage } from '../../vendor/element-plus@2.3.7_vue@3.3.4.mjs';
+
+const messageBox = (msg, type) => {
+  ElMessage({
+    message: msg,
+    type: type || "warning",
+    duration: 2e3
+  });
+};
+const errorStatusHandler = (status, message) => {
+  switch (status) {
+    case 400:
+    case 401:
+      messageBox(`${message} 请重新登录`);
+      break;
+    case 403:
+      messageBox("登录过期，请重新登录");
+      break;
+    case 502:
+      messageBox("网络拥堵");
+      break;
+    case 404:
+      messageBox("请求的资源不存在", "error");
+      break;
+  }
+};
+const errorCodeHandler = (code, message) => {
+  const newCode = Number(code);
+  console.log(`qpi error code: ${newCode}`);
+  messageBox(message, "error");
+};
+
+export { errorStatusHandler as a, errorCodeHandler as e };

package/dist/es/bmp/index.mjs

@@ -0,0 +1,15 @@
+import { c as components } from './src/index.mjs';
+
+const bmp = {
+  install: (app) => {
+    for (const c in components) {
+      const currCom = components[c];
+      if (currCom.__name === "index")
+        app.component(c, currCom);
+      else
+        app.use(components[c]);
+    }
+  }
+};
+
+export { bmp as b };

package/dist/es/bmp/src/index.mjs

@@ -0,0 +1,8 @@
+import { T as TestCom } from './test-com/index.mjs';
+
+const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+	__proto__: null,
+	TestCom
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { components as c };

package/dist/es/bmp/src/test-com/index.mjs

@@ -0,0 +1,33 @@
+import { i as install } from '../../../aims/src/AirQualityCalendar/index.mjs';
+import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, renderSlot } from 'vue';
+
+const _hoisted_1 = { class: "slot" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    msg: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["touch"],
+  setup(__props, { emit }) {
+    const click = () => {
+      emit("touch", "dd");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { onClick: click }, [
+        createElementVNode("span", null, "Vite Content" + toDisplayString(__props.msg), 1),
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+
+const TestCom = install(_sfc_main);
+
+export { TestCom as T };