@vmscloud/moz-ui-chart-vue 0.1.1

package/README.md

@@ -0,0 +1,68 @@
+# @vmscloud/moz-ui-chart-vue
+
+`@vmscloud/moz-ui-chart-core` 의 Vue 3 어댑터. 레거시 `@vmscloud/moz-ui-chart` 와 같은 이름의 export(`EChart`, `EChartPopup`,
+`ViewDefinitionPanel`, `MozEChart`, `DataType`, `Aggregate`, `IEChartExposed` …)와 같은 props / v-model / slot / expose 계약을 제공합니다.
+import 경로만 바꾸면 됩니다.
+
+## 설치
+
+```bash
+pnpm add @vmscloud/moz-ui-chart-vue vue vue-router
+```
+
+npmjs 공개 패키지라 레지스트리 설정이나 토큰 없이 설치됩니다. 레거시 `@vmscloud/moz-ui-components` peer 가 없습니다.
+
+```ts
+// main.ts
+import '@vmscloud/moz-ui-chart-vue/style.css'; // primitives + 크롬 스타일 한 파일
+```
+
+## 사용
+
+```vue
+<EChart
+  id="sales"
+  :itemsSource="rows"
+  v-model:chartDef="chartDef"
+  v-model:viewDef="viewDef"
+  v-model:filterDef="filterDef"
+  :isFetching="loading"
+  ref="chart"
+>
+  <template #tool-left>매출 차트</template>
+</EChart>
+```
+
+```ts
+const chart = ref<IEChartExposed>();
+chart.value!.chartOptionModal = true; // 설정 모달 열기
+```
+
+### 팝업 창
+
+툴바의 팝업 버튼(`useChartPopupIcon`)은 vue-router 로 `/chartPopup/<key>` 를 새 창에 엽니다. 라우트에 `EChartPopup` 을 등록하세요.
+
+```ts
+{ path: '/chartPopup/:chartId', component: () => import('@vmscloud/moz-ui-chart-vue').then((m) => m.EChartPopup) }
+```
+
+### 로케일
+
+기본 ko. 앱 전체에 적용하려면 `MOZ_CHART_LOCALE_KEY` 로 `Ref<ChartLocaleMessages>` 를 provide 하거나 `ChartLocaleProvider` 로 감쌉니다.
+레거시·components-core 의 전체 메시지 객체도 그대로 넘길 수 있습니다(구조적 부분집합).
+
+```ts
+app.provide(MOZ_CHART_LOCALE_KEY, computed(() => (lang.value === 'en' ? enUS : koKR)));
+```
+
+### 사용자 레이아웃(UserLayout)
+
+호스트가 `'user-layout-module'` 을 provide 하면 정의 저장/복원에 등록됩니다(레거시 계약 동일).
+
+## 레거시와 다른 점
+
+- `v-loading` / `v-tooltip` 디렉티브가 필요 없습니다(코어가 로딩 오버레이·`title` 툴팁을 직접 그림).
+- expose 의 `chartRef` 는 레거시에서 vue-echarts 컴포넌트(`chartRef.chart` 로 echarts 접근)였지만, 이제 echarts 인스턴스 자체입니다. 새 코드는 `chart.value.chrome.echarts` 또는 `mozEChart.chart` 를 쓰세요.
+- 필터의 Boolean 옵션에서 FALSE 항목의 key 가 레거시에서는 `true`(버그)였던 것을 `false` 로 고쳤습니다.
+- `ViewDefinitionPanel` 단독 컴포넌트는 `columnLabel/rowLabel/valueLabel` 슬롯을 지원하지 않습니다(로케일 기본 라벨).
+- Storybook 은 이 패키지에 없습니다.

package/dist/EChart.vue.d.ts

