@ibiz-template/mob-vue3-components 0.0.1-alpha.19

package/es/control/calendar/calendar.d.ts

@@ -0,0 +1,65 @@
+import { PropType } from 'vue';
+import { ISysCalendar } from '@ibiz/model-core';
+import './calendar.scss';
+import { CalendarController, ICalendarItemData, IControlProvider } from '@ibiz-template/runtime';
+import 'vue3-hash-calendar/es/index.css';
+export declare const CalendarControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<ISysCalendar>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: CalendarController;
+    ns: import("@ibiz-template/core").Namespace;
+    calendarRef: import("vue").Ref<IData | undefined>;
+    selectDate: (tag: string) => void;
+    markDate: import("vue").ComputedRef<IData>;
+    calcItemStyle: (data: ICalendarItemData) => IData;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<ISysCalendar>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    loadDefault: boolean;
+    mdctrlActiveMode: number;
+}, {}>;

package/es/control/calendar/calendar.mjs

@@ -0,0 +1,203 @@
+import { isVNode, ref, watch, computed, createVNode, resolveComponent, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import './calendar.css';
+import { CalendarController } from '@ibiz-template/runtime';
+import { isNil } from 'ramda';
+import dayjs from 'dayjs';
+import stdin_default from '../../node_modules/.pnpm/vue3-hash-calendar@1.1.3_vue@3.3.8/node_modules/vue3-hash-calendar/es/index.mjs';
+import 'vue3-hash-calendar/es/index.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const CalendarControl = /* @__PURE__ */ defineComponent({
+  name: "IBizCalendarControl",
+  components: {
+    VueHashCalendar: stdin_default
+  },
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    mdctrlActiveMode: {
+      type: Number,
+      default: void 0
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new CalendarController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const calendarRef = ref();
+    const selectDate = (tag) => {
+      if (!calendarRef.value)
+        return;
+      calendarRef.value.selectDate(tag);
+    };
+    watch(() => c.state.selectedDate, (oldVal, newVal) => {
+      const oldDateString = dayjs(oldVal).format("YYYY-MM");
+      const newDateString = dayjs(newVal).format("YYYY-MM");
+      if (oldDateString === newDateString) {
+        return;
+      }
+      c.load();
+    });
+    const calcItemStyle = (data) => {
+      return {
+        color: data.color,
+        backgroundColor: data.bkColor
+      };
+    };
+    const markDate = computed(() => {
+      const filterSameDayAndUniqueType = (itemData, index, arr) => {
+        const dateString = dayjs(new Date(itemData.beginTime)).format("YYYY-MM-DD");
+        const isSameDayAndUniqueType = arr.findIndex((item) => dateString === dayjs(new Date(item.beginTime)).format("YYYY-MM-DD") && item.itemType === itemData.itemType) === index;
+        return isSameDayAndUniqueType;
+      };
+      const date = c.state.items.filter(filterSameDayAndUniqueType).map((item) => {
+        const _date = new Date(item.beginTime);
+        return {
+          date: item.beginTime,
+          type: item.itemType,
+          day: _date.getDate(),
+          month: _date.getMonth(),
+          year: _date.getFullYear(),
+          data: item
+        };
+      });
+      return date;
+    });
+    return {
+      c,
+      ns,
+      calendarRef,
+      selectDate,
+      markDate,
+      calcItemStyle
+    };
+  },
+  render() {
+    const renderMarker = (date) => {
+      const arr = this.markDate.filter((item) => item.day === date.day && item.month === date.month && item.year === date.year);
+      return arr.map((item) => {
+        const style = this.calcItemStyle(item.data);
+        return createVNode("div", {
+          "class": [this.ns.em("mark", "item"), this.ns.em("mark", item.type)],
+          "style": style
+        }, null);
+      });
+    };
+    const renderPanelItem = (item, modelData) => {
+      const {
+        context,
+        params
+      } = this.c;
+      const findIndex = this.c.state.selectedData.findIndex((data) => {
+        return data.deData.srfkey === item.deData.srfkey;
+      });
+      const itemClass = [this.ns.b("item"), this.ns.is("active", findIndex !== -1)];
+      return createVNode(resolveComponent("iBizControlShell"), {
+        "class": itemClass,
+        "data": item.deData,
+        "modelData": modelData,
+        "context": context,
+        "params": params,
+        "onClick": (e) => {
+          e.stopPropagation();
+          return this.c.onRowClick(item);
+        },
+        "onDblclick": (e) => {
+          e.stopPropagation();
+          return this.c.onDbRowClick(item);
+        }
+      }, null);
+    };
+    const renderDefaultItem = (item) => {
+      const findIndex = this.c.state.selectedData.findIndex((data) => {
+        return data.deData.srfkey === item.deData.srfkey;
+      });
+      const itemClass = [this.ns.b("item"), this.ns.is("active", findIndex !== -1)];
+      return createVNode("div", {
+        "class": itemClass,
+        "key": item.deData.srfkey,
+        "onClick": () => this.c.onRowClick(item),
+        "onDblclick": () => this.c.onDbRowClick(item)
+      }, [`${isNil(item.text) ? "---" : item.text}`]);
+    };
+    const renderCalendarList = (items) => {
+      return items.map((item) => {
+        var _a;
+        const model = (_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.find((calendarItems) => {
+          return item.itemType === calendarItems.itemType;
+        });
+        const panel = model.layoutPanel;
+        return panel ? renderPanelItem(item, panel) : renderDefaultItem(item);
+      });
+    };
+    const renderCalendarListByItemType = (itemType) => {
+      const list = this.c.state.items.filter((item) => item.itemType === itemType);
+      return renderCalendarList(list);
+    };
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [createVNode("div", {
+        "class": this.ns.b("content")
+      }, [createVNode(stdin_default, {
+        "show-week-view": true,
+        "onChange": (date) => {
+          this.c.state.selectedDate = date;
+        },
+        "ref": "calendarRef"
+      }, {
+        day: ({
+          date
+        }) => {
+          return createVNode("div", {
+            "class": this.ns.e("day")
+          }, [createVNode("span", null, [date == null ? void 0 : date.day]), createVNode("div", {
+            "class": this.ns.e("mark")
+          }, [renderMarker(date)])]);
+        }
+      })]), createVNode("div", {
+        "class": this.ns.b("footer")
+      }, [createVNode(resolveComponent("van-tabs"), null, {
+        default: () => {
+          var _a;
+          return [(_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.map((calendarItem) => {
+            let _slot;
+            let label = calendarItem.name;
+            if (calendarItem.nameLanguageRes) {
+              label = ibiz.i18n.t(calendarItem.nameLanguageRes.lanResTag, calendarItem.name);
+            }
+            return createVNode(resolveComponent("van-tab"), {
+              "title": label
+            }, {
+              default: () => [createVNode(resolveComponent("van-list"), null, _isSlot(_slot = renderCalendarListByItemType(calendarItem.itemType)) ? _slot : {
+                default: () => [_slot]
+              })]
+            });
+          })];
+        }
+      })])]
+    });
+  }
+});
+
+export { CalendarControl };

