@vmscloud/moz-ui-chart-vue 0.1.2 → 0.1.3

package/dist/index.cjs

@@ -1 +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;
+"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:"MozChartLocaleProvider",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.EChart=f,exports.EChartPopup=g,exports.MOZ_CHART_LOCALE_KEY=u,exports.MozChartLocaleProvider=p,exports.UserLayoutInstance=n,exports.ViewDefinitionPanel=v,exports.useEChartPopup=d,exports.useEChartPopupView=c,exports.useMozChartLocale=s,exports.useUserLayoutModule=a;

package/dist/index.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { reactive, createApp, onBeforeUnmount, inject, ref, defineComponent, provide, computed, onUnmounted, onMounted, useModel, useSlots, getCurrentInstance, toRaw, watch, openBlock, createElementBlock, mergeModels, createVNode, unref, isRef } from "vue";
+import { reactive, createApp, onBeforeUnmount, inject, ref, computed, defineComponent, provide, onUnmounted, onMounted, useModel, useSlots, getCurrentInstance, toRaw, watch, openBlock, createElementBlock, mergeModels, createVNode, unref, isRef } from "vue";
 import { generateUUID, koKR, listenChartPopupPayload, openChartPopupWindow, showMessage, ChartChrome, ViewDefinitionPanelHost } from "@vmscloud/moz-ui-chart-core";
 import { Aggregate, ChartChrome as ChartChrome2, DataType, MozEChart, RENDER_LIMIT, enUS, jaJP, koKR as koKR2, showConfirm, showDialog, showMessage as showMessage2, zhCN } from "@vmscloud/moz-ui-chart-core";
 import { useRouter } from "vue-router";
@@ -133,13 +133,13 @@ const useUserLayoutModule = () => inject(USER_LAYOUT_PROVIDER_KEY, {
   currentPreset: ref(null)
 });
 const MOZ_CHART_LOCALE_KEY = Symbol("MozChartLocale");
-function useChartLocale() {
+function useMozChartLocale() {
   const injected = inject(MOZ_CHART_LOCALE_KEY, null);
   if (injected) return injected;
   return computed(() => koKR);
 }
-const ChartLocaleProvider = defineComponent({
-  name: "ChartLocaleProvider",
+const MozChartLocaleProvider = defineComponent({
+  name: "MozChartLocaleProvider",
   props: {
     locale: { type: Object, default: () => koKR }
   },
@@ -155,7 +155,7 @@ const ChartLocaleProvider = defineComponent({
   }
 });
 function useEChartPopup() {
-  const locale = useChartLocale();
+  const locale = useMozChartLocale();
   const router = useRouter();
   const chartPopupTitle = ref("");
   let handle = null;
@@ -230,7 +230,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const filterDef = useModel(__props, "filterDef");
     const hostRef = ref();
     const slots = useSlots();
-    const locale = useChartLocale();
+    const locale = useMozChartLocale();
     const { register } = useUserLayoutModule();
     const { openChartPopup } = useEChartPopup();
     const renderer = new VueRenderer();
@@ -462,7 +462,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const definition = useModel(__props, "definition");
     const hostRef = ref();
-    const locale = useChartLocale();
+    const locale = useMozChartLocale();
     let host = null;
     onMounted(() => {
       host = new ViewDefinitionPanelHost(
@@ -508,11 +508,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   Aggregate,
   ChartChrome2 as ChartChrome,
-  ChartLocaleProvider,
   DataType,
   _sfc_main$2 as EChart,
   EChartPopup,
   MOZ_CHART_LOCALE_KEY,
+  MozChartLocaleProvider,
   MozEChart,
   RENDER_LIMIT,
   UserLayoutInstance,
@@ -523,9 +523,9 @@ export {
   showConfirm,
   showDialog,
   showMessage2 as showMessage,
-  useChartLocale,
   useEChartPopup,
   useEChartPopupView,
+  useMozChartLocale,
   useUserLayoutModule,
   zhCN
 };

package/dist/locale/index.d.ts

@@ -2,9 +2,9 @@ import { InjectionKey, Ref } from 'vue';
 import { ChartLocaleMessages } from '@vmscloud/moz-ui-chart-core';
 export declare const MOZ_CHART_LOCALE_KEY: InjectionKey<Ref<ChartLocaleMessages>>;
 /** 주입된 로케일(없으면 koKR) */
-export declare function useChartLocale(): Ref<ChartLocaleMessages>;
+export declare function useMozChartLocale(): Ref<ChartLocaleMessages>;
 /** 하위 트리에 로케일을 provide 하는 래퍼 컴포넌트 (레거시 MozConfigProvider 대응) */
-export declare const ChartLocaleProvider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const MozChartLocaleProvider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     locale: {
         type: () => ChartLocaleMessages;
         default: () => ChartLocaleMessages;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vmscloud/moz-ui-chart-vue",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "license": "ISC",
   "type": "module",
   "sideEffects": [
@@ -65,7 +65,7 @@
     "directory": "components/frontend/moz-ui-chart-vue"
   },
   "dependencies": {
-    "@vmscloud/moz-ui-chart-core": "^0.1.3"
+    "@vmscloud/moz-ui-chart-core": "^0.1.4"
   },
   "peerDependencies": {
     "vue": ">=3.4.0",
@@ -86,6 +86,7 @@
     "vue-tsc": "^2.0.0"
   },
   "scripts": {
+    "preinstall": "npx -y only-allow pnpm",
     "build": "vue-tsc --noEmit && vite build --config vite.config.lib.ts",
     "build:lib": "vite build --config vite.config.lib.ts",
     "typecheck": "vue-tsc --noEmit",