@@ -0,0 +1,70 @@
+import { ChartChrome, FilterDef, MozEChartOptions, ViewDef, MozEChart as MozEChartType, MozEChartOptions as MozEChartOptionsType, MozEChartTemplateOptions as MozEChartTemplateOptionsType } from '@vmscloud/moz-ui-chart-core';
+/** EChart props — 레거시 moz-ui-chart EChart.vue 의 Props 1:1 (d.ts 에 노출되도록 별도 script 블록에서 export) */
+export interface EChartProps {
+    id: string;
+    itemsSource?: Record<string, any>[];
+    isFetching?: boolean;
+    chartDef?: MozEChartOptionsType;
+    /** 개발자 측에서 항상 유지되었으면 하는 설정값 — chartDef 와 deepMerge 된다 */
+    chartDefTemplate?: MozEChartTemplateOptionsType;
+    useToolBox?: boolean;
+    useChartPopupIcon?: boolean;
+    useChartSetting?: boolean;
+    chartPopupTitle?: string;
+    /** stack bar hover 시 합계 label 표시 여부 (기본 true) */
+    useStackBarHover?: boolean;
+    onInitialized?: (mozEChart: MozEChartType) => void;
+}
+declare const _default: import('vue').DefineComponent<{
+    viewDef?: ViewDef;
+    filterDef?: FilterDef[];
+} & EChartProps, {
+    chartCategorySource: MozEChartType["chartCategorySource"] | undefined;
+    chartTypeSource: MozEChartType["chartTypeSource"] | undefined;
+    mozEChart: MozEChartType | undefined;
+    chartRef: unknown;
+    state: import('@vmscloud/moz-ui-chart-core').ChartDefinition | undefined;
+    chartCategory: import('@vmscloud/moz-ui-chart-core').ChartCategory | undefined;
+    chartType: import('@vmscloud/moz-ui-chart-core').ChartType | undefined;
+    useZoomX: boolean;
+    useZoomY: boolean;
+    chartOptionModal: boolean;
+    chartFilterModel: boolean;
+    initializeDefinition: (initial
+    /**
+     * EChart — chart-core `ChartChrome` 을 얇게 감싸는 Vue 어댑터.
+     *
+     * 레거시 moz-ui-chart/src/EChart.vue 의 공개 계약(props / v-model:viewDef·filterDef / update:chartDef /
+     * slot tool-left·tool-items·tool-items-after / 'user-layout-module' inject / expose) 을 그대로 유지하고,
+     * 툴바·모달·필터·캔버스는 모두 코어가 그린다. 이 파일은 (1) 생명주기, (2) props → chrome.update 매핑,
+     * (3) 코어 이벤트 → emit/v-model, (4) Vue 슬롯 → 코어 outlet 마운트(VueRenderer), (5) expose 만 담당한다.
+     */
+    ?: boolean) => void;
+    chartKey: string | undefined;
+    customYAxisForSeriesType: string[];
+    clickChartPopup: () => void;
+    useChartPopupIcon: boolean | undefined;
+    onClickLegend: (params: any) => void;
+    chrome: ChartChrome | null;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:viewDef": (value: ViewDef) => any;
+    "update:filterDef": (value: FilterDef[]) => any;
+    "update:chartDef": (definition: MozEChartOptions) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    viewDef?: ViewDef;
+    filterDef?: FilterDef[];
+} & EChartProps> & Readonly<{
+    "onUpdate:viewDef"?: ((value: ViewDef) => any) | undefined;
+    "onUpdate:filterDef"?: ((value: FilterDef[]) => any) | undefined;
+    "onUpdate:chartDef"?: ((definition: MozEChartOptions) => any) | undefined;
+}>, {
+    itemsSource: Record<string, any>[];
+    chartDef: MozEChartOptionsType;
+    useToolBox: boolean;
+    useChartSetting: boolean;
+    useChartPopupIcon: boolean;
+    useStackBarHover: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    hostRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/EChartPopup.d.ts

@@ -0,0 +1,65 @@
+import { ChartPopupPayload, ViewDef } from '@vmscloud/moz-ui-chart-core';
+export type { ChartPopupPayload as EChartPopupData } from '@vmscloud/moz-ui-chart-core';
+export declare function useEChartPopup(): {
+    openChartPopup: (data: ChartPopupPayload, chartKey: string, title?: string) => Promise<void>;
+    closePopup: () => void;
+    chartPopupTitle: import('vue').Ref<string, string>;
+};
+export declare function useEChartPopupView(): {
+    itemsSource: import('vue').Ref<any[], any[]>;
+    chartDef: import('vue').Ref<Record<string, any>, Record<string, any>>;
+    viewDef: import('vue').Ref<{
+        fields: {
+            binding: string;
+            header: string;
+            dataType: import('@vmscloud/moz-ui-chart-core').DataType;
+            aggregate?: import('@vmscloud/moz-ui-chart-core').Aggregate | undefined;
+        }[];
+        rowFields: {
+            binding: string;
+            header: string;
+            dataType: import('@vmscloud/moz-ui-chart-core').DataType;
+            aggregate?: import('@vmscloud/moz-ui-chart-core').Aggregate | undefined;
+        }[];
+        columnFields: {
+            binding: string;
+            header: string;
+            dataType: import('@vmscloud/moz-ui-chart-core').DataType;
+            aggregate?: import('@vmscloud/moz-ui-chart-core').Aggregate | undefined;
+        }[];
+        valueFields: {
+            binding: string;
+            header: string;
+            dataType: import('@vmscloud/moz-ui-chart-core').DataType;
+            aggregate?: import('@vmscloud/moz-ui-chart-core').Aggregate | undefined;
+        }[];
+    }, ViewDef | {
+        fields: {
+            binding: string;
+            header: string;
+            dataType: import('@vmscloud/moz-ui-chart-core').DataType;
+            aggregate?: import('@vmscloud/moz-ui-chart-core').Aggregate | undefined;
+        }[];
+        rowFields: {
+            binding: string;
+            header: string;
+            dataType: import('@vmscloud/moz-ui-chart-core').DataType;
+            aggregate?: import('@vmscloud/moz-ui-chart-core').Aggregate | undefined;
+        }[];
+        columnFields: {
+            binding: string;
+            header: string;
+            dataType: import('@vmscloud/moz-ui-chart-core').DataType;
+            aggregate?: import('@vmscloud/moz-ui-chart-core').Aggregate | undefined;
+        }[];
+        valueFields: {
+            binding: string;
+            header: string;
+            dataType: import('@vmscloud/moz-ui-chart-core').DataType;
+            aggregate?: import('@vmscloud/moz-ui-chart-core').Aggregate | undefined;
+        }[];
+    }>;
+    filterDef: import('vue').Ref<any[], any[]>;
+    chartPopupTitle: import('vue').Ref<string, string>;
+    chartDefTemplate: import('vue').Ref<Record<string, any>, Record<string, any>>;
+};

package/dist/EChartPopup.vue.d.ts

@@ -0,0 +1,94 @@
+import { MozEChart } from '@vmscloud/moz-ui-chart-core';
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    chartPopupRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        viewDef?: import('@vmscloud/moz-ui-chart-core').ViewDef;
+        filterDef?: import('@vmscloud/moz-ui-chart-core').FilterDef[];
+    } & import('./EChart.vue').EChartProps> & Readonly<{
+        "onUpdate:viewDef"?: ((value: import('@vmscloud/moz-ui-chart-core').ViewDef) => any) | undefined;
+        "onUpdate:filterDef"?: ((value: import('@vmscloud/moz-ui-chart-core').FilterDef[]) => any) | undefined;
+        "onUpdate:chartDef"?: ((definition: import('@vmscloud/moz-ui-chart-core').MozEChartOptions) => any) | undefined;
+    }>, {
+        chartCategorySource: MozEChart["chartCategorySource"] | undefined;
+        chartTypeSource: MozEChart["chartTypeSource"] | undefined;
+        mozEChart: MozEChart | undefined;
+        chartRef: unknown;
+        state: import('@vmscloud/moz-ui-chart-core').ChartDefinition | undefined;
+        chartCategory: import('@vmscloud/moz-ui-chart-core').ChartCategory | undefined;
+        chartType: import('@vmscloud/moz-ui-chart-core').ChartType | undefined;
+        useZoomX: boolean;
+        useZoomY: boolean;
+        chartOptionModal: boolean;
+        chartFilterModel: boolean;
+        initializeDefinition: (initial
+        /**
+         * MOVED — 원본: components/frontend/moz-ui-chart/src/components/EChartPopup.vue (2026-09-14)
+         * 팝업 창(/chartPopup/:key) 페이지 컴포넌트. opener 가 보낸 payload 로 차트를 그린다.
+         */
+        ?: boolean) => void;
+        chartKey: string | undefined;
+        customYAxisForSeriesType: string[];
+        clickChartPopup: () => void;
+        useChartPopupIcon: boolean | undefined;
+        onClickLegend: (params: any) => void;
+        chrome: import('@vmscloud/moz-ui-chart-core').ChartChrome | null;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:viewDef": (value: import('@vmscloud/moz-ui-chart-core').ViewDef) => any;
+        "update:filterDef": (value: import('@vmscloud/moz-ui-chart-core').FilterDef[]) => any;
+        "update:chartDef": (definition: import('@vmscloud/moz-ui-chart-core').MozEChartOptions) => any;
+    }, import('vue').PublicProps, {
+        itemsSource: Record<string, any>[];
+        chartDef: import('@vmscloud/moz-ui-chart-core').MozEChartOptions;
+        useToolBox: boolean;
+        useChartSetting: boolean;
+        useChartPopupIcon: boolean;
+        useStackBarHover: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        hostRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        viewDef?: import('@vmscloud/moz-ui-chart-core').ViewDef;
+        filterDef?: import('@vmscloud/moz-ui-chart-core').FilterDef[];
+    } & import('./EChart.vue').EChartProps> & Readonly<{
+        "onUpdate:viewDef"?: ((value: import('@vmscloud/moz-ui-chart-core').ViewDef) => any) | undefined;
+        "onUpdate:filterDef"?: ((value: import('@vmscloud/moz-ui-chart-core').FilterDef[]) => any) | undefined;
+        "onUpdate:chartDef"?: ((definition: import('@vmscloud/moz-ui-chart-core').MozEChartOptions) => any) | undefined;
+    }>, {
+        chartCategorySource: MozEChart["chartCategorySource"] | undefined;
+        chartTypeSource: MozEChart["chartTypeSource"] | undefined;
+        mozEChart: MozEChart | undefined;
+        chartRef: unknown;
+        state: import('@vmscloud/moz-ui-chart-core').ChartDefinition | undefined;
+        chartCategory: import('@vmscloud/moz-ui-chart-core').ChartCategory | undefined;
+        chartType: import('@vmscloud/moz-ui-chart-core').ChartType | undefined;
+        useZoomX: boolean;
+        useZoomY: boolean;
+        chartOptionModal: boolean;
+        chartFilterModel: boolean;
+        initializeDefinition: (initial
+        /**
+         * MOVED — 원본: components/frontend/moz-ui-chart/src/components/EChartPopup.vue (2026-09-14)
+         * 팝업 창(/chartPopup/:key) 페이지 컴포넌트. opener 가 보낸 payload 로 차트를 그린다.
+         */
+        ?: boolean) => void;
+        chartKey: string | undefined;
+        customYAxisForSeriesType: string[];
+        clickChartPopup: () => void;
+        useChartPopupIcon: boolean | undefined;
+        onClickLegend: (params: any) => void;
+        chrome: import('@vmscloud/moz-ui-chart-core').ChartChrome | null;
+    }, {}, {}, {}, {
+        itemsSource: Record<string, any>[];
+        chartDef: import('@vmscloud/moz-ui-chart-core').MozEChartOptions;
+        useToolBox: boolean;
+        useChartSetting: boolean;
+        useChartPopupIcon: boolean;
+        useStackBarHover: boolean;
+    }> | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/ViewDefinitionPanel.vue.d.ts

