@vtj/ui 0.0.6 → 0.4.0

package/types/utils/emits.d.ts

@@ -0,0 +1,6 @@
+type ObjectEmitsOptions = Record<string, ((...args: any[]) => any) | null>;
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+export type Emits<Options = ObjectEmitsOptions, Event extends keyof Options = keyof Options> = Options extends Array<infer V> ? (event: V, ...args: any[]) => void : {} extends Options ? (event: string, ...args: any[]) => void : UnionToIntersection<{
+    [key in Event]: Options[key] extends (...args: infer Args) => any ? (event: key, ...args: Args) => void : (event: key, ...args: any[]) => void;
+}[Event]>;
+export {};

package/types/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './util';
+export * from './emits';
+export * from './install';
+export * from './make-install';

package/types/utils/install.d.ts

@@ -0,0 +1,9 @@
+import type { Directive, AppContext, Plugin } from 'vue';
+export type WithInstall<T> = T & Plugin;
+export type InstallWithContext<T> = WithInstall<T> & {
+    _context: AppContext | null;
+};
+export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E | undefined) => WithInstall<T> & E;
+export declare const withInstallFunction: <T>(fn: T, name: string) => InstallWithContext<T>;
+export declare const withInstallDirective: <T extends Directive>(directive: T, name: string) => WithInstall<T>;
+export declare const withNoopInstall: <T>(component: T) => WithInstall<T>;

package/types/utils/make-install.d.ts

@@ -0,0 +1,5 @@
+import type { App, Plugin } from 'vue';
+import { ConfigContext } from '../components';
+export declare const makeInstaller: (components?: Plugin[]) => {
+    install: (app: App, options?: ConfigContext) => void;
+};

package/types/utils/util.d.ts

@@ -0,0 +1,8 @@
+export type UnReadOnly<T> = {
+    -readonly [P in keyof T]: T[P];
+};
+export declare function getSizeValue(value: string | number): string;
+export declare function parseSize(size: string | number | undefined, max: number): number;
+export declare function omit<T extends Record<string, any>, K extends Record<string, any>>(target: T, keys: string[]): K;
+export declare function pick<T extends Record<string, any>, K extends Record<string, any>>(target: T, keys: string[]): K;
+export declare const NOOP: () => void;

package/README.md

@@ -1,4 +0,0 @@
-# Vue3 通用业务组件库
-
-Vue 3 + TypeScript + Vite
-

package/lib/cdn/index.cjs.js

@@ -1 +0,0 @@
-"use strict";var C=Object.defineProperty,F=Object.defineProperties;var x=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var v=(e,t,n)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,d=(e,t)=>{for(var n in t||(t={}))B.call(t,n)&&v(e,n,t[n]);if(k)for(var n of k(t))S.call(t,n)&&v(e,n,t[n]);return e},V=(e,t)=>F(e,x(t));var p=(e,t,n)=>new Promise((o,s)=>{var u=r=>{try{c(n.next(r))}catch(l){s(l)}},i=r=>{try{c(n.throw(r))}catch(l){s(l)}},c=r=>r.done?o(r.value):Promise.resolve(r.value).then(u,i);c((n=n.apply(e,t)).next())});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E={class:"x-test-suit"},w=Vue.createElementVNode("div",{class:"x-test-suit__header"},"XTestSuit",-1),X={class:"x-test-suit__body"},b={class:"x-test-suit_props"},A={class:"x-test-suit_slots"},N=Vue.createTextVNode(" Default Slot"),$={key:0},y=Vue.defineComponent({__name:"TestSuit",props:{p1:null,p2:null,p3:{type:Boolean},p4:null},emits:["click"],setup(e,{emit:t}){const n=e,o=Vue.computed(()=>[{name:"p1",value:n.p1},{name:"p2",value:n.p2},{name:"p3",value:n.p3},{name:"p4",value:n.p4}]),s=()=>{t("click")};return(u,i)=>(Vue.openBlock(),Vue.createElementBlock("div",E,[w,Vue.createElementVNode("div",X,[Vue.createElementVNode("div",b,[(Vue.openBlock(!0),Vue.createElementBlock(Vue.Fragment,null,Vue.renderList(Vue.unref(o),c=>(Vue.openBlock(),Vue.createElementBlock("div",null,Vue.toDisplayString(c.name)+": "+Vue.toDisplayString(JSON.stringify(c.value)),1))),256))]),Vue.createElementVNode("div",{class:"x-test-suit_events"},[Vue.createElementVNode("button",{onClick:s},"Tigger Click Event")]),Vue.createElementVNode("div",A,[Vue.createElementVNode("div",null,[Vue.renderSlot(u.$slots,"default",{},()=>[N])]),u.$slots.footer?(Vue.openBlock(),Vue.createElementBlock("div",$,[Vue.renderSlot(u.$slots,"footer")])):Vue.createCommentVNode("",!0)])])]))}});y.install=function(e){e.component("XTestSuit",y)};const m=Vue.defineComponent({__name:"Element",props:{tag:{default:"div"}},setup(e){const t=e;return(n,o)=>(Vue.openBlock(),Vue.createBlock(Vue.resolveDynamicComponent(t.tag),null,{default:Vue.withCtx(()=>[Vue.renderSlot(n.$slots,"default")]),_:3}))}});m.install=function(e){e.component("XElement",m)};function T(e,t={}){const n=Vue.ref(!1);let o=null;const s=c=>p(this,null,function*(){o=echarts.init(e.value);const r=c||VtjUtils.merge({},t.option,t.optionFactory?yield t.optionFactory(t.option):{});o.setOption(r)}),u=()=>{o==null||o.dispose(),s()},i=VtjUtils.debounce(()=>{if(!n.value){n.value=!0;return}o==null||o.resize()},100);return Vue.onMounted(s),Vue.watch(()=>[t.option,t.optionFactory],u),VueUse.useResizeObserver(e,i),{getChart:()=>o,echarts,reset:u,resize:i}}const a=Vue.defineComponent({__name:"Chart",props:{width:{default:"100%"},height:{default:"400px"},option:{default:()=>({})},optionFactory:null},setup(e,{expose:t}){const n=e,o=Vue.ref(),s=Vue.computed(()=>({width:n.width,height:n.height})),{getChart:u,reset:i,resize:c,echarts:r}=T(o,n);return t({getChart:u,echarts:r,reset:i,resize:c}),(l,j)=>(Vue.openBlock(),Vue.createElementBlock("div",{ref_key:"container",ref:o,style:Vue.normalizeStyle(Vue.unref(s))},"Chart",4))}});a.install=function(e){e.component("XChart",a)};function g(e,t){const n=s=>p(this,null,function*(){const u=V(d({},s),{title:{},xAxis:{},yAxis:{}});e.category==="x"?(u.xAxis={type:"category"},u.yAxis={}):(u.xAxis={},u.yAxis={type:"category"}),u.dataset={dimensions:e.dimensions,source:typeof e.source=="function"?yield e.source():e.source};const i=(e.dimensions||[]).length;if(i>1){const c=new Array(i-1);c.fill({type:t}),u.series=c}return VtjUtils.merge(u,e.optionFactory?yield e.optionFactory(u):{})}),o=Vue.ref(Symbol("key"));return Vue.watch(()=>[e.category,e.dimensions,e.source,e.optionFactory],()=>{o.value=Symbol("key")}),{optionFactory:n,key:o}}const f=Vue.defineComponent({__name:"Bar",props:{category:{default:"x"},dimensions:{default:()=>[]},source:{type:[Array,Function],default:()=>[]},optionFactory:null},setup(e){const t=e,{optionFactory:n,key:o}=g(t,"bar");return(s,u)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(a),{key:Vue.unref(o),optionFactory:Vue.unref(n)},null,8,["optionFactory"]))}});f.install=function(e){e.component("XChartBar",f)};const _=Vue.defineComponent({__name:"Line",props:{category:{default:"x"},dimensions:{default:()=>[]},source:{type:[Array,Function],default:()=>[]},optionFactory:null},setup(e){const t=e,{optionFactory:n,key:o}=g(t,"line");return(s,u)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(a),{key:Vue.unref(o),optionFactory:Vue.unref(n)},null,8,["optionFactory"]))}});_.install=function(e){e.component("XChartLine",_)};const h=Vue.defineComponent({__name:"Pie",props:{dimensions:{default:()=>[]},source:{type:[Array,Function],default:()=>[]},optionFactory:null},setup(e){const t=e,n=Vue.ref(Symbol("key")),o=s=>p(this,null,function*(){const u=V(d({},s),{dataset:{dimensions:t.dimensions,source:typeof t.source=="function"?yield t.source():t.source},series:[{type:"pie"}]});return VtjUtils.merge(u,t.optionFactory?yield t.optionFactory(u):{})});return Vue.watch(()=>[t.dimensions,t.source,t.optionFactory],()=>{n.value=Symbol("key")}),(s,u)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(a),{key:n.value,optionFactory:o}))}});h.install=function(e){e.component("XChartPie",h)};exports.XChart=a;exports.XChartBar=f;exports.XChartLine=_;exports.XChartPie=h;exports.XElement=m;exports.XTestSuit=y;