package/es/control/calendar/calendar.provider.d.ts

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 树适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class CalendarProvider
+ * @implements {IControlProvider}
+ */
+export declare class CalendarProvider implements IControlProvider {
+    component: string;
+}

package/es/control/calendar/calendar.provider.mjs

@@ -0,0 +1,14 @@
+"use strict";
+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);
+  return value;
+};
+class CalendarProvider {
+  constructor() {
+    __publicField(this, "component", "IBizCalendarControl");
+  }
+}
+
+export { CalendarProvider };

package/es/control/calendar/index.d.ts

@@ -0,0 +1,62 @@
+export * from './calendar.provider';
+export declare const IBizCalendarControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").ISysCalendar>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: import("@ibiz-template/runtime").CalendarController;
+    ns: import("@ibiz-template/core").Namespace;
+    calendarRef: import("vue").Ref<IData | undefined>;
+    selectDate: (tag: string) => void;
+    markDate: import("vue").ComputedRef<IData>;
+    calcItemStyle: (data: import("@ibiz-template/runtime").ICalendarItemData) => IData;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").ISysCalendar>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    loadDefault: boolean;
+    mdctrlActiveMode: number;
+}, {}>>;
+export default IBizCalendarControl;

package/es/control/calendar/index.mjs

@@ -0,0 +1,15 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { CalendarControl } from './calendar.mjs';
+import { CalendarProvider } from './calendar.provider.mjs';
+
+"use strict";
+const IBizCalendarControl = withInstall(
+  CalendarControl,
+  function(v) {
+    v.component(CalendarControl.name, CalendarControl);
+    registerControlProvider(ControlType.CALENDAR, () => new CalendarProvider());
+  }
+);
+
+export { CalendarProvider, IBizCalendarControl, IBizCalendarControl as default };

package/es/control/caption-bar/caption-bar.css

