cnhis-design-vue 3.1.17-beta.7 → 3.1.17-beta.8

package/es/packages/big-table/index.d.ts

@@ -2845,15 +2845,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
         row: any;
         rowIndex: any;
     };
-    initEditTable: () => Promise<void>;
-    activeMethod: ({ row, rowIndex, column, columnIndex }: {
-        row: any;
-        rowIndex: number;
-        column: any;
-        columnIndex: number;
-    }) => boolean;
     deleteRow: (row: any, col: any, index: number) => void;
-    onClickSelectTable: (row: any) => Promise<void>;
     onFormChange: ({ value, row, column, index }: {
         value: string | number | null;
         row: any;

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

@@ -1153,14 +1153,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColorGhostPressedError: string;
                 textColorGhostFocusError: string;
                 textColorGhostDisabledError: string;
-                borderError: string; /**
-                 * 初始化props
-                 * @param {*} unionItem
-                 * @param {*} row
-                 * @param {*} column
-                 * @param {*} $rowIndex
-                 * @returns
-                 */
+                borderError: string;
                 borderHoverError: string;
                 borderPressedError: string;
                 borderFocusError: string;
@@ -1212,10 +1205,6 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryPressed: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
-                /**
-                 * 单个form提交成功数据
-                 * @param {*} obj formData
-                 */
                 colorQuaternaryPressed: string;
                 color: string;
                 colorHover: string;
@@ -1258,7 +1247,9 @@ declare const _default: import("vue").DefineComponent<{
                 textColorTextHoverPrimary: string;
                 textColorTextPressedPrimary: string;
                 textColorTextFocusPrimary: string;
-                textColorTextDisabledPrimary: string;
+                textColorTextDisabledPrimary: string; /**
+                 * tsx渲染表格
+                 */
                 textColorGhostPrimary: string;
                 textColorGhostHoverPrimary: string;
                 textColorGhostPressedPrimary: string;
@@ -1337,6 +1328,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColorTextPressedWarning: string;
                 textColorTextFocusWarning: string;
                 textColorTextDisabledWarning: string;
+                /** string */
                 textColorGhostWarning: string;
                 textColorGhostHoverWarning: string;
                 textColorGhostPressedWarning: string;
@@ -2855,15 +2847,7 @@ declare const _default: import("vue").DefineComponent<{
         row: any;
         rowIndex: any;
     };
-    initEditTable: () => Promise<void>;
-    activeMethod: ({ row, rowIndex, column, columnIndex }: {
-        row: any;
-        rowIndex: number;
-        column: any;
-        columnIndex: number;
-    }) => boolean;
     deleteRow: (row: any, col: any, index: number) => void;
-    onClickSelectTable: (row: any) => Promise<void>;
     onFormChange: ({ value, row, column, index }: {
         value: string | number | null;
         row: any;
@@ -3299,22 +3283,7 @@ declare const _default: import("vue").DefineComponent<{
                 errorColor: string;
                 errorColorHover: string;
                 errorColorPressed: string;
-                errorColorSuppl: string; /**
-                 * 针对 bigTable 的设置列
-                 * type: 列的类型
-                 * field: 列字段名（注：属性层级越深，渲染性能将直线下降）
-                 * title: 列标题（支持开启国际化）
-                 * width: 列宽度（如果为空则均匀分配剩余宽度，如果全部列固定了，可能会存在宽屏下不会铺满，可以配合 "%" 或者 "min-width" 布局）
-                 * minWidth: 最小列宽度；会自动将剩余空间按比例分配
-                 * resizable: 列是否允许拖动列宽调整大小
-                 * visible: 列是否显示
-                 * fixed: 将列固定在左侧或者右侧（注意：固定列应该放在左右两侧的位置）
-                 * align: 列对齐方式
-                 * headerAlign: 表头列的对齐方式
-                 * footerAlign: 表尾列的对齐方式
-                 * formatter: 格式化显示内容 Function({cellValue, row, column})
-                 * sortable: 是否允许列排序
-                 */
+                errorColorSuppl: string;
                 textColorBase: string;
                 textColor1: string;
                 textColor2: string;

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

@@ -82,10 +82,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       getInlineOpreateRow
     } = useBatchEditing(props, state, emit, xGrid);
     const {
-      initEditTable,
-      activeMethod,
       deleteRow,
-      onClickSelectTable,
       onFormChange,
       getDefaultValue
     } = useEdit(props, state, emit, xGrid);
@@ -541,7 +538,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             column: col,
             index: $rowIndex
           });
-        }
+        },
+        editTrigger: state.editConfig.trigger
       };
       if (formType === "date" || formType === "time") {
         propsData.formattedValue = row[col.columnName];

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createVNode, mergeProps } from 'vue';
+import { defineComponent, ref, computed, onMounted, createVNode, mergeProps } from 'vue';
 import { generateTimeFormat } from '../../../../../src/utils';
 import { isFunction } from 'lodash-es';
 import { NDatePicker } from 'naive-ui';