package/lib/cdn/index.es.js

@@ -1,261 +0,0 @@
-var C = Object.defineProperty, F = Object.defineProperties;
-var g = Object.getOwnPropertyDescriptors;
-var y = Object.getOwnPropertySymbols;
-var B = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var m = (e, t, n) => t in e ? C(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, d = (e, t) => {
-  for (var n in t || (t = {}))
-    B.call(t, n) && m(e, n, t[n]);
-  if (y)
-    for (var n of y(t))
-      E.call(t, n) && m(e, n, t[n]);
-  return e;
-}, V = (e, t) => F(e, g(t));
-var p = (e, t, n) => new Promise((o, u) => {
-  var s = (r) => {
-    try {
-      c(n.next(r));
-    } catch (l) {
-      u(l);
-    }
-  }, i = (r) => {
-    try {
-      c(n.throw(r));
-    } catch (l) {
-      u(l);
-    }
-  }, c = (r) => r.done ? o(r.value) : Promise.resolve(r.value).then(s, i);
-  c((n = n.apply(e, t)).next());
-});
-const S = { class: "x-test-suit" }, w = /* @__PURE__ */ Vue.createElementVNode("div", { class: "x-test-suit__header" }, "XTestSuit", -1), X = { class: "x-test-suit__body" }, A = { class: "x-test-suit_props" }, N = { class: "x-test-suit_slots" }, b = /* @__PURE__ */ Vue.createTextVNode(" Default Slot"), $ = { key: 0 }, f = /* @__PURE__ */ Vue.defineComponent({
-  __name: "TestSuit",
-  props: {
-    p1: null,
-    p2: null,
-    p3: { type: Boolean },
-    p4: null
-  },
-  emits: ["click"],
-  setup(e, { emit: t }) {
-    const n = e, o = Vue.computed(() => [
-      { name: "p1", value: n.p1 },
-      { name: "p2", value: n.p2 },
-      { name: "p3", value: n.p3 },
-      { name: "p4", value: n.p4 }
-    ]), u = () => {
-      t("click");
-    };
-    return (s, i) => (Vue.openBlock(), Vue.createElementBlock("div", S, [
-      w,
-      Vue.createElementVNode("div", X, [
-        Vue.createElementVNode("div", A, [
-          (Vue.openBlock(!0), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(o), (c) => (Vue.openBlock(), Vue.createElementBlock("div", null, Vue.toDisplayString(c.name) + ": " + Vue.toDisplayString(JSON.stringify(c.value)), 1))), 256))
-        ]),
-        Vue.createElementVNode("div", { class: "x-test-suit_events" }, [
-          Vue.createElementVNode("button", { onClick: u }, "Tigger Click Event")
-        ]),
-        Vue.createElementVNode("div", N, [
-          Vue.createElementVNode("div", null, [
-            Vue.renderSlot(s.$slots, "default", {}, () => [
-              b
-            ])
-          ]),
-          s.$slots.footer ? (Vue.openBlock(), Vue.createElementBlock("div", $, [
-            Vue.renderSlot(s.$slots, "footer")
-          ])) : Vue.createCommentVNode("", !0)
-        ])
-      ])
-    ]));
-  }
-});
-f.install = function(e) {
-  e.component("XTestSuit", f);
-};
-const _ = /* @__PURE__ */ Vue.defineComponent({
-  __name: "Element",
-  props: {
-    tag: { default: "div" }
-  },
-  setup(e) {
-    const t = e;
-    return (n, o) => (Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(t.tag), null, {
-      default: Vue.withCtx(() => [
-        Vue.renderSlot(n.$slots, "default")
-      ]),
-      _: 3
-    }));
-  }
-});
-_.install = function(e) {
-  e.component("XElement", _);
-};
-function T(e, t = {}) {
-  const n = Vue.ref(!1);
-  let o = null;
-  const u = (c) => p(this, null, function* () {
-    o = echarts.init(e.value);
-    const r = c || VtjUtils.merge(
-      {},
-      t.option,
-      t.optionFactory ? yield t.optionFactory(t.option) : {}
-    );
-    o.setOption(r);
-  }), s = () => {
-    o == null || o.dispose(), u();
-  }, i = VtjUtils.debounce(() => {
-    if (!n.value) {
-      n.value = !0;
-      return;
-    }
-    o == null || o.resize();
-  }, 100);
-  return Vue.onMounted(u), Vue.watch(() => [t.option, t.optionFactory], s), VueUse.useResizeObserver(e, i), {
-    getChart: () => o,
-    echarts,
-    reset: s,
-    resize: i
-  };
-}
-const a = /* @__PURE__ */ Vue.defineComponent({
-  __name: "Chart",
-  props: {
-    width: { default: "100%" },
-    height: { default: "400px" },
-    option: { default: () => ({}) },
-    optionFactory: null
-  },
-  setup(e, { expose: t }) {
-    const n = e, o = Vue.ref(), u = Vue.computed(() => ({
-      width: n.width,
-      height: n.height
-    })), { getChart: s, reset: i, resize: c, echarts: r } = T(o, n);
-    return t({
-      getChart: s,
-      echarts: r,
-      reset: i,
-      resize: c
-    }), (l, z) => (Vue.openBlock(), Vue.createElementBlock("div", {
-      ref_key: "container",
-      ref: o,
-      style: Vue.normalizeStyle(Vue.unref(u))
-    }, "Chart", 4));
-  }
-});
-a.install = function(e) {
-  e.component("XChart", a);
-};
-function x(e, t) {
-  const n = (u) => p(this, null, function* () {
-    const s = V(d({}, u), {
-      title: {},
-      xAxis: {},
-      yAxis: {}
-    });
-    e.category === "x" ? (s.xAxis = { type: "category" }, s.yAxis = {}) : (s.xAxis = {}, s.yAxis = { type: "category" }), s.dataset = {
-      dimensions: e.dimensions,
-      source: typeof e.source == "function" ? yield e.source() : e.source
-    };
-    const i = (e.dimensions || []).length;
-    if (i > 1) {
-      const c = new Array(i - 1);
-      c.fill({ type: t }), s.series = c;
-    }
-    return VtjUtils.merge(
-      s,
-      e.optionFactory ? yield e.optionFactory(s) : {}
-    );
-  }), o = Vue.ref(Symbol("key"));
-  return Vue.watch(
-    () => [e.category, e.dimensions, e.source, e.optionFactory],
-    () => {
-      o.value = Symbol("key");
-    }
-  ), {
-    optionFactory: n,
-    key: o
-  };
-}
-const h = /* @__PURE__ */ Vue.defineComponent({
-  __name: "Bar",
-  props: {
-    category: { default: "x" },
-    dimensions: { default: () => [] },
-    source: { type: [Array, Function], default: () => [] },
-    optionFactory: null
-  },
-  setup(e) {
-    const t = e, { optionFactory: n, key: o } = x(t, "bar");
-    return (u, s) => (Vue.openBlock(), Vue.createBlock(Vue.unref(a), {
-      key: Vue.unref(o),
-      optionFactory: Vue.unref(n)
-    }, null, 8, ["optionFactory"]));
-  }
-});
-h.install = function(e) {
-  e.component("XChartBar", h);
-};
-const k = /* @__PURE__ */ Vue.defineComponent({
-  __name: "Line",
-  props: {
-    category: { default: "x" },
-    dimensions: { default: () => [] },
-    source: { type: [Array, Function], default: () => [] },
-    optionFactory: null
-  },
-  setup(e) {
-    const t = e, { optionFactory: n, key: o } = x(t, "line");
-    return (u, s) => (Vue.openBlock(), Vue.createBlock(Vue.unref(a), {
-      key: Vue.unref(o),
-      optionFactory: Vue.unref(n)
-    }, null, 8, ["optionFactory"]));
-  }
-});
-k.install = function(e) {
-  e.component("XChartLine", k);
-};
-const v = /* @__PURE__ */ Vue.defineComponent({
-  __name: "Pie",
-  props: {
-    dimensions: { default: () => [] },
-    source: { type: [Array, Function], default: () => [] },
-    optionFactory: null
-  },
-  setup(e) {
-    const t = e, n = Vue.ref(Symbol("key")), o = (u) => p(this, null, function* () {
-      const s = V(d({}, u), {
-        dataset: {
-          dimensions: t.dimensions,
-          source: typeof t.source == "function" ? yield t.source() : t.source
-        },
-        series: [
-          {
-            type: "pie"
-          }
-        ]
-      });
-      return VtjUtils.merge(
-        s,
-        t.optionFactory ? yield t.optionFactory(s) : {}
-      );
-    });
-    return Vue.watch(
-      () => [t.dimensions, t.source, t.optionFactory],
-      () => {
-        n.value = Symbol("key");
-      }
-    ), (u, s) => (Vue.openBlock(), Vue.createBlock(Vue.unref(a), {
-      key: n.value,
-      optionFactory: o
-    }));
-  }
-});
-v.install = function(e) {
-  e.component("XChartPie", v);
-};
-export {
-  a as XChart,
-  h as XChartBar,
-  k as XChartLine,
-  v as XChartPie,
-  _ as XElement,
-  f as XTestSuit
-};