@@ -0,0 +1 @@
+.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:40px;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:0 var(--ibiz-spacing-base)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}

package/es/control/caption-bar/caption-bar.d.ts

@@ -0,0 +1,36 @@
+import { PropType } from 'vue';
+import { ICaptionBar } from '@ibiz/model-core';
+import './caption-bar.scss';
+import { CaptionBarController } from '@ibiz-template/runtime';
+export declare const CaptionBarControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<ICaptionBar>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+}, {
+    c: CaptionBarController;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<ICaptionBar>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+}>>, {
+    params: IParams;
+}, {}>;

package/es/control/caption-bar/caption-bar.mjs

@@ -0,0 +1,45 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import './caption-bar.css';
+import { CaptionBarController } from '@ibiz-template/runtime';
+
+"use strict";
+const CaptionBarControl = /* @__PURE__ */ defineComponent({
+  name: "IBizCaptionBarControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new CaptionBarController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    return {
+      c,
+      ns
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c,
+      "class": [this.ns.b(), this.ns.is("hasSub", Boolean(this.modelData.subCaption))]
+    }, {
+      default: () => [createVNode("div", {
+        "class": this.ns.b("caption")
+      }, [this.c.state.caption]), this.modelData.subCaption && createVNode("div", {
+        "class": this.ns.b("sub-caption")
+      }, [this.modelData.subCaption])]
+    });
+  }
+});
+
+export { CaptionBarControl };

package/es/control/caption-bar/caption-bar.provider.d.ts

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 标题栏适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class CaptionBarProvider
+ * @implements {IControlProvider}
+ */
+export declare class CaptionBarProvider implements IControlProvider {
+    component: string;
+}

package/es/control/caption-bar/caption-bar.provider.mjs

@@ -0,0 +1,14 @@
+"use strict";
+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);
+  return value;
+};
+class CaptionBarProvider {
+  constructor() {
+    __publicField(this, "component", "IBizCaptionBarControl");
+  }
+}
+
+export { CaptionBarProvider };

package/es/control/caption-bar/index.d.ts

@@ -0,0 +1,34 @@
+export * from './caption-bar.provider';
+export declare const IBizCaptionBarControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").ICaptionBar>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+}, {
+    c: import("@ibiz-template/runtime").CaptionBarController;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").ICaptionBar>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+export default IBizCaptionBarControl;

package/es/control/caption-bar/index.mjs

@@ -0,0 +1,18 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { CaptionBarControl } from './caption-bar.mjs';
+import { CaptionBarProvider } from './caption-bar.provider.mjs';
+
+"use strict";
+const IBizCaptionBarControl = withInstall(
+  CaptionBarControl,
+  function(v) {
+    v.component(CaptionBarControl.name, CaptionBarControl);
+    registerControlProvider(
+      ControlType.CAPTIONBAR,
+      () => new CaptionBarProvider()
+    );
+  }
+);
+
+export { CaptionBarProvider, IBizCaptionBarControl, IBizCaptionBarControl as default };

package/es/control/chart/chart.css

@@ -0,0 +1 @@
+.ibiz-control-chart{width:100%;height:100%}.ibiz-control-chart__chart{width:100%;height:100%}

package/es/control/chart/chart.d.ts

@@ -0,0 +1,62 @@
+import { PropType } from 'vue';
+import { IDEChart } from '@ibiz/model-core';
+import './chart.scss';
+import { ChartController, IControlProvider } from '@ibiz-template/runtime';
+declare const ChartControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEChart>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: ChartController;
+    ns: import("@ibiz-template/core").Namespace;
+    chartRef: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEChart>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    mdctrlActiveMode: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    loadDefault: boolean;
+    mdctrlActiveMode: number;
+}, {}>;
+export default ChartControl;

package/es/control/chart/chart.mjs

@@ -0,0 +1,61 @@
+import { ref, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { init } from 'echarts';
+import './chart.css';
+import { ChartController } from '@ibiz-template/runtime';
+
+"use strict";
+const ChartControl = /* @__PURE__ */ defineComponent({
+  name: "IBizChartControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    mdctrlActiveMode: {
+      type: Number,
+      default: void 0
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new ChartController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const chartRef = ref();
+    onMounted(() => {
+      const chart = init(chartRef.value);
+      c.initChart(chart);
+    });
+    return {
+      c,
+      ns,
+      chartRef
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [createVNode("div", {
+        "ref": "chartRef",
+        "class": this.ns.e("chart")
+      }, null)]
+    });
+  }
+});
+
+export { ChartControl as default };