cnhis-design-vue 3.1.9 → 3.1.10

package/es/packages/drag-layout/index.d.ts

@@ -1,4 +1,4 @@
-import { SFCWithInstall } from 'cnhis-design-vue/es/src/types';
+import { SFCWithInstall } from '../../../es/src/types';
 declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
     leftList: {
         type: ArrayConstructor;
@@ -466,7 +466,10 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1180,7 +1183,10 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -16960,6 +16966,7 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             componentData: Record<string, any>;
         }>;
         NPopover: import("vue").DefineComponent<{
+            internalOnAfterLeave: import("vue").PropType<() => void>;
             internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
             show: {
                 type: import("vue").PropType<boolean | undefined>;
@@ -17022,6 +17029,7 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             scrollable: BooleanConstructor;
             contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+            footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
             'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
             onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -17103,6 +17111,7 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             handleBlur: () => void;
             syncPosition: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            internalOnAfterLeave: import("vue").PropType<() => void>;
             internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
             show: {
                 type: import("vue").PropType<boolean | undefined>;
@@ -17165,6 +17174,7 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             scrollable: BooleanConstructor;
             contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+            footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
             'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
             onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -17300,7 +17310,10 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
@@ -18014,7 +18027,10 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;

package/es/packages/drag-layout/index.js

@@ -0,0 +1,13 @@
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import { expandXEUtils } from '../../src/utils/utilExpand';
+import './src/DragLayout.js';
+import script from './src/DragLayout.vue_vue_type_script_setup_true_lang.js';
+
+const DragLayout = script;
+DragLayout.install = function(app) {
+  safeComponentRegister(app, DragLayout, COMPONENT_NAMESPACE + "DragLayout");
+  expandXEUtils();
+};
+
+export { DragLayout as default };

package/es/packages/drag-layout/src/{DragFormLeftItem.mjs → DragFormLeftItem.js}

@@ -1,4 +1,4 @@
-import script from './DragFormLeftItem.vue_vue_type_script_setup_true_lang.mjs';
-export { default } from './DragFormLeftItem.vue_vue_type_script_setup_true_lang.mjs';
+import script from './DragFormLeftItem.vue_vue_type_script_setup_true_lang.js';
+export { default } from './DragFormLeftItem.vue_vue_type_script_setup_true_lang.js';
 
 script.__file = "packages/drag-layout/src/DragFormLeftItem.vue";

package/es/packages/drag-layout/src/{DragFormRightItem.mjs → DragFormRightItem.js}

@@ -1,4 +1,4 @@
-import script from './DragFormRightItem.vue_vue_type_script_setup_true_lang.mjs';
-export { default } from './DragFormRightItem.vue_vue_type_script_setup_true_lang.mjs';
+import script from './DragFormRightItem.vue_vue_type_script_setup_true_lang.js';
+export { default } from './DragFormRightItem.vue_vue_type_script_setup_true_lang.js';
 
 script.__file = "packages/drag-layout/src/DragFormRightItem.vue";

package/es/packages/drag-layout/src/DragFormRightItem.vue.d.ts

@@ -101,6 +101,7 @@ declare const _default: import("vue").DefineComponent<{
         componentData: Record<string, any>;
     }>;
     NPopover: import("vue").DefineComponent<{
+        internalOnAfterLeave: import("vue").PropType<() => void>;
         internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
         show: {
             type: import("vue").PropType<boolean | undefined>;
@@ -163,6 +164,7 @@ declare const _default: import("vue").DefineComponent<{
         scrollable: BooleanConstructor;
         contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
         'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
         onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -244,6 +246,7 @@ declare const _default: import("vue").DefineComponent<{
         handleBlur: () => void;
         syncPosition: () => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        internalOnAfterLeave: import("vue").PropType<() => void>;
         internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
         show: {
             type: import("vue").PropType<boolean | undefined>;
@@ -306,6 +309,7 @@ declare const _default: import("vue").DefineComponent<{
         scrollable: BooleanConstructor;
         contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
         'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
         onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -441,7 +445,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1155,7 +1162,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;

package/es/packages/drag-layout/src/{DragLayout.mjs → DragLayout.js}

@@ -1,4 +1,4 @@
-import script from './DragLayout.vue_vue_type_script_setup_true_lang.mjs';
-export { default } from './DragLayout.vue_vue_type_script_setup_true_lang.mjs';
+import script from './DragLayout.vue_vue_type_script_setup_true_lang.js';
+export { default } from './DragLayout.vue_vue_type_script_setup_true_lang.js';
 
 script.__file = "packages/drag-layout/src/DragLayout.vue";

package/es/packages/drag-layout/src/DragLayout.vue.d.ts

@@ -101,7 +101,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: 24;
         };
         readonly itemResponsive: BooleanConstructor;
-        readonly collapsed: BooleanConstructor;
+        readonly collapsed: BooleanConstructor; /** line 类型 */
         readonly collapsedRows: {
             readonly type: NumberConstructor;
             readonly default: 1;
@@ -466,7 +466,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1180,7 +1183,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -15320,7 +15326,7 @@ declare const _default: import("vue").DefineComponent<{
                 dotColorActive: string;
                 dotColorDisabled: string;
                 buttonBorderColor: string;
-                buttonBorderColorActive: string;
+                buttonBorderColorActive: string; /** line 类型 */
                 buttonBorderColorHover: string;
                 buttonColor: string;
                 buttonColorActive: string;
@@ -16960,6 +16966,7 @@ declare const _default: import("vue").DefineComponent<{
             componentData: Record<string, any>;
         }>;
         NPopover: import("vue").DefineComponent<{
+            internalOnAfterLeave: import("vue").PropType<() => void>;
             internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
             show: {
                 type: import("vue").PropType<boolean | undefined>;
@@ -16987,9 +16994,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<import("naive-ui").PopoverPlacement>;
                 default: string;
             };
-            x: NumberConstructor; /**
-             * 更新配置
-             */
+            x: NumberConstructor;
             y: NumberConstructor;
             arrowPointToCenter: BooleanConstructor;
             disabled: BooleanConstructor;
@@ -17024,6 +17029,7 @@ declare const _default: import("vue").DefineComponent<{
             scrollable: BooleanConstructor;
             contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+            footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
             'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
             onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -17105,6 +17111,7 @@ declare const _default: import("vue").DefineComponent<{
             handleBlur: () => void;
             syncPosition: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            internalOnAfterLeave: import("vue").PropType<() => void>;
             internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
             show: {
                 type: import("vue").PropType<boolean | undefined>;
@@ -17167,6 +17174,7 @@ declare const _default: import("vue").DefineComponent<{
             scrollable: BooleanConstructor;
             contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+            footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
             onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
             'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
             onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -17302,7 +17310,10 @@ declare const _default: import("vue").DefineComponent<{
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
@@ -18016,7 +18027,10 @@ declare const _default: import("vue").DefineComponent<{
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;

package/es/packages/drag-layout/src/{DragLayout.vue_vue_type_script_setup_true_lang.mjs → DragLayout.vue_vue_type_script_setup_true_lang.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, reactive, computed, onMounted, nextTick, watch, openBlock, createElementBlock, createCommentVNode, createElementVNode, createVNode, unref, withCtx, renderSlot, normalizeStyle, normalizeClass, createBlock, Fragment, withDirectives, vShow, vModelCheckbox, createTextVNode } from 'vue';
 import { NButton, NModal, NForm, NGrid, NFormItemGi, NInput, NSelect, NCheckbox, NInputNumber } from 'naive-ui';
 import Draggable from 'vuedraggable';
-import './DragFormLeftItem.mjs';
-import './DragFormRightItem.mjs';
-import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
-import script$1 from './DragFormLeftItem.vue_vue_type_script_setup_true_lang.mjs';
-import script$2 from './DragFormRightItem.vue_vue_type_script_setup_true_lang.mjs';
+import './DragFormLeftItem.js';
+import './DragFormRightItem.js';
+import vexutils from '../../../src/utils/vexutils';
+import script$1 from './DragFormLeftItem.vue_vue_type_script_setup_true_lang.js';
+import script$2 from './DragFormRightItem.vue_vue_type_script_setup_true_lang.js';
 
 const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "border-box" }, null, -1);
 const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "info-header" }, "\u5907\u9009\u5B57\u6BB5", -1);

package/es/packages/editor/index.d.ts

@@ -1,4 +1,4 @@
-import { SFCWithInstall } from 'cnhis-design-vue/es/src/types';
+import { SFCWithInstall } from '../../../es/src/types';
 declare const Editor: SFCWithInstall<import("vue").DefineComponent<{
     editorConfig: {
         type: ObjectConstructor;

package/es/packages/editor/index.js

@@ -0,0 +1,10 @@
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import script from './src/Editor.js';
+
+const Editor = script;
+Editor.install = function(app) {
+  safeComponentRegister(app, Editor, COMPONENT_NAMESPACE + "Editor");
+};
+
+export { Editor as default };

package/es/packages/fabric-chart/index.d.ts

@@ -0,0 +1,34 @@
+import { SFCWithInstall } from '../../../es/src/types';
+declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
+    data: {
+        type: null;
+        required: true;
+    };
+}, {
+    props: {
+        data: import("./src/interface").IData;
+    };
+    canvasRef: any;
+    canvas: import("vue").Ref<any>;
+    gridXNumber: import("vue").ComputedRef<number>;
+    gridYNumber: import("vue").ComputedRef<number>;
+    endX: import("vue").ComputedRef<number>;
+    originX: import("vue").ComputedRef<number>;
+    endY: import("vue").ComputedRef<number>;
+    originY: import("vue").ComputedRef<number>;
+    xCellWidth: import("vue").ComputedRef<number>;
+    yCellHeight: import("vue").ComputedRef<number>;
+    xScaleList: import("vue").ComputedRef<number[]>;
+    xScaleCell: import("vue").ComputedRef<number>;
+    breatheYCell: import("vue").ComputedRef<number>;
+    pulseYCell: import("vue").ComputedRef<number>;
+    centigradeYCell: import("vue").ComputedRef<number>;
+    event: import("vue").ComputedRef<any>;
+    propItems: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>>, {}>>;
+export default FabricChart;

package/es/packages/fabric-chart/index.js

@@ -0,0 +1,11 @@
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import './src/FabricChart.js';
+import script from './src/FabricChart.vue_vue_type_script_setup_true_lang.js';
+
+const FabricChart = script;
+FabricChart.install = function(app) {
+  safeComponentRegister(app, FabricChart, COMPONENT_NAMESPACE + "FabricChart");
+};
+
+export { FabricChart as default };

package/es/packages/fabric-chart/src/FabricChart.js

@@ -0,0 +1,4 @@
+import script from './FabricChart.vue_vue_type_script_setup_true_lang.js';
+export { default } from './FabricChart.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/fabric-chart/src/FabricChart.vue";

package/es/packages/fabric-chart/src/FabricChart.vue.d.ts

@@ -0,0 +1,34 @@
+import { IData } from './interface';
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: null;
+        required: true;
+    };
+}, {
+    props: {
+        data: IData;
+    };
+    canvasRef: any;
+    canvas: import("vue").Ref<any>;
+    gridXNumber: import("vue").ComputedRef<number>;
+    gridYNumber: import("vue").ComputedRef<number>;
+    endX: import("vue").ComputedRef<number>;
+    originX: import("vue").ComputedRef<number>;
+    endY: import("vue").ComputedRef<number>;
+    originY: import("vue").ComputedRef<number>;
+    xCellWidth: import("vue").ComputedRef<number>;
+    yCellHeight: import("vue").ComputedRef<number>;
+    xScaleList: import("vue").ComputedRef<number[]>;
+    xScaleCell: import("vue").ComputedRef<number>;
+    breatheYCell: import("vue").ComputedRef<number>;
+    pulseYCell: import("vue").ComputedRef<number>;
+    centigradeYCell: import("vue").ComputedRef<number>;
+    event: import("vue").ComputedRef<any>;
+    propItems: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/es/packages/fabric-chart/src/FabricChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,144 @@
+import { defineComponent, ref, computed, reactive, provide, onMounted, openBlock, createElementBlock, createElementVNode } from 'vue';
+import { fabric } from './utils/index.js';
+import { InjectionCanvas, InjectionPropItems } from './interface.js';
+import { defaultBorderStyle } from './hooks/useDraw.js';
+import useTop from './hooks/useTop.js';
+import useCenter from './hooks/useCenter.js';
+import useLeft from './hooks/useLeft.js';
+
+const _hoisted_1 = { class: "c-fabric-chart" };
+var script = /* @__PURE__ */ defineComponent({
+  __name: "FabricChart",
+  props: {
+    data: { type: null, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const canvasRef = ref(null);
+    let canvas = ref();
+    const gridXNumber = computed(() => {
+      const { grid } = props.data;
+      return grid.mainXCell * grid.subXCell;
+    });
+    const gridYNumber = computed(() => {
+      const { grid } = props.data;
+      return grid.mainYCell * grid.subYCell;
+    });
+    const endX = computed(() => {
+      const { width, right = null } = props.data;
+      if (!right)
+        return width;
+      const endWidth = right.width || 50;
+      return width - endWidth;
+    });
+    const originX = computed(() => {
+      const { top } = props.data;
+      const originX2 = top.titleWidth;
+      const residue = (endX.value - originX2) % gridXNumber.value;
+      return originX2 + residue;
+    });
+    const endY = computed(() => {
+      const { bottom = null, height } = props.data;
+      if (!bottom)
+        return height;
+      const endHeight = height || 30;
+      return height - endHeight;
+    });
+    const originY = computed(() => {
+      var _a;
+      const { top } = props.data;
+      const dateHeight = ((_a = top.date) == null ? void 0 : _a.height) || 0;
+      const dayHeight = top.dayHeight || 0;
+      const xScaleHeight = top.xScalevalue.height || 15;
+      const topHeight = dateHeight + dayHeight + xScaleHeight;
+      const residue = (endY.value - topHeight) % gridYNumber.value;
+      return topHeight + residue;
+    });
+    const xCellWidth = computed(() => {
+      return (endX.value - originX.value) / gridXNumber.value;
+    });
+    const yCellHeight = computed(() => {
+      return (endY.value - originY.value) / gridYNumber.value;
+    });
+    const xScaleList = computed(() => {
+      const { top } = props.data;
+      const dateList = top.date.list;
+      const dayList = top.xScalevalue.list;
+      const timeList = dateList.map((item) => {
+        return dayList.map((v) => {
+          return new Date(`${item} ${v}:00`).getTime();
+        });
+      });
+      return timeList.flat();
+    });
+    const xScaleCell = computed(() => {
+      return xScaleList.value[1] - xScaleList.value[0];
+    });
+    const breatheYCell = computed(() => {
+      const { yScaleValue, spaceGridNumber = 5 } = props.data.left;
+      const list = yScaleValue.find((v) => v.type === "breathe").list;
+      return list ? yCellHeight.value / ((parseInt(list[1]) - parseInt(list[0])) / spaceGridNumber) : 0;
+    });
+    const pulseYCell = computed(() => {
+      const { yScaleValue, spaceGridNumber = 5 } = props.data.left;
+      const list = yScaleValue.find((v) => v.type === "pulse").list;
+      return yCellHeight.value / ((parseInt(list[1]) - parseInt(list[0])) / spaceGridNumber);
+    });
+    const centigradeYCell = computed(() => {
+      const { yScaleValue, spaceGridNumber = 5 } = props.data.left;
+      const list = yScaleValue.find((v) => v.type === "centigrade").list;
+      return yCellHeight.value / ((parseInt(list[1]) - parseInt(list[0])) / spaceGridNumber);
+    });
+    const event = computed(() => {
+      var _a;
+      return ((_a = props.data.grid) == null ? void 0 : _a.event) || { selectable: true, evented: true };
+    });
+    const propItems = reactive({
+      canvasWidth: props.data.width,
+      canvasHeight: props.data.height,
+      borderStyle: props.data.borderStyle || defaultBorderStyle,
+      grid: props.data.grid,
+      top: props.data.top,
+      left: props.data.left,
+      gridXNumber: gridXNumber.value,
+      gridYNumber: gridYNumber.value,
+      originX: originX.value,
+      originY: originY.value,
+      endX: endX.value,
+      endY: endY.value,
+      xCellWidth: xCellWidth.value,
+      yCellHeight: yCellHeight.value,
+      xScaleList: xScaleList.value,
+      xScaleCell: xScaleCell.value,
+      breatheYCell: breatheYCell.value,
+      pulseYCell: pulseYCell.value,
+      centigradeYCell: centigradeYCell.value,
+      event: event.value
+    });
+    provide(InjectionCanvas, canvas);
+    provide(InjectionPropItems, propItems);
+    useTop(canvas, propItems);
+    useCenter(canvas, propItems);
+    useLeft(canvas, propItems);
+    onMounted(() => {
+      canvas.value = new fabric.Canvas(canvasRef.value, {
+        width: propItems.canvasWidth,
+        height: propItems.canvasHeight,
+        backgroundColor: "#fff",
+        selection: false,
+        containerClass: "c-fabric-canvas-container",
+        fireRightClick: true
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("canvas", {
+          ref_key: "canvasRef",
+          ref: canvasRef
+        }, null, 512)
+      ]);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/fabric-chart/src/hooks/useCenter.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from 'vue';
+import { fabric } from '../utils';
+import { IPropItems } from '../interface';
+export default function useCenter(canvas: Ref<fabric.Canvas>, propItems: IPropItems): void;

package/es/packages/fabric-chart/src/hooks/useCenter.js

@@ -0,0 +1,7 @@
+import useGrid from './useGrid.js';
+
+function useCenter(canvas, propItems) {
+  useGrid(canvas, propItems);
+}
+
+export { useCenter as default };

package/es/packages/fabric-chart/src/hooks/useDraw.d.ts

@@ -0,0 +1,42 @@
+import { fabric } from '../utils';
+import { ILineOptions, ITextOptions } from '../interface';
+export declare const defaultStyle: {
+    evented: boolean;
+    selectable: boolean;
+};
+export declare const defaultBorderStyle: {
+    evented: boolean;
+    selectable: boolean;
+    stroke: string;
+    strokeWidth: number;
+};
+export declare const defaultLineStyle: {
+    evented: boolean;
+    selectable: boolean;
+    stroke: string;
+    strokeWidth: number;
+    strokeDashArray: number[];
+};
+export declare const defaultRectStyle: {
+    evented: boolean;
+    selectable: boolean;
+    fill: string;
+    stroke: string;
+    strokeWidth: number;
+    originX: string;
+    originY: string;
+};
+export declare const defaultTextStyle: {
+    evented: boolean;
+    selectable: boolean;
+    fontFamily: string;
+    fontSize: number;
+    fill: string;
+    centeredRotation: boolean;
+    originX: string;
+    originY: string;
+    lineHeight: number;
+};
+export declare function drawLine(points: number[], style: Partial<ILineOptions>): fabric.Line;
+export declare function drawTextGroup(rectStyle: Partial<fabric.IRectOptions>, fontStyle: Partial<ITextOptions>, groupStyle: Partial<fabric.IGroupOptions>): fabric.Group;
+export declare function drawPoint(type: string, style: any): fabric.Triangle | fabric.Circle | undefined;