package/lib/cdn/index.umd.js

@@ -1 +0,0 @@
-(function(o,i){typeof exports=="object"&&typeof module!="undefined"?i(exports):typeof define=="function"&&define.amd?define(["exports"],i):(o=typeof globalThis!="undefined"?globalThis:o||self,i(o.VtjUI={}))})(this,function(o){"use strict";var A=Object.defineProperty,N=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var X=(o,i,c)=>i in o?A(o,i,{enumerable:!0,configurable:!0,writable:!0,value:c}):o[i]=c,x=(o,i)=>{for(var c in i||(i={}))$.call(i,c)&&X(o,c,i[c]);if(w)for(var c of w(i))j.call(i,c)&&X(o,c,i[c]);return o},S=(o,i)=>N(o,T(i));var m=(o,i,c)=>new Promise((_,y)=>{var h=a=>{try{f(c.next(a))}catch(p){y(p)}},k=a=>{try{f(c.throw(a))}catch(p){y(p)}},f=a=>a.done?_(a.value):Promise.resolve(a.value).then(h,k);f((c=c.apply(o,i)).next())});const i="",c={class:"x-test-suit"},_=Vue.createElementVNode("div",{class:"x-test-suit__header"},"XTestSuit",-1),y={class:"x-test-suit__body"},h={class:"x-test-suit_props"},k={class:"x-test-suit_slots"},f=Vue.createTextVNode(" Default Slot"),a={key:0},p=Vue.defineComponent({__name:"TestSuit",props:{p1:null,p2:null,p3:{type:Boolean},p4:null},emits:["click"],setup(e,{emit:t}){const s=e,n=Vue.computed(()=>[{name:"p1",value:s.p1},{name:"p2",value:s.p2},{name:"p3",value:s.p3},{name:"p4",value:s.p4}]),r=()=>{t("click")};return(u,d)=>(Vue.openBlock(),Vue.createElementBlock("div",c,[_,Vue.createElementVNode("div",y,[Vue.createElementVNode("div",h,[(Vue.openBlock(!0),Vue.createElementBlock(Vue.Fragment,null,Vue.renderList(Vue.unref(n),l=>(Vue.openBlock(),Vue.createElementBlock("div",null,Vue.toDisplayString(l.name)+": "+Vue.toDisplayString(JSON.stringify(l.value)),1))),256))]),Vue.createElementVNode("div",{class:"x-test-suit_events"},[Vue.createElementVNode("button",{onClick:r},"Tigger Click Event")]),Vue.createElementVNode("div",k,[Vue.createElementVNode("div",null,[Vue.renderSlot(u.$slots,"default",{},()=>[f])]),u.$slots.footer?(Vue.openBlock(),Vue.createElementBlock("div",a,[Vue.renderSlot(u.$slots,"footer")])):Vue.createCommentVNode("",!0)])])]))}});p.install=function(e){e.component("XTestSuit",p)};const v=Vue.defineComponent({__name:"Element",props:{tag:{default:"div"}},setup(e){const t=e;return(s,n)=>(Vue.openBlock(),Vue.createBlock(Vue.resolveDynamicComponent(t.tag),null,{default:Vue.withCtx(()=>[Vue.renderSlot(s.$slots,"default")]),_:3}))}});v.install=function(e){e.component("XElement",v)};function b(e,t={}){const s=Vue.ref(!1);let n=null;const r=l=>m(this,null,function*(){n=echarts.init(e.value);const B=l||VtjUtils.merge({},t.option,t.optionFactory?yield t.optionFactory(t.option):{});n.setOption(B)}),u=()=>{n==null||n.dispose(),r()},d=VtjUtils.debounce(()=>{if(!s.value){s.value=!0;return}n==null||n.resize()},100);return Vue.onMounted(r),Vue.watch(()=>[t.option,t.optionFactory],u),VueUse.useResizeObserver(e,d),{getChart:()=>n,echarts,reset:u,resize:d}}const V=Vue.defineComponent({__name:"Chart",props:{width:{default:"100%"},height:{default:"400px"},option:{default:()=>({})},optionFactory:null},setup(e,{expose:t}){const s=e,n=Vue.ref(),r=Vue.computed(()=>({width:s.width,height:s.height})),{getChart:u,reset:d,resize:l,echarts:B}=b(n,s);return t({getChart:u,echarts:B,reset:d,resize:l}),(U,z)=>(Vue.openBlock(),Vue.createElementBlock("div",{ref_key:"container",ref:n,style:Vue.normalizeStyle(Vue.unref(r))},"Chart",4))}});V.install=function(e){e.component("XChart",V)};function E(e,t){const s=r=>m(this,null,function*(){const u=S(x({},r),{title:{},xAxis:{},yAxis:{}});e.category==="x"?(u.xAxis={type:"category"},u.yAxis={}):(u.xAxis={},u.yAxis={type:"category"}),u.dataset={dimensions:e.dimensions,source:typeof e.source=="function"?yield e.source():e.source};const d=(e.dimensions||[]).length;if(d>1){const l=new Array(d-1);l.fill({type:t}),u.series=l}return VtjUtils.merge(u,e.optionFactory?yield e.optionFactory(u):{})}),n=Vue.ref(Symbol("key"));return Vue.watch(()=>[e.category,e.dimensions,e.source,e.optionFactory],()=>{n.value=Symbol("key")}),{optionFactory:s,key:n}}const g=Vue.defineComponent({__name:"Bar",props:{category:{default:"x"},dimensions:{default:()=>[]},source:{type:[Array,Function],default:()=>[]},optionFactory:null},setup(e){const t=e,{optionFactory:s,key:n}=E(t,"bar");return(r,u)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(V),{key:Vue.unref(n),optionFactory:Vue.unref(s)},null,8,["optionFactory"]))}});g.install=function(e){e.component("XChartBar",g)};const C=Vue.defineComponent({__name:"Line",props:{category:{default:"x"},dimensions:{default:()=>[]},source:{type:[Array,Function],default:()=>[]},optionFactory:null},setup(e){const t=e,{optionFactory:s,key:n}=E(t,"line");return(r,u)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(V),{key:Vue.unref(n),optionFactory:Vue.unref(s)},null,8,["optionFactory"]))}});C.install=function(e){e.component("XChartLine",C)};const F=Vue.defineComponent({__name:"Pie",props:{dimensions:{default:()=>[]},source:{type:[Array,Function],default:()=>[]},optionFactory:null},setup(e){const t=e,s=Vue.ref(Symbol("key")),n=r=>m(this,null,function*(){const u=S(x({},r),{dataset:{dimensions:t.dimensions,source:typeof t.source=="function"?yield t.source():t.source},series:[{type:"pie"}]});return VtjUtils.merge(u,t.optionFactory?yield t.optionFactory(u):{})});return Vue.watch(()=>[t.dimensions,t.source,t.optionFactory],()=>{s.value=Symbol("key")}),(r,u)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(V),{key:s.value,optionFactory:n}))}});F.install=function(e){e.component("XChartPie",F)},o.XChart=V,o.XChartBar=g,o.XChartLine=C,o.XChartPie=F,o.XElement=v,o.XTestSuit=p,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/lib/cdn/style.css

