cnhis-design-vue 3.1.10 → 3.1.11-beta.2

package/.versionrc.json

@@ -0,0 +1,32 @@
+{
+  "infile": "examples/views/0-log/index.md",
+  "changelogHeader": "Cnhis design 业务组件库更新日志",
+  "types": [
+    {
+      "type": "feat",
+      "section": "✨Features | 新功能"
+    },
+    {
+      "type": "fix",
+      "section": "🐞Bug Fixes | Bug修复"
+    },
+    {
+      "type": "docs",
+      "section": "✏️ Documentation | 文档"
+    },
+    {
+      "type": "style",
+      "section": "💄 Styles | 样式"
+    },
+    {
+      "type": "perf",
+      "section": "⚡️ Performance Improvements | 性能优化"
+    },
+    {
+      "type": "test",
+      "section": "✅ Tests | 测试"
+    }
+  ]
+}
+
+

package/es/packages/big-table/src/BigTable.vue.d.ts

@@ -1385,7 +1385,22 @@ declare const _default: import("vue").DefineComponent<{
         arrow: {
             type: import("vue").PropType<boolean | undefined>;
             default: undefined;
-        };
+        }; /**
+         * 针对 bigTable 的设置列
+         * type: 列的类型
+         * field: 列字段名（注：属性层级越深，渲染性能将直线下降）
+         * title: 列标题（支持开启国际化）
+         * width: 列宽度（如果为空则均匀分配剩余宽度，如果全部列固定了，可能会存在宽屏下不会铺满，可以配合 "%" 或者 "min-width" 布局）
+         * minWidth: 最小列宽度；会自动将剩余空间按比例分配
+         * resizable: 列是否允许拖动列宽调整大小
+         * visible: 列是否显示
+         * fixed: 将列固定在左侧或者右侧（注意：固定列应该放在左右两侧的位置）
+         * align: 列对齐方式
+         * headerAlign: 表头列的对齐方式
+         * footerAlign: 表尾列的对齐方式
+         * formatter: 格式化显示内容 Function({cellValue, row, column})
+         * sortable: 是否允许列排序
+         */
         minWidth: NumberConstructor;
         maxWidth: NumberConstructor;
     }, {

package/es/packages/big-table/src/BigTable.vue_vue_type_script_setup_true_lang.js

@@ -2225,6 +2225,7 @@ var script = /* @__PURE__ */ defineComponent({
         "tree-config": unref(treeConfig),
         "row-id": unref(handleRowId),
         "row-class-name": getRowClassName,
+        "cell-class-name": _ctx.columnConfig.cellClassName || null,
         "row-config": state.rowConfig,
         "show-footer": _ctx.showFooter && !props.isInlineOperating,
         "footer-method": footerMethod,
@@ -2251,9 +2252,6 @@ var script = /* @__PURE__ */ defineComponent({
           reserve: true,
           highlight: true
         },
-        "scroll-x": {
-          enabled: false
-        },
         "scroll-y": {
           gt: 50
         },
@@ -2330,7 +2328,7 @@ var script = /* @__PURE__ */ defineComponent({
           }
         })]),
         _: 3
-      }, 16, ["seq-config", "tree-config", "row-id", "row-config", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config", "keyboard-config", "edit-rules", "onScroll", "onKeydown"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
+      }, 16, ["seq-config", "tree-config", "row-id", "cell-class-name", "row-config", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config", "keyboard-config", "edit-rules", "onScroll", "onKeydown"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
         class: "refresh",
         onClick: hanldeClickRefresh
       }, [createVNode(unref(NIcon), {

package/es/packages/big-table/src/components/edit-form/edit-select.js

@@ -32,7 +32,9 @@ var EditSelect = defineComponent({
       options: [],
       loading: false,
       keyword: "",
-      config: {}
+      config: {
+        multiple: props.col.multiple || false
+      }
     });
     const setOptions = async () => {
       if (props.col.options) {

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

@@ -1,34 +1,3 @@
 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;
-    };
-}>>, {}>>;
+declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 export default FabricChart;

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

@@ -1,34 +1,2 @@
-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;
-    };
-}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -1,141 +1,12 @@
-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';
+import { defineComponent, openBlock, createElementBlock, createCommentVNode } from 'vue';
 
 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)
+        createCommentVNode(' <canvas ref="canvasRef"></canvas> ')
       ]);
     };
   }

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

@@ -1,4 +0,0 @@
-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

@@ -1,7 +1 @@
-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

@@ -1,42 +0,0 @@
-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;

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

@@ -1,76 +1 @@
-import { fabric } from '../utils/index.js';
 
