@ued_fpi/data-visual 1.1.0 → 1.1.2

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

@@ -1,12 +1,18 @@
 import _FactorRealTimeRankList from './index.vue';
-export declare const FactorRealTimeRankList: {
+export declare const DvAimsFactorRealTimeRankList: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            list?: unknown[] | undefined;
+            list?: {
+                rank: string | number;
+                name: string;
+                value: number;
+            }[] | undefined;
             factorCode?: string | undefined;
-            columnNames?: unknown[] | undefined;
+            isUseBuiltInApi?: boolean | undefined;
+            apiParams?: import("./api").GetSiteRankParams | undefined;
+            columnNames?: string[] | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -66,22 +72,52 @@ export declare const FactorRealTimeRankList: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            list: {
+                type: globalThis.PropType<{
+                    rank: string | number;
+                    name: string;
+                    value: number;
+                }[]>;
+            } & {
+                default: undefined;
+            };
             factorCode: {
-                type: StringConstructor;
+                type: globalThis.PropType<string>;
+            } & {
                 default: string;
             };
+            isUseBuiltInApi: {
+                type: globalThis.PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            apiParams: {
+                type: globalThis.PropType<import("./api").GetSiteRankParams>;
+            } & {
+                default: () => {
+                    time: number;
+                    gridCode: string;
+                    timeType: string;
+                    siteTypeCodes: string;
+                    type: string;
+                    isAsc: boolean;
+                };
+            };
             columnNames: {
-                type: ArrayConstructor;
+                type: globalThis.PropType<string[]>;
+            } & {
                 default: () => string[];
             };
-            list: {
-                type: ArrayConstructor;
-                default: () => never[];
-            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            list: unknown[];
+            list: {
+                rank: string | number;
+                name: string;
+                value: number;
+            }[];
             factorCode: string;
-            columnNames: unknown[];
+            isUseBuiltInApi: boolean;
+            apiParams: import("./api").GetSiteRankParams;
+            columnNames: string[];
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -103,38 +139,92 @@ export declare const FactorRealTimeRankList: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
+        list: {
+            type: globalThis.PropType<{
+                rank: string | number;
+                name: string;
+                value: number;
+            }[]>;
+        } & {
+            default: undefined;
+        };
         factorCode: {
-            type: StringConstructor;
+            type: globalThis.PropType<string>;
+        } & {
             default: string;
         };
+        isUseBuiltInApi: {
+            type: globalThis.PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        apiParams: {
+            type: globalThis.PropType<import("./api").GetSiteRankParams>;
+        } & {
+            default: () => {
+                time: number;
+                gridCode: string;
+                timeType: string;
+                siteTypeCodes: string;
+                type: string;
+                isAsc: boolean;
+            };
+        };
         columnNames: {
-            type: ArrayConstructor;
+            type: globalThis.PropType<string[]>;
+        } & {
             default: () => string[];
         };
-        list: {
-            type: ArrayConstructor;
-            default: () => never[];
-        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    list: {
+        type: globalThis.PropType<{
+            rank: string | number;
+            name: string;
+            value: number;
+        }[]>;
+    } & {
+        default: undefined;
+    };
     factorCode: {
-        type: StringConstructor;
+        type: globalThis.PropType<string>;
+    } & {
         default: string;
     };
+    isUseBuiltInApi: {
+        type: globalThis.PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    apiParams: {
+        type: globalThis.PropType<import("./api").GetSiteRankParams>;
+    } & {
+        default: () => {
+            time: number;
+            gridCode: string;
+            timeType: string;
+            siteTypeCodes: string;
+            type: string;
+            isAsc: boolean;
+        };
+    };
     columnNames: {
-        type: ArrayConstructor;
+        type: globalThis.PropType<string[]>;
+    } & {
         default: () => string[];
     };
-    list: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    list: unknown[];
+    list: {
+        rank: string | number;
+        name: string;
+        value: number;
+    }[];
     factorCode: string;
-    columnNames: unknown[];
+    isUseBuiltInApi: boolean;
+    apiParams: import("./api").GetSiteRankParams;
+    columnNames: string[];
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _FactorRealTimeRankList;

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

@@ -1,116 +1,6 @@
-import { _ as _export_sfc, i as install } from '../AirQualityCalendar/index.mjs';
-import { defineComponent, shallowRef, ref, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createBlock, unref, withCtx, Fragment, renderList, normalizeStyle, createCommentVNode, pushScopeId, popScopeId } from 'vue';
-import { F as FpiElRolling } from '../../../vendor/@ued_fpi_element-plus-expand@0.7.19.mjs';
-import { L } from '../../../vendor/fpi-tg-factor-tools@1.0.4.mjs';
+import { install } from '../../../utils.mjs';
+import _FactorRealTimeRankList from './index.vue.mjs';
 
-const _withScopeId = (n) => (pushScopeId("data-v-18bbd4c0"), n = n(), popScopeId(), n);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("li", null, null, -1));
-const _hoisted_2 = { class: "rank" };
-const _hoisted_3 = { class: "progress-box" };
-const _hoisted_4 = { class: "name" };
-const _hoisted_5 = { class: "bar" };
-const clsfix = "factor-realtime-rank-list";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    // 默认选择的六因子或者Aqi
-    factorCode: {
-      type: String,
-      default: "aqi"
-    },
-    // 设置列表的name
-    columnNames: {
-      type: Array,
-      default: () => ["区县", "AQI"]
-    },
-    // 数据
-    list: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const showList = shallowRef([]);
-    const isLoaded = ref(false);
-    const findMaxValue = (list) => {
-      let maxValue = 0;
-      list.forEach((item) => {
-        if (item.value > maxValue)
-          maxValue = item.value;
-      });
-      maxValue = maxValue / 0.8;
-      return maxValue;
-    };
-    watch(() => props.list, () => {
-      const maxValue = findMaxValue(props.list);
-      showList.value = props.list.map((item) => {
-        return {
-          ...item,
-          progress: item.value / maxValue * 100,
-          color: L(props.factorCode, item.value, "hour")
-        };
-      });
-      isLoaded.value = true;
-    }, { immediate: true });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(`${clsfix}-container`)
-      }, [
-        createElementVNode("ul", {
-          class: normalizeClass(`${clsfix}-header`)
-        }, [
-          _hoisted_1,
-          createElementVNode("li", null, [
-            createElementVNode("span", null, toDisplayString(__props.columnNames[0]), 1)
-          ]),
-          createElementVNode("li", null, toDisplayString(__props.columnNames[1]), 1)
-        ], 2),
-        isLoaded.value ? (openBlock(), createBlock(unref(FpiElRolling), {
-          key: 0,
-          style: { "height": "calc(100% - 23px)" },
-          direction: "y",
-          "scroll-able": "",
-          time: 10
-        }, {
-          default: withCtx(() => [
-            createElementVNode("ul", {
-              class: normalizeClass(`${clsfix}-list-wrap`)
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(showList), (item) => {
-                return openBlock(), createElementBlock("li", {
-                  key: item.name,
-                  class: normalizeClass(`${clsfix}-list-item`)
-                }, [
-                  createElementVNode("span", _hoisted_2, toDisplayString(item.rank), 1),
-                  createElementVNode("div", _hoisted_3, [
-                    createElementVNode("span", _hoisted_4, toDisplayString(item.name), 1),
-                    createElementVNode("span", _hoisted_5, [
-                      createElementVNode("span", {
-                        class: "progress-bar",
-                        style: normalizeStyle({ width: `${item.progress}%`, backgroundColor: item.color })
-                      }, null, 4)
-                    ])
-                  ]),
-                  createElementVNode("span", {
-                    class: "value",
-                    style: normalizeStyle({ color: item.color })
-                  }, toDisplayString(item.value), 5)
-                ], 2);
-              }), 128))
-            ], 2)
-          ]),
-          _: 1
-        })) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
+const DvAimsFactorRealTimeRankList = install(_FactorRealTimeRankList);
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_18bbd4c0_lang = '';
-
-const _FactorRealTimeRankList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-18bbd4c0"]]);
-
-const FactorRealTimeRankList = install(_FactorRealTimeRankList);
-
-export { FactorRealTimeRankList as F };
+export { DvAimsFactorRealTimeRankList, _FactorRealTimeRankList as default };

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

@@ -1,32 +1,73 @@
-declare const _default: import("vue").DefineComponent<{
-    factorCode: {
-        type: StringConstructor;
-        default: string;
+import { type GetSiteRankParams } from './api';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isUseBuiltInApi?: boolean | undefined;
+    apiParams?: GetSiteRankParams | undefined;
+    factorCode?: string | undefined;
+    columnNames?: string[] | undefined;
+    list?: {
+        rank: number | string;
+        name: string;
+        value: number;
+    }[] | undefined;
+}>, {
+    isUseBuiltInApi: boolean;
+    apiParams: () => {
+        time: number;
+        gridCode: string;
+        timeType: string;
+        siteTypeCodes: string;
+        type: string;
+        isAsc: boolean;
     };
-    columnNames: {
-        type: ArrayConstructor;
-        default: () => string[];
-    };
-    list: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    factorCode: {
-        type: StringConstructor;
-        default: string;
-    };
-    columnNames: {
-        type: ArrayConstructor;
-        default: () => string[];
+    factorCode: string;
+    columnNames: () => string[];
+    list: undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isUseBuiltInApi?: boolean | undefined;
+    apiParams?: GetSiteRankParams | undefined;
+    factorCode?: string | undefined;
+    columnNames?: string[] | undefined;
+    list?: {
+        rank: number | string;
+        name: string;
+        value: number;
+    }[] | undefined;
+}>, {
+    isUseBuiltInApi: boolean;
+    apiParams: () => {
+        time: number;
+        gridCode: string;
+        timeType: string;
+        siteTypeCodes: string;
+        type: string;
+        isAsc: boolean;
     };
+    factorCode: string;
+    columnNames: () => string[];
+    list: undefined;
+}>>>, {
     list: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-}>>, {
-    list: unknown[];
+        rank: number | string;
+        name: string;
+        value: number;
+    }[];
     factorCode: string;
-    columnNames: unknown[];
+    isUseBuiltInApi: boolean;
+    apiParams: GetSiteRankParams;
+    columnNames: string[];
 }, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

@@ -0,0 +1,7 @@
+import _sfc_main from './index.vue2.mjs';
+import './index.vue3.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _FactorRealTimeRankList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0af05dfd"]]);
+
+export { _FactorRealTimeRankList as default };

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

@@ -0,0 +1,147 @@
+import { defineComponent, shallowRef, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createBlock, unref, withCtx, Fragment, renderList, withDirectives, normalizeStyle, vShow, createCommentVNode, pushScopeId, popScopeId } from 'vue';
+import { FpiElRolling } from '@ued_fpi/element-plus-expand';
+import { factorToColor, BASE_FACTOR } from 'fpi-tg-factor-tools';
+import dayjs from 'dayjs';
+import { getSiteRank } from './api/index.mjs';
+
+const _withScopeId = (n) => (pushScopeId("data-v-0af05dfd"), n = n(), popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("li", null, null, -1));
+const _hoisted_2 = { class: "rank" };
+const _hoisted_3 = { class: "progress-box" };
+const _hoisted_4 = { class: "name" };
+const _hoisted_5 = { class: "bar" };
+const clsfix = "factor-realtime-rank-list";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    isUseBuiltInApi: { type: Boolean, default: true },
+    apiParams: { default: () => ({
+      time: dayjs().subtract(1, "h").valueOf(),
+      gridCode: "0101000000",
+      timeType: "hour",
+      siteTypeCodes: "A91230101,A91230102,A91230103",
+      type: "site",
+      isAsc: false
+    }) },
+    factorCode: { default: "aqi" },
+    columnNames: { default: () => ["站点", "AQI"] },
+    list: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const showList = shallowRef([]);
+    const isLoaded = ref(false);
+    const findMaxValue = (list) => {
+      let maxValue = 0;
+      list.forEach((item) => {
+        if (item.value > maxValue)
+          maxValue = item.value;
+      });
+      maxValue = maxValue / 0.8;
+      return maxValue;
+    };
+    const fetchData = () => {
+      getSiteRank({ ...props.apiParams, factorCode: props.factorCode }).then((res) => {
+        if (res.data && res.data.entries) {
+          const key = BASE_FACTOR.find((c) => c.code === props.factorCode)?.name;
+          const list = res.data.entries.map((item) => {
+            let value = item[key];
+            value = Number(value) > 0 ? Number(value) : "--";
+            return {
+              rank: item.rank,
+              name: item.name,
+              value
+            };
+          });
+          const maxValue = findMaxValue(list);
+          showList.value = list.map((item) => {
+            return {
+              ...item,
+              progress: item.value / maxValue * 100,
+              color: factorToColor(props.factorCode, item.value, "hour"),
+              showBar: Number(item.value) > 0
+            };
+          });
+          isLoaded.value = true;
+        }
+      });
+    };
+    onMounted(() => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    watch([() => props.apiParams, () => props.factorCode], () => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    watch([() => props.list, () => props.factorCode], () => {
+      if (!props.isUseBuiltInApi && props.list) {
+        const maxValue = findMaxValue(props.list);
+        showList.value = props.list.map((item) => {
+          return {
+            ...item,
+            progress: item.value / maxValue * 100,
+            color: factorToColor(props.factorCode, item.value, "hour"),
+            showBar: Number(item.value) > 0
+          };
+        });
+        isLoaded.value = true;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        createElementVNode("ul", {
+          class: normalizeClass(`${clsfix}-header`)
+        }, [
+          _hoisted_1,
+          createElementVNode("li", null, [
+            createElementVNode("span", null, toDisplayString(_ctx.columnNames[0]), 1)
+          ]),
+          createElementVNode("li", null, toDisplayString(_ctx.columnNames[1]), 1)
+        ], 2),
+        isLoaded.value ? (openBlock(), createBlock(unref(FpiElRolling), {
+          key: 0,
+          style: { "height": "calc(100% - 26px)" },
+          direction: "y",
+          "scroll-able": "",
+          time: 10
+        }, {
+          default: withCtx(() => [
+            createElementVNode("ul", {
+              class: normalizeClass(`${clsfix}-list-wrap`)
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(showList.value, (item) => {
+                return openBlock(), createElementBlock("li", {
+                  key: item.name,
+                  class: normalizeClass(`${clsfix}-list-item`)
+                }, [
+                  createElementVNode("span", _hoisted_2, toDisplayString(item.rank), 1),
+                  createElementVNode("div", _hoisted_3, [
+                    createElementVNode("span", _hoisted_4, toDisplayString(item.name), 1),
+                    createElementVNode("span", _hoisted_5, [
+                      withDirectives(createElementVNode("span", {
+                        class: "progress-bar",
+                        style: normalizeStyle({ width: `${item.progress}%`, backgroundColor: item.color })
+                      }, null, 4), [
+                        [vShow, item.showBar]
+                      ])
+                    ])
+                  ]),
+                  createElementVNode("span", {
+                    class: "value",
+                    style: normalizeStyle({ color: item.color })
+                  }, toDisplayString(item.value), 5)
+                ], 2);
+              }), 128))
+            ], 2)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,3 @@
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_0af05dfd_lang = '';
+
+export { index_vue_vue_type_style_index_0_scoped_0af05dfd_lang as default };

package/dist/es/aims/src/FactorTargetYearPeriod/{data.mjs → data.json.mjs}

@@ -85,4 +85,4 @@ const json = [
 	}
 ];
 
-export { json as j };
+export { json as default };

package/dist/es/aims/src/FactorTargetYearPeriod/images/{flat.mjs → flat.png.mjs}

@@ -1,3 +1,3 @@
 const __vite_glob_1_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAACgSURBVCiRnZIxCgJBDEVflsHKRrGw9AZewGtYWAraexPtLfQIllrZCB7D7bSZ2QsI32JYBdliZj6kScjLJ3xIkdeGpyZdoyoJUDGlx52gWRkAwBgDV7xWZYAoh7HHa4vkIjfokbA4Avp/vTPGwghSpoufjJMD6iIH4oKxTLvU6ECQvuW1a3/gsizDG2PN0I5tIwfwAuYM7JZ5lJjEpjuJH86IMvlu3i5sAAAAAElFTkSuQmCC";
 
-export { __vite_glob_1_0 as _ };
+export { __vite_glob_1_0 as default };

package/dist/es/aims/src/FactorTargetYearPeriod/images/{green_down.mjs → green_down.png.mjs}

@@ -1,3 +1,3 @@
 const __vite_glob_1_1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAB9SURBVBiV1YshDsJAEEXfTJAruxgugkH0CHuEhh4L1B4EgeEiJBvqtrhuOgjMkJCgefL9/8AR52xxzuad8oO/OEis+YRw/LoaZ8Eum+3zfjVs/1Eit0fYHRTpm8mSgOL2YrIkpG8KMIWh6CoJaEDTVdIUBh+86Woeu5pH715xNyiJM/CEJgAAAABJRU5ErkJggg==";
 
-export { __vite_glob_1_1 as _ };
+export { __vite_glob_1_1 as default };

package/dist/es/aims/src/FactorTargetYearPeriod/images/{red_up.mjs → red_up.png.mjs}

@@ -1,3 +1,3 @@
 const __vite_glob_1_2 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAACGSURBVBiVY2BAAt9dLVK+u1qkIIsxwhi/XKwt/jH8O8zAwMDwj4HJlmvP0RNwBV+8TCVYfrGcZ2BgkICqf/GH7Y8hz7bTLxj/Oziw/GL5dfg/w38LVKMZT7D9YbNl+sH6cwa6JAMDA8N/hv8WP5l/TUcR/OFi+f+Hi+V/ZDEmdJ3oYEgoAAD8RSu0FXZEbQAAAABJRU5ErkJggg==";
 
-export { __vite_glob_1_2 as _ };
+export { __vite_glob_1_2 as default };

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

@@ -1,5 +1,5 @@
 import _FactorTargetYearPeriod from './index.vue';
-export declare const FactorTargetYearPeriod: {
+export declare const DvAimsFactorTargetYearPeriod: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};