@@ -1 +0,0 @@
-.x-test-suit{width:100%;height:100%;border:1px solid #ccc}.x-test-suit__header{padding:5px 10px;background-color:#efefef}.x-test-suit__body{padding:10px}

package/lib/index.cjs.js

@@ -1 +0,0 @@
-"use strict";var S=Object.defineProperty,b=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,X=Object.prototype.propertyIsEnumerable;var F=(t,n,o)=>n in t?S(t,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[n]=o,m=(t,n)=>{for(var o in n||(n={}))w.call(n,o)&&F(t,o,n[o]);if(C)for(var o of C(n))X.call(n,o)&&F(t,o,n[o]);return t},f=(t,n)=>b(t,E(n));var d=(t,n,o)=>new Promise((r,s)=>{var c=a=>{try{i(o.next(a))}catch(p){s(p)}},l=a=>{try{i(o.throw(a))}catch(p){s(p)}},i=a=>a.done?r(a.value):Promise.resolve(a.value).then(c,l);i((o=o.apply(t,n)).next())});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("echarts"),A=require("@vueuse/core"),y=require("@vtj/utils");function O(t){if(t&&t.__esModule)return t;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(n,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return n.default=t,Object.freeze(n)}const x=O(N);const V={class:"x-test-suit"},$=e.createElementVNode("div",{class:"x-test-suit__header"},"XTestSuit",-1),T={class:"x-test-suit__body"},j={class:"x-test-suit_props"},z={class:"x-test-suit_slots"},P=e.createTextVNode(" Default Slot"),D={key:0},_=e.defineComponent({__name:"TestSuit",props:{p1:null,p2:null,p3:{type:Boolean},p4:null},emits:["click"],setup(t,{emit:n}){const o=t,r=e.computed(()=>[{name:"p1",value:o.p1},{name:"p2",value:o.p2},{name:"p3",value:o.p3},{name:"p4",value:o.p4}]),s=()=>{n("click")};return(c,l)=>(e.openBlock(),e.createElementBlock("div",V,[$,e.createElementVNode("div",T,[e.createElementVNode("div",j,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),i=>(e.openBlock(),e.createElementBlock("div",null,e.toDisplayString(i.name)+": "+e.toDisplayString(JSON.stringify(i.value)),1))),256))]),e.createElementVNode("div",{class:"x-test-suit_events"},[e.createElementVNode("button",{onClick:s},"Tigger Click Event")]),e.createElementVNode("div",z,[e.createElementVNode("div",null,[e.renderSlot(c.$slots,"default",{},()=>[P])]),c.$slots.footer?(e.openBlock(),e.createElementBlock("div",D,[e.renderSlot(c.$slots,"footer")])):e.createCommentVNode("",!0)])])]))}});_.install=function(t){t.component("XTestSuit",_)};const h=e.defineComponent({__name:"Element",props:{tag:{default:"div"}},setup(t){const n=t;return(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.tag),null,{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3}))}});h.install=function(t){t.component("XElement",h)};function L(t,n={}){const o=e.ref(!1);let r=null;const s=i=>d(this,null,function*(){r=x.init(t.value);const a=i||y.merge({},n.option,n.optionFactory?yield n.optionFactory(n.option):{});r.setOption(a)}),c=()=>{r==null||r.dispose(),s()},l=y.debounce(()=>{if(!o.value){o.value=!0;return}r==null||r.resize()},100);return e.onMounted(s),e.watch(()=>[n.option,n.optionFactory],c),A.useResizeObserver(t,l),{getChart:()=>r,echarts:x,reset:c,resize:l}}const u=e.defineComponent({__name:"Chart",props:{width:{default:"100%"},height:{default:"400px"},option:{default:()=>({})},optionFactory:null},setup(t,{expose:n}){const o=t,r=e.ref(),s=e.computed(()=>({width:o.width,height:o.height})),{getChart:c,reset:l,resize:i,echarts:a}=L(r,o);return n({getChart:c,echarts:a,reset:l,resize:i}),(p,M)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:r,style:e.normalizeStyle(e.unref(s))},"Chart",4))}});u.install=function(t){t.component("XChart",u)};function B(t,n){const o=s=>d(this,null,function*(){const c=f(m({},s),{title:{},xAxis:{},yAxis:{}});t.category==="x"?(c.xAxis={type:"category"},c.yAxis={}):(c.xAxis={},c.yAxis={type:"category"}),c.dataset={dimensions:t.dimensions,source:typeof t.source=="function"?yield t.source():t.source};const l=(t.dimensions||[]).length;if(l>1){const i=new Array(l-1);i.fill({type:n}),c.series=i}return y.merge(c,t.optionFactory?yield t.optionFactory(c):{})}),r=e.ref(Symbol("key"));return e.watch(()=>[t.category,t.dimensions,t.source,t.optionFactory],()=>{r.value=Symbol("key")}),{optionFactory:o,key:r}}const k=e.defineComponent({__name:"Bar",props:{category:{default:"x"},dimensions:{default:()=>[]},source:{type:[Array,Function],default:()=>[]},optionFactory:null},setup(t){const n=t,{optionFactory:o,key:r}=B(n,"bar");return(s,c)=>(e.openBlock(),e.createBlock(e.unref(u),{key:e.unref(r),optionFactory:e.unref(o)},null,8,["optionFactory"]))}});k.install=function(t){t.component("XChartBar",k)};const v=e.defineComponent({__name:"Line",props:{category:{default:"x"},dimensions:{default:()=>[]},source:{type:[Array,Function],default:()=>[]},optionFactory:null},setup(t){const n=t,{optionFactory:o,key:r}=B(n,"line");return(s,c)=>(e.openBlock(),e.createBlock(e.unref(u),{key:e.unref(r),optionFactory:e.unref(o)},null,8,["optionFactory"]))}});v.install=function(t){t.component("XChartLine",v)};const g=e.defineComponent({__name:"Pie",props:{dimensions:{default:()=>[]},source:{type:[Array,Function],default:()=>[]},optionFactory:null},setup(t){const n=t,o=e.ref(Symbol("key")),r=s=>d(this,null,function*(){const c=f(m({},s),{dataset:{dimensions:n.dimensions,source:typeof n.source=="function"?yield n.source():n.source},series:[{type:"pie"}]});return y.merge(c,n.optionFactory?yield n.optionFactory(c):{})});return e.watch(()=>[n.dimensions,n.source,n.optionFactory],()=>{o.value=Symbol("key")}),(s,c)=>(e.openBlock(),e.createBlock(e.unref(u),{key:o.value,optionFactory:r}))}});g.install=function(t){t.component("XChartPie",g)};exports.XChart=u;exports.XChartBar=k;exports.XChartLine=v;exports.XChartPie=g;exports.XElement=h;exports.XTestSuit=_;

