cnhis-design-vue 3.1.8-beta.9 → 3.1.9-beta.10

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 };

package/es/packages/field-set/index.d.ts

@@ -1,4 +1,4 @@
-import { SFCWithInstall } from 'cnhis-design-vue/es/src/types';
+import { SFCWithInstall } from '../../../es/src/types';
 declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
@@ -28,7 +28,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         };
     }, {
         emit: (event: "onSave" | "onClose", ...args: any[]) => void;
-        settingView: import("vue").Ref<HTMLInputElement | null>;
+        settingView: import("vue").Ref<HTMLDivElement | null>;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fields: {
                 type: import("vue").PropType<any[]>;
@@ -177,7 +177,10 @@ declare const FieldSet: 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;
@@ -891,7 +894,10 @@ declare const FieldSet: 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;
@@ -2209,6 +2215,7 @@ declare const FieldSet: 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>>;
@@ -2510,6 +2517,7 @@ declare const FieldSet: 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>>;
@@ -2676,7 +2684,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         };
     }, {
         emit: (event: "onSave" | "onClose", ...args: any[]) => void;
-        settingView: import("vue").Ref<HTMLInputElement | null>;
+        settingView: import("vue").Ref<HTMLDivElement | null>;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fields: {
                 type: import("vue").PropType<any[]>;
@@ -2792,7 +2800,10 @@ declare const FieldSet: 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;
@@ -3506,7 +3517,10 @@ declare const FieldSet: 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;
@@ -4824,6 +4838,7 @@ declare const FieldSet: 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>>;
@@ -5125,6 +5140,7 @@ declare const FieldSet: 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>>;

package/es/packages/field-set/index.js

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

package/es/packages/field-set/src/{FieldSet.mjs → FieldSet.js}

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