-const defaultStyle = {
-  evented: false,
-  selectable: false
-};
-const defaultBorderStyle = {
-  stroke: "#999",
-  strokeWidth: 1,
-  ...defaultStyle
-};
-const defaultLineStyle = {
-  stroke: "#000",
-  strokeWidth: 1,
-  strokeDashArray: [0, 0],
-  ...defaultStyle
-};
-const defaultRectStyle = {
-  fill: "transparent",
-  stroke: "#999",
-  strokeWidth: 1,
-  originX: "center",
-  originY: "center",
-  ...defaultStyle
-};
-const defaultTextStyle = {
-  fontFamily: "\u5FAE\u8F6F\u96C5\u9ED1",
-  fontSize: 12,
-  fill: "#000",
-  centeredRotation: true,
-  originX: "center",
-  originY: "center",
-  lineHeight: 1,
-  ...defaultStyle
-};
-function drawLine(points, style) {
-  return new fabric.Line(points, {
-    ...defaultLineStyle,
-    ...style
-  });
-}
-function drawTextGroup(rectStyle, fontStyle, groupStyle) {
-  const rect = new fabric.Rect({
-    ...defaultRectStyle,
-    ...rectStyle
-  });
-  const texts = new fabric.Text(String(fontStyle.value), {
-    ...defaultTextStyle,
-    ...fontStyle
-  });
-  return new fabric.Group([rect, texts], {
-    ...groupStyle
-  });
-}
-function drawPoint(type, style) {
-  switch (type) {
-    case "triangle":
-      return new fabric.Triangle({
-        width: 20,
-        height: 20,
-        strokeWidth: 1,
-        scale: 1,
-        ...style
-      });
-    case "circle":
-      return new fabric.Circle({
-        objectCaching: false,
-        strokeWidth: 1,
-        radius: 5,
-        scale: 1,
-        ...style
-      });
-  }
-}
-
-export { defaultBorderStyle, defaultLineStyle, defaultRectStyle, defaultStyle, defaultTextStyle, drawLine, drawPoint, drawTextGroup };

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

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

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

@@ -1,45 +1 @@
-import { onMounted, nextTick } from 'vue';
-import { fabric } from '../utils/index.js';
-import { drawLine } from './useDraw.js';
 
-function useGrid(canvas, propItems) {
-  const { gridYNumber, originY, grid, originX, endX, xCellWidth, yCellHeight, gridXNumber, endY } = propItems;
-  const yList = [];
-  const xList = [];
-  for (let i = 0; i <= gridYNumber; i++) {
-    const y = originY + parseInt(String(yCellHeight * (gridYNumber - i)));
-    const style = i % grid.subYCell === 0 ? grid.mainLineStyle || {} : grid.subLineStyle || {};
-    yList.push(drawLine([originX, y, endX, y], {
-      id: i + "_" + new Date().getTime(),
-      ...style
-    }));
-  }
-  for (let i = 0; i <= gridXNumber; i++) {
-    const x = originX + parseInt(String(xCellWidth * i));
-    let style;
-    style = i % grid.subXCell === 0 ? grid.mainLineStyle || {} : grid.subLineStyle || {};
-    if (i % grid.subSecondXCell === 0) {
-      style = grid.subSecondLineStyle || {};
-    }
-    if (i % grid.subXCell === 0) {
-      style = grid.mainLineStyle || {};
-    }
-    xList.push(drawLine([x, originY, x, endY], {
-      id: i + "_" + new Date().getTime(),
-      ...style
-    }));
-  }
-  const group = new fabric.Group([...xList, ...yList], {
-    evented: false,
-    selectable: false
-  });
-  onMounted(() => {
-    nextTick(() => {
-      canvas.value.add(group);
-      canvas.value.sendToBack(group);
-      canvas.value.renderAll();
-    });
-  });
-}
-
-export { useGrid as default };

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

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

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

@@ -1,66 +1 @@
-import { onMounted, nextTick } from 'vue';
-import { fabric } from '../utils/index.js';
-import { defaultTextStyle, defaultStyle, defaultRectStyle } from './useDraw.js';
 
-function useLeft(canvas, propItems) {
-  const { originY, endY, originX, yCellHeight, borderStyle, left } = propItems;
-  function drawScaleValue() {
-    let groupList = [];
-    const column = left.yScaleValue.length;
-    const colWidth = originX / column;
-    const residue = originX % column;
-    const firstColWidth = colWidth + residue;
-    left.yScaleValue.forEach((item, index) => {
-      let list = [];
-      const rectWidth = index === 0 ? firstColWidth : colWidth;
-      const rectLeft = index === 0 ? 0 : firstColWidth + (index - 1) * colWidth;
-      const line = index > 0 ? new fabric.Line([rectLeft, originY, rectLeft, endY], {
-        ...borderStyle
-      }) : null;
-      line && list.push(line);
-      const leftVal = rectLeft + rectWidth / 2;
-      const spaceGridNumber = left.spaceGridNumber || 5;
-      item.list.forEach((v, i) => {
-        const top = endY - i * yCellHeight * spaceGridNumber;
-        const text = new fabric.Text(String(v), {
-          ...defaultTextStyle,
-          left: leftVal,
-          top: i === 0 ? top - 5 : top,
-          ...item.style
-        });
-        list.push(text);
-      });
-      let title = item.name || "";
-      if (item.unit)
-        title += "\n" + item.unit;
-      title && list.push(new fabric.Text(String(title), {
-        ...defaultTextStyle,
-        left: leftVal,
-        top: originY + yCellHeight * spaceGridNumber / 2,
-        textAlign: "center",
-        ...item.style
-      }));
-      const group2 = new fabric.Group(list, defaultStyle);
-      groupList.push(group2);
-    });
-    groupList.push(new fabric.Rect({
-      ...defaultStyle,
-      ...defaultRectStyle,
-      width: originX,
-      height: endY - originY,
-      left: 0,
-      top: originY
-    }));
-    const group = groupList.length > 0 ? new fabric.Group([...groupList], { ...defaultStyle }) : null;
-    group && group.sendToBack();
-    group && canvas.value.add(group);
-  }
-  onMounted(() => {
-    nextTick(() => {
-      drawScaleValue();
-      canvas.value.renderAll();
-    });
-  });
-}
-
-export { useLeft as default };

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

@@ -0,0 +1 @@
+

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

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