@@ -28,6 +28,8 @@ var EditDate = defineComponent({
     attrs,
     emit
   }) {
+    const dateRef = ref(null);
+    const isShow = ref(false);
     const onConfirm = (value) => {
       emit("formChange", {
         value,
@@ -124,7 +126,18 @@ var EditDate = defineComponent({
     if (config.type.includes("time")) {
       config.isTimeDisabled = customDateDisabledDecorator(props.col.isTimeDisabled) || isTimeDisabled;
     }
-    return () => createVNode(NDatePicker, mergeProps(attrs, config, {
+    onMounted(() => {
+      var _a;
+      if (attrs.editTrigger !== "manual") {
+        (_a = dateRef.value) == null ? void 0 : _a.focus();
+        isShow.value = true;
+      }
+    });
+    return () => createVNode(NDatePicker, mergeProps({
+      "ref": dateRef,
+      "show": isShow.value,
+      "onUpdate:show": ($event) => isShow.value = $event
+    }, attrs, config, {
       "onUpdateFormattedValue": onConfirm
     }), null);
   }

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createVNode, mergeProps } from 'vue';
+import { defineComponent, ref, onMounted, createVNode, mergeProps } from 'vue';
 import { NInput, NInputNumber } from 'naive-ui';
 
 var EditInput = defineComponent({
@@ -32,6 +32,7 @@ var EditInput = defineComponent({
     emit
   }) {
     const __value = ref(attrs.value);
+    const inputRef = ref(null);
     const onUpdateValue = (value) => {
       emit("formChange", {
         value,
@@ -52,11 +53,21 @@ var EditInput = defineComponent({
       placeholder: props.col.placeholder || "\u8BF7\u8F93\u5165",
       ...props.col.componentProps || {}
     };
-    return () => props.type === "input" ? createVNode(NInput, mergeProps(attrs, config, {
+    onMounted(() => {
+      var _a;
+      if (attrs.editTrigger !== "manual") {
+        (_a = inputRef.value) == null ? void 0 : _a.focus();
+      }
+    });
+    return () => props.type === "input" ? createVNode(NInput, mergeProps({
+      "ref": inputRef
+    }, attrs, config, {
       "value": __value.value,
       "onUpdate:value": ($event) => __value.value = $event,
       "onBlur": onBlur
-    }), null) : createVNode(NInputNumber, mergeProps(attrs, config, {
+    }), null) : createVNode(NInputNumber, mergeProps({
+      "ref": inputRef
+    }, attrs, config, {
       "onUpdateValue": onUpdateValue
     }), null);
   }

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

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | ObjectConstructor)[];
         default: number;
     };
-}, () => JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "setOptions")[], "formChange" | "setOptions", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "setOptions")[], "formChange" | "setOptions", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     col: {
         type: ObjectConstructor;
         default: () => {};

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

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, createVNode, mergeProps } from 'vue';
+import { defineComponent, ref, reactive, onMounted, createVNode, mergeProps } from 'vue';
 import { NSelect } from 'naive-ui';
 import vexutils from '../../../../../src/utils/vexutils';
 
@@ -28,6 +28,8 @@ var EditSelect = defineComponent({
     slots,
     emit
   }) {
+    const selectRef = ref(null);
+    const isShow = ref(false);
     const state = reactive({
       options: [],
       loading: false,
@@ -77,7 +79,16 @@ var EditSelect = defineComponent({
       }
     };
     init();
-    return () => [createVNode(NSelect, mergeProps(attrs, state.config, {
+    onMounted(() => {
+      var _a;
+      (_a = selectRef.value) == null ? void 0 : _a.focus();
+      isShow.value = true;
+    });
+    return () => createVNode(NSelect, mergeProps({
+      "ref": selectRef,
+      "show": isShow.value,
+      "onUpdate:show": ($event) => isShow.value = $event
+    }, attrs, state.config, {
       "options": state.options,
       "consistentMenuWidth": false,
       "clearable": true,
@@ -85,7 +96,7 @@ var EditSelect = defineComponent({
       "placeholder": props.col.placeholder || "\u8BF7\u9009\u62E9",
       "loading": state.loading,
       "onUpdateValue": onUpdateValue
-    }), null)];
+    }), null);
   }
 });
 

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

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, mergeProps } from 'vue';
+import { defineComponent, ref, onMounted, createVNode, mergeProps } from 'vue';
 import { NTimePicker } from 'naive-ui';
 
 var editTime = defineComponent({
@@ -30,6 +30,8 @@ var editTime = defineComponent({
     attrs,
     emit
   }) {
+    const timeRef = ref(null);
+    const isShow = ref(false);
     const onUpdateValue = (value) => {
       emit("formChange", {
         value,
@@ -44,7 +46,18 @@ var editTime = defineComponent({
       format: props.col.valueFormat || "yyyy-MM-dd HH:mm:ss",
       ...props.col.componentProps || {}
     };
-    return () => createVNode(NTimePicker, mergeProps(attrs, config, {
+    onMounted(() => {
+      var _a;
+      if (attrs.editTrigger !== "manual") {
+        (_a = timeRef.value) == null ? void 0 : _a.focus();
+        isShow.value = true;
+      }
+    });
+    return () => createVNode(NTimePicker, mergeProps({
+      "ref": timeRef,
+      "show": isShow.value,
+      "onUpdate:show": ($event) => isShow.value = $event
+    }, attrs, config, {
       "onUpdateFormattedValue": onUpdateValue
     }), null);
   }

package/es/packages/big-table/src/hooks/useEdit.d.ts

@@ -96,7 +96,7 @@ export declare const comps: {
             type: (NumberConstructor | ObjectConstructor)[];
             default: number;
         };
-    }, () => JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "setOptions")[], "formChange" | "setOptions", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "setOptions")[], "formChange" | "setOptions", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         col: {
             type: ObjectConstructor;
             default: () => {};
@@ -1470,12 +1470,6 @@ export declare const comps: {
 };
 export declare const useEdit: (props: any, state: any, emit: any, xGrid: any) => {
     initEditTable: () => Promise<void>;
-    activeMethod: ({ row, rowIndex, column, columnIndex }: {
-        row: any;
-        rowIndex: number;
-        column: any;
-        columnIndex: number;
-    }) => boolean;
     deleteRow: (row: any, col: any, index: number) => void;
     onClickSelectTable: (row: any) => Promise<void>;
     onFormChange: ({ value, row, column, index }: {

package/es/packages/big-table/src/hooks/useEdit.js

@@ -34,25 +34,6 @@ const useEdit = (props, state, emit, xGrid) => {
     xGrid.value.remove(row);
     emit("clickBtn", { row, column: col, index });
   };
-  const activeMethod = ({
-    row,
-    rowIndex,
-    column,
-    columnIndex
-  }) => {
-    var _a;
-    const { isEdit, fieldList } = props.columnConfig;
-    if (isEdit) {
-      const isEditCol = ((_a = fieldList.find((v) => v.columnName === column.field)) == null ? void 0 : _a.isEdit) || false;
-      if (isEditCol) {
-        return true;
-      } else {
-        return false;
-      }
-    } else {
-      return false;
-    }
-  };
   const onClickSelectTable = async (row) => {
     emit("clickSelectTable", { row });
     const record = {
@@ -131,7 +112,6 @@ const useEdit = (props, state, emit, xGrid) => {
   };
   return {
     initEditTable,
-    activeMethod,
     deleteRow,
     onClickSelectTable,
     onFormChange,

package/es/packages/big-table/style/index.css

@@ -538,6 +538,12 @@ body > .vxe-table--tooltip-wrapper {
   margin-right: 6px;
   box-shadow: 0px 2px 4px 0px rgba(99, 129, 249, 0.5);
 }
+.custom-big-table .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle {
+  box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.12);
+}
+.custom-big-table .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle {
+  box-shadow: -4px 0 4px 0 rgba(0, 0, 0, 0.12);
+}
 .annotation-edit {
   cursor: pointer;
   color: #0067ee;

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

@@ -22,9 +22,10 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
   const mainScaleWidth = 9;
   const subScaleWidth = 5;
   function drawScaleNumber(text, item, left2, top) {
+    const { position } = item;
     return new fabric.Text(String(text), {
       ...defaultTextStyle,
-      originX: item.position || "center",
+      originX: position == "left" ? "right" : position == "right" ? "left" : "center",
       left: left2,
       top,
       ...item.style
@@ -35,13 +36,13 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
     let lineXMain = [scaleLeft - mainScaleWidth / 2, scaleLeft + mainScaleWidth / 2];
     let lineXSub = [scaleLeft - subScaleWidth / 2, scaleLeft + subScaleWidth / 2];
     let textLeft = scaleLeft;
-    if (position === "left") {
+    if (position === "right") {
       scaleLeft = x;
       lineXMain = [scaleLeft, scaleLeft + mainScaleWidth];
       lineXSub = [scaleLeft, scaleLeft + subScaleWidth];
       textLeft = lineXMain[1];
     }
-    if (position === "right") {
+    if (position === "left") {
       scaleLeft = x + width;
       lineXMain = [scaleLeft - mainScaleWidth, scaleLeft];
       lineXSub = [scaleLeft - subScaleWidth, scaleLeft];

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

@@ -4,14 +4,6 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<any[]>;
         default: () => never[];
     };
-    menuSource: {
-        type: StringConstructor;
-        default: string;
-    };
-    drawerDirection: {
-        type: StringConstructor;
-        default: string;
-    };
     footerFlag: {
         type: BooleanConstructor;
         default: boolean;
@@ -20,6 +12,10 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    isEdit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     fieldsMapping: Record<string, string>;
     selectOptions: Record<string, string>[];
@@ -30,14 +26,6 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<any[]>;
             default: () => never[];
         };
-        menuSource: {
-            type: StringConstructor;
-            default: string;
-        };
-        drawerDirection: {
-            type: StringConstructor;
-            default: string;
-        };
         footerFlag: {
             type: BooleanConstructor;
             default: boolean;
@@ -46,6 +34,10 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        isEdit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onOnSave?: ((...args: any[]) => any) | undefined;
         onOnClose?: ((...args: any[]) => any) | undefined;
@@ -68,7 +60,11 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
             fixedShow: boolean;
             fixedWay: "NONE" | "LEFT" | "RIGHT";
             columnWidth: number;
+            editable: boolean;
+            required: boolean;
         }[];
+        widthShow: string;
+        widthLarge: string;
     };
     leftStyle: (ele: {
         [key: string]: any;
@@ -81,6 +77,8 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         fixedShow: boolean;
         fixedWay: "NONE" | "LEFT" | "RIGHT";
         columnWidth: number;
+        editable: boolean;
+        required: boolean;
     }) => {
         background: string | undefined;
     };
@@ -102,7 +100,10 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         fixedShow: boolean;
         fixedWay: "NONE" | "LEFT" | "RIGHT";
         columnWidth: number;
+        editable: boolean;
+        required: boolean;
     }) => void;
+    setWidth: () => void;
     NButton: import("vue").DefineComponent<{
         readonly color: StringConstructor;
         readonly textColor: StringConstructor;
@@ -6979,14 +6980,6 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<any[]>;
         default: () => never[];
     };
-    menuSource: {
-        type: StringConstructor;
-        default: string;
-    };
-    drawerDirection: {
-        type: StringConstructor;
-        default: string;
-    };
     footerFlag: {
         type: BooleanConstructor;
         default: boolean;
@@ -6995,14 +6988,17 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    isEdit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onOnSave?: ((...args: any[]) => any) | undefined;
     onOnClose?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
     fields: any[];
-    menuSource: string;
-    drawerDirection: string;
     footerFlag: boolean;
+    isEdit: boolean;
 }>>;
 export default FieldSet;