@@ -0,0 +1,26 @@
+import { ChartField, ViewDef, ChartField as ChartFieldType } from '@vmscloud/moz-ui-chart-core';
+/** ViewDefinitionPanel props — 레거시 1:1 */
+export interface ViewDefinitionPanelProps {
+    customRule?: (type: 'column' | 'row' | 'value' | 'source', fieldsArray: ChartFieldType[], field: ChartFieldType) => boolean;
+    disableSourceField?: boolean;
+    disableColumnField?: boolean;
+    disableRowField?: boolean;
+    disableValueField?: boolean;
+    disableAggregate?: boolean;
+}
+declare const _default: import('vue').DefineComponent<{
+    definition: ViewDef;
+} & ViewDefinitionPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (field: ChartField) => any;
+    "update:definition": (value: ViewDef) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    definition: ViewDef;
+} & ViewDefinitionPanelProps> & Readonly<{
+    onChange?: ((field: ChartField) => any) | undefined;
+    "onUpdate:definition"?: ((value: ViewDef) => any) | undefined;
+}>, {
+    customRule: (type: "column" | "row" | "value" | "source", fieldsArray: ChartFieldType[], field: ChartFieldType) => boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    hostRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/bridge/VueRenderer.d.ts

@@ -0,0 +1,12 @@
+import { AppContext } from 'vue';
+export declare class VueRenderer {
+    private appContext;
+    private apps;
+    setAppContext(ctx: AppContext): void;
+    mountInstance(container: HTMLElement, slot: (props: Record<string, unknown>) => unknown, initialProps: Record<string, unknown>): {
+        update: (props: Record<string, unknown>) => void;
+        destroy: () => void;
+    };
+    unmountAll(): void;
+    get size(): number;
+}

package/dist/contracts/UserLayoutInstance.d.ts

@@ -0,0 +1,38 @@
+import { Ref } from 'vue';
+interface IUserLayout {
+    id: string;
+    type: string;
+    importDef: (value: any) => void;
+    exportDef: () => any;
+    strict?: boolean;
+    dependencies?: Ref<any>;
+    manualLifeCycle?: boolean;
+}
+/**
+ * 해당 인스턴스는 반드시 Vue Setup 내에서 선언되어야 함. 그래야만 페이지 이동시 onBeforeUnmount내의 onDispose가 호출되어 인스턴스를 정리할 수 있음.
+ */
+export declare class UserLayoutInstance {
+    uniqueId: string;
+    private _id;
+    private _type;
+    private _default;
+    private _importDef;
+    private _exportDef;
+    private _pendingDef;
+    private _pending;
+    dispose: () => void;
+    setApplied: (value: boolean) => void;
+    strict: boolean;
+    dependencies: Ref<any> | null;
+    get pending(): boolean;
+    set pending(value: boolean);
+    get id(): string;
+    get type(): string;
+    get default(): any;
+    set default(value: any);
+    get current(): any;
+    set current(value: any);
+    setDefaultToCurrent(): void;
+    constructor({ id, type, exportDef, importDef, strict, dependencies, manualLifeCycle }: IUserLayout);
+}
+export {};

package/dist/contracts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './userLayout.contract';
+export * from './UserLayoutInstance';

package/dist/contracts/userLayout.contract.d.ts

@@ -0,0 +1,15 @@
+import { UserLayoutInstance } from './UserLayoutInstance';
+/**
+ * 호스트 앱이 provide 하는 userLayout 모듈 계약
+ * - register: 레이아웃 인스턴스 등록
+ * - currentPreset: 현재 선택된 프리셋
+ */
+export interface UserLayoutModuleContract {
+    register(instance: UserLayoutInstance): void;
+    currentPreset: any;
+}
+/**
+ * userLayout 모듈을 주입받아 사용합니다. 모듈이 제공되지 않으면 기본 구현(no-op)을 반환합니다.
+ */
+export declare const useUserLayoutModule: () => UserLayoutModuleContract;
+export { UserLayoutInstance };

package/dist/echarts-stat.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("@vmscloud/moz-ui-chart-core/echarts-stat");module.exports=t;

package/dist/echarts-stat.d.ts

@@ -0,0 +1 @@
+export { default } from "@vmscloud/moz-ui-chart-core/echarts-stat";

package/dist/echarts-stat.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "@vmscloud/moz-ui-chart-core/echarts-stat";
+export {
+  default2 as default
+};

package/dist/echarts.charts.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vmscloud/moz-ui-chart-core/echarts/charts");Object.keys(e).forEach(t=>{"default"===t||Object.prototype.hasOwnProperty.call(exports,t)||Object.defineProperty(exports,t,{enumerable:!0,get:()=>e[t]})});

package/dist/echarts.charts.d.ts

@@ -0,0 +1 @@
+export * from "@vmscloud/moz-ui-chart-core/echarts/charts";

package/dist/echarts.charts.js

@@ -0,0 +1 @@
+export * from "@vmscloud/moz-ui-chart-core/echarts/charts";

package/dist/echarts.cjs

@@ -0,0 +1 @@
+"use strict";function e(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const t=e(require("@vmscloud/moz-ui-chart-core/echarts"));module.exports=t;

package/dist/echarts.components.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vmscloud/moz-ui-chart-core/echarts/components");Object.keys(e).forEach(t=>{"default"===t||Object.prototype.hasOwnProperty.call(exports,t)||Object.defineProperty(exports,t,{enumerable:!0,get:()=>e[t]})});

package/dist/echarts.components.d.ts

@@ -0,0 +1 @@
+export * from "@vmscloud/moz-ui-chart-core/echarts/components";

package/dist/echarts.components.js

@@ -0,0 +1 @@
+export * from "@vmscloud/moz-ui-chart-core/echarts/components";

package/dist/echarts.core.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vmscloud/moz-ui-chart-core/echarts/core");Object.keys(e).forEach(t=>{"default"===t||Object.prototype.hasOwnProperty.call(exports,t)||Object.defineProperty(exports,t,{enumerable:!0,get:()=>e[t]})});

package/dist/echarts.core.d.ts

@@ -0,0 +1 @@
+export * from "@vmscloud/moz-ui-chart-core/echarts/core";

package/dist/echarts.core.js

@@ -0,0 +1 @@
+export * from "@vmscloud/moz-ui-chart-core/echarts/core";

package/dist/echarts.d.ts

@@ -0,0 +1,2 @@
+import * as echarts from "@vmscloud/moz-ui-chart-core/echarts";
+export default echarts;

package/dist/echarts.js

@@ -0,0 +1,4 @@
+import * as echarts from "@vmscloud/moz-ui-chart-core/echarts";
+export {
+  echarts as default
+};

package/dist/echarts.renderers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vmscloud/moz-ui-chart-core/echarts/renderers");Object.keys(e).forEach(r=>{"default"===r||Object.prototype.hasOwnProperty.call(exports,r)||Object.defineProperty(exports,r,{enumerable:!0,get:()=>e[r]})});

package/dist/echarts.renderers.d.ts

@@ -0,0 +1 @@
+export * from "@vmscloud/moz-ui-chart-core/echarts/renderers";

package/dist/echarts.renderers.js

@@ -0,0 +1 @@
+export * from "@vmscloud/moz-ui-chart-core/echarts/renderers";

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";var e=Object.defineProperty,t=(t,o,r)=>((t,o,r)=>o in t?e(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r)(t,"symbol"!=typeof o?o+"":o,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=require("@vmscloud/moz-ui-chart-core"),i=require("vue-router");class l{constructor(){t(this,"appContext",null),t(this,"apps",new Set)}setAppContext(e){this.appContext=e}mountInstance(e,t,r){const i=o.reactive({...r}),l=o.createApp({render:()=>t(i)});return this.appContext&&(l._context.provides={...this.appContext.provides},l._context.components={...this.appContext.components},l._context.directives={...this.appContext.directives},l._context.config.globalProperties={...this.appContext.config.globalProperties}),l.mount(e),this.apps.add(l),{update:e=>{Object.assign(i,e)},destroy:()=>{this.apps.delete(l),l.unmount()}}}unmountAll(){for(const e of this.apps)try{e.unmount()}catch{}this.apps.clear()}get size(){return this.apps.size}}class n{constructor({id:e,type:i,exportDef:l,importDef:n,strict:a,dependencies:u,manualLifeCycle:s}){t(this,"uniqueId"),t(this,"_id"),t(this,"_type"),t(this,"_default"),t(this,"_importDef"),t(this,"_exportDef"),t(this,"_pendingDef"),t(this,"_pending"),t(this,"dispose",()=>{}),t(this,"setApplied",()=>{}),t(this,"strict"),t(this,"dependencies"),this.uniqueId=r.generateUUID(),this._id=e,this._type=i,this._importDef=n,this._exportDef=l,this._default=l(),this._pending=!1,this._pendingDef=null,this.strict=a??!1,this.dependencies=u??null,s||o.onBeforeUnmount(()=>{this.dispose()})}get pending(){return this._pending}set pending(e){if(this._pending=e,!e&&this._pendingDef)try{this._importDef(this._pendingDef),this.setApplied(!0)}catch(t){}finally{this._pendingDef=null}}get id(){return this._id}get type(){return this._type}get default(){return this._default}set default(e){this._default=e}get current(){return this._exportDef()}set current(e){this.pending?this._pendingDef=e:(this._importDef(e),this.setApplied(!0))}setDefaultToCurrent(){this._default=this._exportDef()}}const a=()=>o.inject("user-layout-module",{register:()=>{},currentPreset:o.ref(null)}),u=Symbol("MozChartLocale");function s(){const e=o.inject(u,null);return e||o.computed(()=>r.koKR)}const p=o.defineComponent({name:"ChartLocaleProvider",props:{locale:{type:Object,default:()=>r.koKR}},setup:(e,{slots:t})=>(o.provide(u,o.computed(()=>e.locale)),()=>{var e;return null==(e=t.default)?void 0:e.call(t)})});function d(){const e=s(),t=i.useRouter(),l=o.ref("");let n=null;const a=()=>{null==n||n.close(),n=null};return o.onUnmounted(()=>a()),{openChartPopup:async(o,i,a)=>{l.value=a??e.value.Chart.chartPopup,null==n||n.close();const u=t.resolve({path:`/chartPopup/${i}`,query:{}}).href;n=r.openChartPopupWindow({href:u,name:i,payload:o,title:l.value,onBlocked:()=>r.showMessage(e.value.Chart.errorMessage,!1)})},closePopup:a,chartPopupTitle:l}}function c(){const e=o.ref([]),t=o.ref({}),i=o.ref({fields:[],columnFields:[],rowFields:[],valueFields:[]}),l=o.ref([]),n=o.ref(""),a=o.ref({});let u=null;return o.onMounted(()=>{u=r.listenChartPopupPayload(o=>{e.value=o.itemsSource,t.value=o.chartDef,i.value=o.viewDef,l.value=o.filterDef,a.value=o.chartDefTemplate??{},o.title&&(n.value=o.title)})}),o.onUnmounted(()=>null==u?void 0:u()),{itemsSource:e,chartDef:t,viewDef:i,filterDef:l,chartPopupTitle:n,chartDefTemplate:a}}const h=["data-chart-id"],f=o.defineComponent({__name:"EChart",props:o.mergeModels({id:{},itemsSource:{default:()=>[]},isFetching:{type:Boolean},chartDef:{default:()=>({})},chartDefTemplate:{},useToolBox:{type:Boolean,default:!0},useChartPopupIcon:{type:Boolean,default:!1},useChartSetting:{type:Boolean,default:!0},chartPopupTitle:{},useStackBarHover:{type:Boolean,default:!0},onInitialized:{}},{viewDef:{default:()=>({fields:[],rowFields:[],columnFields:[],valueFields:[]})},viewDefModifiers:{},filterDef:{default:()=>[]},filterDefModifiers:{}}),emits:o.mergeModels(["update:chartDef"],["update:viewDef","update:filterDef"]),setup(e,{expose:t,emit:i}){const u=e,p=i,c=o.useModel(e,"viewDef"),f=o.useModel(e,"filterDef"),m=o.ref(),g=o.useSlots(),v=s(),{register:C}=a(),{openChartPopup:D}=d(),y=new l,b=o.getCurrentInstance();b&&y.setAppContext(b.appContext);let P=null,x=null;const w=["tool-left","tool-items","tool-items-after"];function _(e){return(t,o)=>{const r=y.mountInstance(t,t=>{var o;return null==(o=g[e])?void 0:o.call(g,t)},o??{});return{update:e=>r.update(e??{}),dispose:()=>r.destroy()}}}o.onMounted(()=>{const e={};for(const o of w)g[o]&&(e[o]=_(o));const t=new r.ChartChrome(m.value,{id:u.id,itemsSource:u.itemsSource,chartDef:u.chartDef,viewDef:c.value,filterDef:f.value,chartDefTemplate:u.chartDefTemplate,isFetching:u.isFetching,useToolBox:u.useToolBox,useChartSetting:u.useChartSetting,useChartPopupIcon:u.useChartPopupIcon,chartPopupTitle:u.chartPopupTitle,useStackBarHover:u.useStackBarHover,onInitialized:u.onInitialized},{locale:v.value,slots:e,onOpenPopup:(e,t,o)=>D(e,t,o)});t.on("chartDef:change",e=>p("update:chartDef",e)),t.on("viewDef:change",e=>{o.toRaw(c.value)!==o.toRaw(e)&&(c.value=e)}),t.on("filterDef:change",e=>{o.toRaw(f.value)!==o.toRaw(e)?f.value=e:null==b||b.emit("update:filterDef",e)}),P=t,t.mount(),x=new n({id:u.id,type:"chart",importDef:e=>null==P?void 0:P.importDefinition(e),exportDef:()=>P?P.getDefinitionWithoutData():{}}),C(x)}),o.watch(()=>u.itemsSource,e=>null==P?void 0:P.update({itemsSource:e})),o.watch(()=>u.chartDef,e=>null==P?void 0:P.update({chartDef:e})),o.watch(()=>u.chartDefTemplate,e=>null==P?void 0:P.update({chartDefTemplate:e}),{deep:!0}),o.watch(c,e=>null==P?void 0:P.update({viewDef:e}),{deep:!0}),o.watch(f,e=>null==P?void 0:P.update({filterDef:e}),{deep:!0}),o.watch(()=>[u.isFetching,u.useToolBox,u.useChartSetting,u.useChartPopupIcon,u.chartPopupTitle,u.useStackBarHover,u.onInitialized,u.id],()=>null==P?void 0:P.update({id:u.id,isFetching:u.isFetching,useToolBox:u.useToolBox,useChartSetting:u.useChartSetting,useChartPopupIcon:u.useChartPopupIcon,chartPopupTitle:u.chartPopupTitle,useStackBarHover:u.useStackBarHover,onInitialized:u.onInitialized})),o.watch(v,e=>null==P?void 0:P.setLocale(e)),o.onBeforeUnmount(()=>{null==P||P.destroy(),P=null,y.unmountAll()});return t({get chartCategorySource(){return null==P?void 0:P.mozEChart.chartCategorySource},get chartTypeSource(){return null==P?void 0:P.mozEChart.chartTypeSource},get mozEChart(){return null==P?void 0:P.mozEChart},get chartRef(){return(null==P?void 0:P.echarts)??null},get state(){return null==P?void 0:P.state},get chartCategory(){return null==P?void 0:P.chartCategory},get chartType(){return null==P?void 0:P.chartType},get useZoomX(){return!!(null==P?void 0:P.mozEChart.dataZoomComputedProperty("x").get())},set useZoomX(e){null==P||P.mozEChart.dataZoomComputedProperty("x").set(e),null==P||P.syncOption()},get useZoomY(){return!!(null==P?void 0:P.mozEChart.dataZoomComputedProperty("y").get())},set useZoomY(e){null==P||P.mozEChart.dataZoomComputedProperty("y").set(e),null==P||P.syncOption()},get chartOptionModal(){return!!(null==P?void 0:P.optionModalOpen)},set chartOptionModal(e){P&&(P.optionModalOpen=e)},get chartFilterModel(){return!!(null==P?void 0:P.filterModalOpen)},set chartFilterModel(e){P&&(P.filterModalOpen=e)},initializeDefinition:e=>null==P?void 0:P.initializeDefinition(e),get chartKey(){return null==P?void 0:P.chartKey},get customYAxisForSeriesType(){var e;return(null==(e=null==P?void 0:P.mozEChart.chartModule.series)?void 0:e.customYAxisComputedProperty().get())??[]},set customYAxisForSeriesType(e){var t;null==(t=null==P?void 0:P.mozEChart.chartModule.series)||t.customYAxisComputedProperty().set(e),null==P||P.syncOption()},clickChartPopup:()=>null==P?void 0:P.clickChartPopup(),get useChartPopupIcon(){return u.useChartPopupIcon},onClickLegend:e=>null==P?void 0:P.onClickLegend(e),get chrome(){return P}}),(t,r)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"hostRef",ref:m,class:"mzch-vue-echart-host","data-chart-id":e.id},null,8,h))}}),m={class:"chart-popup-wrapper"},g=((e,t)=>{const o=e.__vccOpts||e;for(const[r,i]of t)o[r]=i;return o})(o.defineComponent({__name:"EChartPopup",setup(e){const{itemsSource:t,chartDef:r,viewDef:i,filterDef:l,chartDefTemplate:n}=c(),a=e=>{e.dataZoomComputedProperty("X").set(!0),e.dataZoomComputedProperty("Y").set(!0)};return(e,u)=>(o.openBlock(),o.createElementBlock("div",m,[o.createVNode(f,{id:"chart_popup",onInitialized:a,itemsSource:o.unref(t),chartDef:o.unref(r),"onUpdate:chartDef":u[0]||(u[0]=e=>o.isRef(r)?r.value=e:null),viewDef:o.unref(i),"onUpdate:viewDef":u[1]||(u[1]=e=>o.isRef(i)?i.value=e:null),filterDef:o.unref(l),"onUpdate:filterDef":u[2]||(u[2]=e=>o.isRef(l)?l.value=e:null),chartDefTemplate:o.unref(n),ref:"chartPopupRef","use-tool-box":!1},null,8,["itemsSource","chartDef","viewDef","filterDef","chartDefTemplate"])]))}}),[["__scopeId","data-v-8e21a7ac"]]),v=o.defineComponent({__name:"ViewDefinitionPanel",props:o.mergeModels({customRule:{type:Function,default:()=>!0},disableSourceField:{type:Boolean},disableColumnField:{type:Boolean},disableRowField:{type:Boolean},disableValueField:{type:Boolean},disableAggregate:{type:Boolean}},{definition:{required:!0},definitionModifiers:{}}),emits:o.mergeModels(["change"],["update:definition"]),setup(e,{emit:t}){const i=e,l=t,n=o.useModel(e,"definition"),a=o.ref(),u=s();let p=null;return o.onMounted(()=>{p=new r.ViewDefinitionPanelHost(a.value,{definition:n.value,customRule:i.customRule,disableSourceField:i.disableSourceField,disableColumnField:i.disableColumnField,disableRowField:i.disableRowField,disableValueField:i.disableValueField,disableAggregate:i.disableAggregate,onChange:e=>l("change",e)},{locale:u.value}).mount()}),o.watch(()=>[i.disableSourceField,i.disableColumnField,i.disableRowField,i.disableValueField,i.disableAggregate],()=>null==p?void 0:p.update({disableSourceField:i.disableSourceField,disableColumnField:i.disableColumnField,disableRowField:i.disableRowField,disableValueField:i.disableValueField,disableAggregate:i.disableAggregate})),o.watch(n,e=>null==p?void 0:p.update({definition:e}),{deep:!0}),o.watch(u,e=>null==p?void 0:p.setLocale(e)),o.onBeforeUnmount(()=>{null==p||p.destroy(),p=null}),(e,t)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"hostRef",ref:a,class:"mzch-vue-view-def-host"},null,512))}});Object.defineProperty(exports,"Aggregate",{enumerable:!0,get:()=>r.Aggregate}),Object.defineProperty(exports,"ChartChrome",{enumerable:!0,get:()=>r.ChartChrome}),Object.defineProperty(exports,"DataType",{enumerable:!0,get:()=>r.DataType}),Object.defineProperty(exports,"MozEChart",{enumerable:!0,get:()=>r.MozEChart}),Object.defineProperty(exports,"RENDER_LIMIT",{enumerable:!0,get:()=>r.RENDER_LIMIT}),Object.defineProperty(exports,"enUS",{enumerable:!0,get:()=>r.enUS}),Object.defineProperty(exports,"jaJP",{enumerable:!0,get:()=>r.jaJP}),Object.defineProperty(exports,"koKR",{enumerable:!0,get:()=>r.koKR}),Object.defineProperty(exports,"showConfirm",{enumerable:!0,get:()=>r.showConfirm}),Object.defineProperty(exports,"showDialog",{enumerable:!0,get:()=>r.showDialog}),Object.defineProperty(exports,"showMessage",{enumerable:!0,get:()=>r.showMessage}),Object.defineProperty(exports,"zhCN",{enumerable:!0,get:()=>r.zhCN}),exports.ChartLocaleProvider=p,exports.EChart=f,exports.EChartPopup=g,exports.MOZ_CHART_LOCALE_KEY=u,exports.UserLayoutInstance=n,exports.ViewDefinitionPanel=v,exports.useChartLocale=s,exports.useEChartPopup=d,exports.useEChartPopupView=c,exports.useUserLayoutModule=a;

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { default as EChart } from './EChart.vue';
+export { default as EChartPopup } from './EChartPopup.vue';
+export { default as ViewDefinitionPanel } from './ViewDefinitionPanel.vue';
+export { useEChartPopup, useEChartPopupView } from './EChartPopup';
+export type { EChartPopupData } from './EChartPopup';
+export type { IEChartExposed } from './types';
+export * from './contracts';
+export * from './locale';
+export { MozEChart, DataType, Aggregate, ChartChrome, showConfirm, showDialog, showMessage, RENDER_LIMIT } from '@vmscloud/moz-ui-chart-core';
+export type { ChartCategory, ChartType, MozEChartOptions, MozEChartTemplateOptions, ChartField, ViewDef, ChartDefinition, FilterDef, ChartPopupPayload, ChartChromeProps, ChartDefinitionWithoutData, } from '@vmscloud/moz-ui-chart-core';