package/lib/index.es.js

@@ -1,265 +0,0 @@
-var N = Object.defineProperty, D = Object.defineProperties;
-var O = Object.getOwnPropertyDescriptors;
-var S = Object.getOwnPropertySymbols;
-var P = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
-var X = (t, e, o) => e in t ? N(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, x = (t, e) => {
-  for (var o in e || (e = {}))
-    P.call(e, o) && X(t, o, e[o]);
-  if (S)
-    for (var o of S(e))
-      V.call(e, o) && X(t, o, e[o]);
-  return t;
-}, F = (t, e) => D(t, O(e));
-var f = (t, e, o) => new Promise((n, i) => {
-  var s = (r) => {
-    try {
-      a(o.next(r));
-    } catch (_) {
-      i(_);
-    }
-  }, c = (r) => {
-    try {
-      a(o.throw(r));
-    } catch (_) {
-      i(_);
-    }
-  }, a = (r) => r.done ? n(r.value) : Promise.resolve(r.value).then(s, c);
-  a((o = o.apply(t, e)).next());
-});
-import { defineComponent as y, computed as z, openBlock as u, createElementBlock as d, createElementVNode as p, Fragment as R, renderList as J, unref as l, toDisplayString as w, renderSlot as g, createCommentVNode as M, createTextVNode as j, createBlock as h, resolveDynamicComponent as q, withCtx as G, ref as v, onMounted as H, watch as k, normalizeStyle as I } from "vue";
-import * as A from "echarts";
-import { useResizeObserver as K } from "@vueuse/core";
-import { debounce as Q, merge as C } from "@vtj/utils";
-const U = { class: "x-test-suit" }, W = /* @__PURE__ */ p("div", { class: "x-test-suit__header" }, "XTestSuit", -1), Y = { class: "x-test-suit__body" }, Z = { class: "x-test-suit_props" }, tt = { class: "x-test-suit_slots" }, et = /* @__PURE__ */ j(" Default Slot"), ot = { key: 0 }, b = /* @__PURE__ */ y({
-  __name: "TestSuit",
-  props: {
-    p1: null,
-    p2: null,
-    p3: { type: Boolean },
-    p4: null
-  },
-  emits: ["click"],
-  setup(t, { emit: e }) {
-    const o = t, n = z(() => [
-      { name: "p1", value: o.p1 },
-      { name: "p2", value: o.p2 },
-      { name: "p3", value: o.p3 },
-      { name: "p4", value: o.p4 }
-    ]), i = () => {
-      e("click");
-    };
-    return (s, c) => (u(), d("div", U, [
-      W,
-      p("div", Y, [
-        p("div", Z, [
-          (u(!0), d(R, null, J(l(n), (a) => (u(), d("div", null, w(a.name) + ": " + w(JSON.stringify(a.value)), 1))), 256))
-        ]),
-        p("div", { class: "x-test-suit_events" }, [
-          p("button", { onClick: i }, "Tigger Click Event")
-        ]),
-        p("div", tt, [
-          p("div", null, [
-            g(s.$slots, "default", {}, () => [
-              et
-            ])
-          ]),
-          s.$slots.footer ? (u(), d("div", ot, [
-            g(s.$slots, "footer")
-          ])) : M("", !0)
-        ])
-      ])
-    ]));
-  }
-});
-b.install = function(t) {
-  t.component("XTestSuit", b);
-};
-const $ = /* @__PURE__ */ y({
-  __name: "Element",
-  props: {
-    tag: { default: "div" }
-  },
-  setup(t) {
-    const e = t;
-    return (o, n) => (u(), h(q(e.tag), null, {
-      default: G(() => [
-        g(o.$slots, "default")
-      ]),
-      _: 3
-    }));
-  }
-});
-$.install = function(t) {
-  t.component("XElement", $);
-};
-function nt(t, e = {}) {
-  const o = v(!1);
-  let n = null;
-  const i = (a) => f(this, null, function* () {
-    n = A.init(t.value);
-    const r = a || C(
-      {},
-      e.option,
-      e.optionFactory ? yield e.optionFactory(e.option) : {}
-    );
-    n.setOption(r);
-  }), s = () => {
-    n == null || n.dispose(), i();
-  }, c = Q(() => {
-    if (!o.value) {
-      o.value = !0;
-      return;
-    }
-    n == null || n.resize();
-  }, 100);
-  return H(i), k(() => [e.option, e.optionFactory], s), K(t, c), {
-    getChart: () => n,
-    echarts: A,
-    reset: s,
-    resize: c
-  };
-}
-const m = /* @__PURE__ */ y({
-  __name: "Chart",
-  props: {
-    width: { default: "100%" },
-    height: { default: "400px" },
-    option: { default: () => ({}) },
-    optionFactory: null
-  },
-  setup(t, { expose: e }) {
-    const o = t, n = v(), i = z(() => ({
-      width: o.width,
-      height: o.height
-    })), { getChart: s, reset: c, resize: a, echarts: r } = nt(n, o);
-    return e({
-      getChart: s,
-      echarts: r,
-      reset: c,
-      resize: a
-    }), (_, st) => (u(), d("div", {
-      ref_key: "container",
-      ref: n,
-      style: I(l(i))
-    }, "Chart", 4));
-  }
-});
-m.install = function(t) {
-  t.component("XChart", m);
-};
-function L(t, e) {
-  const o = (i) => f(this, null, function* () {
-    const s = F(x({}, i), {
-      title: {},
-      xAxis: {},
-      yAxis: {}
-    });
-    t.category === "x" ? (s.xAxis = { type: "category" }, s.yAxis = {}) : (s.xAxis = {}, s.yAxis = { type: "category" }), s.dataset = {
-      dimensions: t.dimensions,
-      source: typeof t.source == "function" ? yield t.source() : t.source
-    };
-    const c = (t.dimensions || []).length;
-    if (c > 1) {
-      const a = new Array(c - 1);
-      a.fill({ type: e }), s.series = a;
-    }
-    return C(
-      s,
-      t.optionFactory ? yield t.optionFactory(s) : {}
-    );
-  }), n = v(Symbol("key"));
-  return k(
-    () => [t.category, t.dimensions, t.source, t.optionFactory],
-    () => {
-      n.value = Symbol("key");
-    }
-  ), {
-    optionFactory: o,
-    key: n
-  };
-}
-const B = /* @__PURE__ */ y({
-  __name: "Bar",
-  props: {
-    category: { default: "x" },
-    dimensions: { default: () => [] },
-    source: { type: [Array, Function], default: () => [] },
-    optionFactory: null
-  },
-  setup(t) {
-    const e = t, { optionFactory: o, key: n } = L(e, "bar");
-    return (i, s) => (u(), h(l(m), {
-      key: l(n),
-      optionFactory: l(o)
-    }, null, 8, ["optionFactory"]));
-  }
-});
-B.install = function(t) {
-  t.component("XChartBar", B);
-};
-const E = /* @__PURE__ */ y({
-  __name: "Line",
-  props: {
-    category: { default: "x" },
-    dimensions: { default: () => [] },
-    source: { type: [Array, Function], default: () => [] },
-    optionFactory: null
-  },
-  setup(t) {
-    const e = t, { optionFactory: o, key: n } = L(e, "line");
-    return (i, s) => (u(), h(l(m), {
-      key: l(n),
-      optionFactory: l(o)
-    }, null, 8, ["optionFactory"]));
-  }
-});
-E.install = function(t) {
-  t.component("XChartLine", E);
-};
-const T = /* @__PURE__ */ y({
-  __name: "Pie",
-  props: {
-    dimensions: { default: () => [] },
-    source: { type: [Array, Function], default: () => [] },
-    optionFactory: null
-  },
-  setup(t) {
-    const e = t, o = v(Symbol("key")), n = (i) => f(this, null, function* () {
-      const s = F(x({}, i), {
-        dataset: {
-          dimensions: e.dimensions,
-          source: typeof e.source == "function" ? yield e.source() : e.source
-        },
-        series: [
-          {
-            type: "pie"
-          }
-        ]
-      });
-      return C(
-        s,
-        e.optionFactory ? yield e.optionFactory(s) : {}
-      );
-    });
-    return k(
-      () => [e.dimensions, e.source, e.optionFactory],
-      () => {
-        o.value = Symbol("key");
-      }
-    ), (i, s) => (u(), h(l(m), {
-      key: o.value,
-      optionFactory: n
-    }));
-  }
-});
-T.install = function(t) {
-  t.component("XChartPie", T);
-};
-export {
-  m as XChart,
-  B as XChartBar,
-  E as XChartLine,
-  T as XChartPie,
-  $ as XElement,
-  b as XTestSuit
-};

package/lib/index.umd.js

@@ -1 +0,0 @@
-(function(o,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue"),require("echarts"),require("@vueuse/core"),require("@vtj/utils")):typeof define=="function"&&define.amd?define(["exports","vue","echarts","@vueuse/core","@vtj/utils"],t):(o=typeof globalThis!="undefined"?globalThis:o||self,t(o.VtjUI={},o.vue,o.echarts,o.core,o.utils))})(this,function(o,t,i,k,p){"use strict";var P=Object.defineProperty,D=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var A=(o,t,i)=>t in o?P(o,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):o[t]=i,b=(o,t)=>{for(var i in t||(t={}))M.call(t,i)&&A(o,i,t[i]);if(N)for(var i of N(t))q.call(t,i)&&A(o,i,t[i]);return o},w=(o,t)=>D(o,L(t));var h=(o,t,i)=>new Promise((k,p)=>{var g=l=>{try{_(i.next(l))}catch(y){p(y)}},m=l=>{try{_(i.throw(l))}catch(y){p(y)}},_=l=>l.done?k(l.value):Promise.resolve(l.value).then(g,m);_((i=i.apply(o,t)).next())});function g(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const m=g(i),_="",l={class:"x-test-suit"},y=t.createElementVNode("div",{class:"x-test-suit__header"},"XTestSuit",-1),T={class:"x-test-suit__body"},V={class:"x-test-suit_props"},j={class:"x-test-suit_slots"},O=t.createTextVNode(" Default Slot"),$={key:0},C=t.defineComponent({__name:"TestSuit",props:{p1:null,p2:null,p3:{type:Boolean},p4:null},emits:["click"],setup(e,{emit:n}){const r=e,c=t.computed(()=>[{name:"p1",value:r.p1},{name:"p2",value:r.p2},{name:"p3",value:r.p3},{name:"p4",value:r.p4}]),a=()=>{n("click")};return(s,d)=>(t.openBlock(),t.createElementBlock("div",l,[y,t.createElementVNode("div",T,[t.createElementVNode("div",V,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(c),u=>(t.openBlock(),t.createElementBlock("div",null,t.toDisplayString(u.name)+": "+t.toDisplayString(JSON.stringify(u.value)),1))),256))]),t.createElementVNode("div",{class:"x-test-suit_events"},[t.createElementVNode("button",{onClick:a},"Tigger Click Event")]),t.createElementVNode("div",j,[t.createElementVNode("div",null,[t.renderSlot(s.$slots,"default",{},()=>[O])]),s.$slots.footer?(t.openBlock(),t.createElementBlock("div",$,[t.renderSlot(s.$slots,"footer")])):t.createCommentVNode("",!0)])])]))}});C.install=function(e){e.component("XTestSuit",C)};const F=t.defineComponent({__name:"Element",props:{tag:{default:"div"}},setup(e){const n=e;return(r,c)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.tag),null,{default:t.withCtx(()=>[t.renderSlot(r.$slots,"default")]),_:3}))}});F.install=function(e){e.component("XElement",F)};function z(e,n={}){const r=t.ref(!1);let c=null;const a=u=>h(this,null,function*(){c=m.init(e.value);const E=u||p.merge({},n.option,n.optionFactory?yield n.optionFactory(n.option):{});c.setOption(E)}),s=()=>{c==null||c.dispose(),a()},d=p.debounce(()=>{if(!r.value){r.value=!0;return}c==null||c.resize()},100);return t.onMounted(a),t.watch(()=>[n.option,n.optionFactory],s),k.useResizeObserver(e,d),{getChart:()=>c,echarts:m,reset:s,resize:d}}const f=t.defineComponent({__name:"Chart",props:{width:{default:"100%"},height:{default:"400px"},option:{default:()=>({})},optionFactory:null},setup(e,{expose:n}){const r=e,c=t.ref(),a=t.computed(()=>({width:r.width,height:r.height})),{getChart:s,reset:d,resize:u,echarts:E}=z(c,r);return n({getChart:s,echarts:E,reset:d,resize:u}),(R,I)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"container",ref:c,style:t.normalizeStyle(t.unref(a))},"Chart",4))}});f.install=function(e){e.component("XChart",f)};function X(e,n){const r=a=>h(this,null,function*(){const s=w(b({},a),{title:{},xAxis:{},yAxis:{}});e.category==="x"?(s.xAxis={type:"category"},s.yAxis={}):(s.xAxis={},s.yAxis={type:"category"}),s.dataset={dimensions:e.dimensions,source:typeof e.source=="function"?yield e.source():e.source};const d=(e.dimensions||[]).length;if(d>1){const u=new Array(d-1);u.fill({type:n}),s.series=u}return p.merge(s,e.optionFactory?yield e.optionFactory(s):{})}),c=t.ref(Symbol("key"));return t.watch(()=>[e.category,e.dimensions,e.source,e.optionFactory],()=>{c.value=Symbol("key")}),{optionFactory:r,key:c}}const B=t.defineComponent({__name:"Bar",props:{category:{default:"x"},dimensions:{default:()=>[]},source:{type:[Array,Function],default:()=>[]},optionFactory:null},setup(e){const n=e,{optionFactory:r,key:c}=X(n,"bar");return(a,s)=>(t.openBlock(),t.createBlock(t.unref(f),{key:t.unref(c),optionFactory:t.unref(r)},null,8,["optionFactory"]))}});B.install=function(e){e.component("XChartBar",B)};const x=t.defineComponent({__name:"Line",props:{category:{default:"x"},dimensions:{default:()=>[]},source:{type:[Array,Function],default:()=>[]},optionFactory:null},setup(e){const n=e,{optionFactory:r,key:c}=X(n,"line");return(a,s)=>(t.openBlock(),t.createBlock(t.unref(f),{key:t.unref(c),optionFactory:t.unref(r)},null,8,["optionFactory"]))}});x.install=function(e){e.component("XChartLine",x)};const S=t.defineComponent({__name:"Pie",props:{dimensions:{default:()=>[]},source:{type:[Array,Function],default:()=>[]},optionFactory:null},setup(e){const n=e,r=t.ref(Symbol("key")),c=a=>h(this,null,function*(){const s=w(b({},a),{dataset:{dimensions:n.dimensions,source:typeof n.source=="function"?yield n.source():n.source},series:[{type:"pie"}]});return p.merge(s,n.optionFactory?yield n.optionFactory(s):{})});return t.watch(()=>[n.dimensions,n.source,n.optionFactory],()=>{r.value=Symbol("key")}),(a,s)=>(t.openBlock(),t.createBlock(t.unref(f),{key:r.value,optionFactory:c}))}});S.install=function(e){e.component("XChartPie",S)},o.XChart=f,o.XChartBar=B,o.XChartLine=x,o.XChartPie=S,o.XElement=F,o.XTestSuit=C,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/src/components/XChart/Chart.vue

@@ -1,42 +0,0 @@
-<template>
-  <div ref="container" :style="style">Chart</div>
-</template>
-<script lang="ts" setup>
-import { ref, computed } from 'vue';
-import useECharts from '../../hooks/useECharts';
-
-export type IOptionFactory = (
-  opt?: Record<string, any>
-) => Promise<Record<string, any>>;
-
-export interface IProps {
-  width?: string;
-  height?: string;
-  option?: Record<string, any>;
-  optionFactory?: IOptionFactory;
-}
-
-const props = withDefaults(defineProps<IProps>(), {
-  width: '100%',
-  height: '400px',
-  option: () => ({})
-});
-
-const container = ref<HTMLElement>();
-
-const style = computed(() => {
-  return {
-    width: props.width,
-    height: props.height
-  };
-});
-
-const { getChart, reset, resize, echarts } = useECharts(container, props);
-
-defineExpose({
-  getChart,
-  echarts,
-  reset,
-  resize
-});
-</script>