cnhis-design-vue 3.1.8 → 3.1.9-beta.11

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 './DragFormLeftItem2.mjs';
-import './DragFormRightItem2.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);
@@ -18,6 +18,7 @@ const _hoisted_8 = /* @__PURE__ */ createTextVNode(" \u9ED8\u8BA4\u5C55\u5F00 ")
 const _hoisted_9 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
 const _hoisted_10 = /* @__PURE__ */ createTextVNode(" \u4E0D\u53EF\u6298\u53E0 ");
 var script = /* @__PURE__ */ defineComponent({
+  __name: "DragLayout",
   props: {
     leftList: { type: Array, required: false, default: () => [] },
     rightList: { type: Array, required: false, default: () => [] },
@@ -329,8 +330,8 @@ var script = /* @__PURE__ */ defineComponent({
           createVNode(unref(Draggable), {
             class: "min-height text-draggable",
             itemKey: "val_key",
-            modelValue: unref(state).hideFields,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).hideFields = $event),
+            modelValue: state.hideFields,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.hideFields = $event),
             group: "formitem",
             animation: 300,
             ref: "textDraggable",
@@ -375,8 +376,8 @@ var script = /* @__PURE__ */ defineComponent({
           createVNode(unref(Draggable), {
             class: "min-height draggable-content",
             itemKey: "val_key",
-            modelValue: unref(state).showFields,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(state).showFields = $event),
+            modelValue: state.showFields,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.showFields = $event),
             move: handleDragRemove,
             group: "formitem",
             animation: 300,
@@ -406,7 +407,7 @@ var script = /* @__PURE__ */ defineComponent({
           }, 8, ["modelValue"])
         ]),
         createCommentVNode(" \u5F39\u7A97 "),
-        unref(state).modalVisible ? (openBlock(), createBlock(unref(NModal), {
+        state.modalVisible ? (openBlock(), createBlock(unref(NModal), {
           key: 0,
           preset: "dialog",
           title: "\u5B57\u6BB5\u5C5E\u6027",
@@ -414,15 +415,15 @@ var script = /* @__PURE__ */ defineComponent({
           "negative-text": "\u53D6\u6D88",
           "show-icon": false,
           zIndex: 2001,
-          show: unref(state).modalVisible,
-          "onUpdate:show": _cache[11] || (_cache[11] = ($event) => unref(state).modalVisible = $event),
+          show: state.modalVisible,
+          "onUpdate:show": _cache[11] || (_cache[11] = ($event) => state.modalVisible = $event),
           onPositiveClick: handleOk
         }, {
           default: withCtx(() => [
             createVNode(unref(NForm), {
               ref_key: "formRef",
               ref: formRef,
-              model: unref(state).modalFormData,
+              model: state.modalFormData,
               rules,
               "label-placement": "left",
               "label-width": "auto"
@@ -439,8 +440,8 @@ var script = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(unref(NInput), {
                           placeholder: "\u540D\u79F0",
-                          value: unref(state).modalFormData.name,
-                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => unref(state).modalFormData.name = $event)
+                          value: state.modalFormData.name,
+                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => state.modalFormData.name = $event)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
@@ -455,13 +456,13 @@ var script = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(unref(NInput), {
                             placeholder: "\u9ED8\u8BA4\u503C",
-                            value: unref(state).modalFormData.default_val,
-                            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => unref(state).modalFormData.default_val = $event)
+                            value: state.modalFormData.default_val,
+                            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => state.modalFormData.default_val = $event)
                           }, null, 8, ["value"])
                         ]),
                         _: 1
                       })) : createCommentVNode("v-if", true)
-                    ], 2112)) : createCommentVNode("v-if", true),
+                    ], 64)) : createCommentVNode("v-if", true),
                     createCommentVNode("  \u5BBD\u5EA6 "),
                     !unref(hideModalWidth) ? (openBlock(), createBlock(unref(NFormItemGi), {
                       key: 2,
@@ -470,9 +471,9 @@ var script = /* @__PURE__ */ defineComponent({
                     }, {
                       default: withCtx(() => [
                         createVNode(unref(NSelect), {
-                          options: unref(state).widthOptions,
-                          value: unref(state).modalFormData.elem_width,
-                          "onUpdate:value": _cache[4] || (_cache[4] = ($event) => unref(state).modalFormData.elem_width = $event)
+                          options: state.widthOptions,
+                          value: state.modalFormData.elem_width,
+                          "onUpdate:value": _cache[4] || (_cache[4] = ($event) => state.modalFormData.elem_width = $event)
                         }, null, 8, ["options", "value"])
                       ]),
                       _: 1
@@ -486,8 +487,8 @@ var script = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(unref(NInput), {
                           placeholder: "\u9AD8\u5EA6\uFF08\u884C\uFF09",
-                          value: unref(state).modalFormData.line_height,
-                          "onUpdate:value": _cache[5] || (_cache[5] = ($event) => unref(state).modalFormData.line_height = $event)
+                          value: state.modalFormData.line_height,
+                          "onUpdate:value": _cache[5] || (_cache[5] = ($event) => state.modalFormData.line_height = $event)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
@@ -502,13 +503,13 @@ var script = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(unref(NInput), {
                             placeholder: "\u8BF4\u660E\u6587\u672C",
-                            value: unref(state).modalFormData.placeholder,
-                            "onUpdate:value": _cache[6] || (_cache[6] = ($event) => unref(state).modalFormData.placeholder = $event)
+                            value: state.modalFormData.placeholder,
+                            "onUpdate:value": _cache[6] || (_cache[6] = ($event) => state.modalFormData.placeholder = $event)
                           }, null, 8, ["value"])
                         ]),
                         _: 1
                       })) : createCommentVNode("v-if", true),
-                      unref(state).modalFormData.html_type != "PAGE_LAYOUT" ? (openBlock(), createBlock(unref(NFormItemGi), {
+                      state.modalFormData.html_type != "PAGE_LAYOUT" ? (openBlock(), createBlock(unref(NFormItemGi), {
                         key: 1,
                         span: 18,
                         label: "\u95EE\u53F7\u63D0\u793A"
@@ -517,14 +518,14 @@ var script = /* @__PURE__ */ defineComponent({
                           createVNode(unref(NInput), {
                             maxLength: 200,
                             placeholder: "\u8BF7\u8F93\u5165\u95EE\u53F7\u63D0\u793A",
-                            value: unref(state).modalFormData.remark,
-                            "onUpdate:value": _cache[7] || (_cache[7] = ($event) => unref(state).modalFormData.remark = $event)
+                            value: state.modalFormData.remark,
+                            "onUpdate:value": _cache[7] || (_cache[7] = ($event) => state.modalFormData.remark = $event)
                           }, null, 8, ["value"])
                         ]),
                         _: 1
                       })) : createCommentVNode("v-if", true)
                     ], 64)) : createCommentVNode("v-if", true),
-                    unref(state).modalFormData.is_fast_reply_field != 1 && (unref(state).modalFormData.html_type == "TEXTAREA" || unref(state).modalFormData.html_type == "INPUT") ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+                    state.modalFormData.is_fast_reply_field != 1 && (state.modalFormData.html_type == "TEXTAREA" || state.modalFormData.html_type == "INPUT") ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
                       createCommentVNode(" \u5FEB\u901F\u8F93\u5165 "),
                       createVNode(unref(NFormItemGi), {
                         span: 18,
@@ -532,14 +533,14 @@ var script = /* @__PURE__ */ defineComponent({
                       }, {
                         default: withCtx(() => [
                           createVNode(unref(NCheckbox), {
-                            checked: unref(state).modalFormData.is_fast_reply,
+                            checked: state.modalFormData.is_fast_reply,
                             "onOnUpdate:checked": checkOnChange
                           }, null, 8, ["checked"])
                         ]),
                         _: 1
                       }),
                       createCommentVNode(" \u56DE\u590D\u5206\u7C7B "),
-                      unref(state).modalFormData.is_fast_reply ? (openBlock(), createBlock(unref(NFormItemGi), {
+                      state.modalFormData.is_fast_reply ? (openBlock(), createBlock(unref(NFormItemGi), {
                         key: 0,
                         span: 18,
                         label: "\u77ED\u8BED\u5206\u7C7B",
@@ -548,15 +549,15 @@ var script = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(unref(NSelect), {
                             multiple: "",
-                            value: unref(state).modalFormData.reply_category,
+                            value: state.modalFormData.reply_category,
                             "onUpdate:value": [
-                              _cache[8] || (_cache[8] = ($event) => unref(state).modalFormData.reply_category = $event),
+                              _cache[8] || (_cache[8] = ($event) => state.modalFormData.reply_category = $event),
                               changeCategofy
                             ],
                             filterable: "",
                             filter: unref(vexutils).filterOption,
                             placeholder: "\u5206\u7C7B\u540D\u79F0",
-                            options: unref(state).publicReply
+                            options: state.publicReply
                           }, null, 8, ["value", "filter", "options"])
                         ]),
                         _: 1
@@ -569,13 +570,13 @@ var script = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(unref(NInputNumber), {
                             placeholder: "\u8BF7\u8F93\u5165",
-                            value: unref(state).modalFormData.hideExpression,
-                            "onUpdate:value": _cache[9] || (_cache[9] = ($event) => unref(state).modalFormData.hideExpression = $event)
+                            value: state.modalFormData.hideExpression,
+                            "onUpdate:value": _cache[9] || (_cache[9] = ($event) => state.modalFormData.hideExpression = $event)
                           }, null, 8, ["value"])
                         ]),
                         _: 1
                       }, 512), [
-                        [vShow, unref(state).modalFormData.is_edit == 0]
+                        [vShow, state.modalFormData.is_edit == 0]
                       ])
                     ], 64)) : createCommentVNode("v-if", true),
                     createCommentVNode(" \u52A8\u6001\u6587\u672C\u503C "),
@@ -587,8 +588,8 @@ var script = /* @__PURE__ */ defineComponent({
                         createVNode(unref(NInput), {
                           placeholder: "\u8BF7\u8F93\u5165\u52A8\u6001\u6587\u672C\u5185\u5BB9",
                           type: "textarea",
-                          value: unref(state).modalFormData.default_val,
-                          "onUpdate:value": _cache[10] || (_cache[10] = ($event) => unref(state).modalFormData.default_val = $event)
+                          value: state.modalFormData.default_val,
+                          "onUpdate:value": _cache[10] || (_cache[10] = ($event) => state.modalFormData.default_val = $event)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
@@ -604,13 +605,13 @@ var script = /* @__PURE__ */ defineComponent({
         }, 8, ["show"])) : createCommentVNode("v-if", true),
         createVNode(unref(NModal), {
           preset: "dialog",
-          title: unref(state).lineAddTitle,
+          title: state.lineAddTitle,
           "positive-text": "\u786E\u8BA4",
           "negative-text": "\u53D6\u6D88",
           "show-icon": false,
           zIndex: 2001,
-          show: unref(state).visibleLineAdd,
-          "onUpdate:show": _cache[17] || (_cache[17] = ($event) => unref(state).visibleLineAdd = $event),
+          show: state.visibleLineAdd,
+          "onUpdate:show": _cache[17] || (_cache[17] = ($event) => state.visibleLineAdd = $event),
           onNegativeClick: handleCancel,
           onPositiveClick: handleOkLineAdd
         }, {
@@ -619,8 +620,8 @@ var script = /* @__PURE__ */ defineComponent({
               _hoisted_7,
               createVNode(unref(NInput), {
                 class: "view-model-input new-name-input",
-                value: unref(state).itemTitleNameAdd,
-                "onUpdate:value": _cache[12] || (_cache[12] = ($event) => unref(state).itemTitleNameAdd = $event)
+                value: state.itemTitleNameAdd,
+                "onUpdate:value": _cache[12] || (_cache[12] = ($event) => state.itemTitleNameAdd = $event)
               }, null, 8, ["value"])
             ]),
             withDirectives(createElementVNode("div", null, [
@@ -628,9 +629,9 @@ var script = /* @__PURE__ */ defineComponent({
                 class: "name-new-change",
                 onChange: _cache[13] || (_cache[13] = ($event) => onChangeAdd($event, "is_show")),
                 type: "checkbox",
-                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => unref(state).isAddChecked = $event)
+                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => state.isAddChecked = $event)
               }, null, 544), [
-                [vModelCheckbox, unref(state).isAddChecked]
+                [vModelCheckbox, state.isAddChecked]
               ]),
               _hoisted_8,
               _hoisted_9,
@@ -638,14 +639,14 @@ var script = /* @__PURE__ */ defineComponent({
                 class: "name-new-change",
                 onChange: _cache[15] || (_cache[15] = ($event) => onChangeAdd($event, "is_not_fold")),
                 type: "checkbox",
-                "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => unref(state).is_not_foldChecked = $event)
+                "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => state.is_not_foldChecked = $event)
               }, null, 544), [
-                [vModelCheckbox, unref(state).is_not_foldChecked]
+                [vModelCheckbox, state.is_not_foldChecked]
               ]),
               _hoisted_10,
               createCommentVNode(' {{ $t("1.9.69") }} ')
             ], 512), [
-              [vShow, unref(state).lineType != "LINE_BREAKS"]
+              [vShow, state.lineType != "LINE_BREAKS"]
             ])
           ]),
           _: 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,108 @@
+import { SFCWithInstall } from '../../../es/src/types';
+declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
+    data: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}, {
+    props: {
+        data: {
+            width: number;
+            height: number;
+            borderStyle?: import("fabric/fabric-impl").ILineOptions | undefined;
+            grid: {
+                mainXCell: number;
+                subXCell: number;
+                subSecondXCell: number;
+                mainYCell: number;
+                subYCell: number;
+                mainLineStyle?: import("fabric/fabric-impl").ILineOptions | undefined;
+                subLineStyle?: import("fabric/fabric-impl").ILineOptions | undefined;
+                subSecondLineStyle?: import("fabric/fabric-impl").ILineOptions | undefined;
+                event?: Partial<{
+                    selectable: boolean;
+                    evented: boolean;
+                }> | undefined;
+            };
+            other?: {
+                style?: import("fabric/fabric-impl").ITextOptions | undefined;
+                list: {
+                    time: string;
+                    value: string | number;
+                }[];
+            } | undefined;
+            top: {
+                dateStyle?: import("fabric/fabric-impl").ITextOptions | undefined;
+                titleWidth: number;
+                date: {
+                    title: string;
+                    height?: number | undefined;
+                    list: string[];
+                    style?: import("fabric/fabric-impl").ITextOptions | undefined;
+                };
+                xScalevalue: {
+                    title: string;
+                    height?: number | undefined;
+                    list: string[];
+                    style?: import("fabric/fabric-impl").ITextOptions | undefined;
+                };
+                dayHeight?: number | undefined;
+            };
+            left: {
+                spaceGridNumber?: number | undefined;
+                yScaleValue: any[];
+            };
+            right?: {
+                width?: number | undefined;
+                yScaleValue: any;
+            } | undefined;
+            bottom?: any;
+        };
+    };
+    canvasRef: import("vue").Ref<HTMLCanvasElement | null>;
+    canvas: import("vue").Ref<import("fabric/fabric-impl").Canvas | undefined>;
+    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<Partial<{
+        selectable: boolean;
+        evented: boolean;
+    }>>;
+    propItems: {
+        canvasWidth: number;
+        canvasHeight: number;
+        gridXNumber: number;
+        gridYNumber: number;
+        originX: number;
+        originY: number;
+        endX: number;
+        endY: number;
+        xCellWidth: number;
+        yCellHeight: number;
+        xScaleList: number[];
+        xScaleCell: number;
+        breatheYCell: number;
+        pulseYCell: number;
+        centigradeYCell: number;
+        event: {
+            selectable?: boolean | undefined;
+            evented?: boolean | undefined;
+        };
+    };
+}, 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: ObjectConstructor;
+        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,109 @@
+import { fabric } from 'fabric';
+declare type IEvent = {
+    selectable: boolean;
+    evented: boolean;
+};
+declare type IPoint = {
+    time: string;
+    value: string | number;
+};
+declare type IGrid = {
+    mainXCell: number;
+    subXCell: number;
+    subSecondXCell: number;
+    mainYCell: number;
+    subYCell: number;
+    mainLineStyle?: fabric.ILineOptions;
+    subLineStyle?: fabric.ILineOptions;
+    subSecondLineStyle?: fabric.ILineOptions;
+    event?: Partial<IEvent>;
+};
+declare type IOther = {
+    style?: fabric.ITextOptions;
+    list: Array<IPoint>;
+};
+declare type IDate = {
+    title: string;
+    height?: number;
+    list: Array<string>;
+    style?: fabric.ITextOptions;
+};
+declare type ITop = {
+    dateStyle?: fabric.ITextOptions;
+    titleWidth: number;
+    date: IDate;
+    xScalevalue: IDate;
+    dayHeight?: number;
+};
+declare type ILeft = {
+    spaceGridNumber?: number;
+    yScaleValue: Array<any>;
+};
+declare type IRight = {
+    width?: number;
+    yScaleValue: any;
+};
+declare type IData = {
+    width: number;
+    height: number;
+    borderStyle?: fabric.ILineOptions;
+    grid: IGrid;
+    other?: IOther;
+    top: ITop;
+    left: ILeft;
+    right?: IRight;
+    bottom?: any;
+};
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}, {
+    props: {
+        data: IData;
+    };
+    canvasRef: import("vue").Ref<HTMLCanvasElement | null>;
+    canvas: import("vue").Ref<fabric.Canvas | undefined>;
+    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<Partial<IEvent>>;
+    propItems: {
+        canvasWidth: number;
+        canvasHeight: number;
+        gridXNumber: number;
+        gridYNumber: number;
+        originX: number;
+        originY: number;
+        endX: number;
+        endY: number;
+        xCellWidth: number;
+        yCellHeight: number;
+        xScaleList: number[];
+        xScaleCell: number;
+        breatheYCell: number;
+        pulseYCell: number;
+        centigradeYCell: number;
+        event: {
+            selectable?: boolean | undefined;
+            evented?: boolean | undefined;
+        };
+    };
+}, 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: ObjectConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,132 @@
+import { defineComponent, ref, computed, reactive, provide, onMounted, openBlock, createElementBlock, createElementVNode } from 'vue';
+import { fabric } from 'fabric';
+
+const _hoisted_1 = { class: "c-fabric-chart" };
+var script = /* @__PURE__ */ defineComponent({
+  __name: "FabricChart",
+  props: {
+    data: { type: Object, 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,
+      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("canvas", canvas);
+    provide("propItems", 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 };