cnhis-design-vue 3.0.7 → 3.0.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cnhis-design-vue",
   "private": false,
-  "version": "3.0.7",
+  "version": "3.0.8",
   "main": "es/index.js",
   "module": "es/index.js",
   "scripts": {
@@ -15,13 +15,13 @@
   },
   "peerDependencies": {
     "@vicons/ionicons5": "^0.12.0",
-    "naive-ui": "^2.28.1"
+    "naive-ui": "^2.29.0"
   },
   "dependencies": {
     "@vicons/ionicons5": "^0.12.0",
     "crypto-js": "^4.1.1",
     "moment": "^2.29.1",
-    "naive-ui": "^2.28.1",
+    "naive-ui": "^2.29.0",
     "vue": "^3.2.25",
     "vue-router": "^4.0.13",
     "vuedraggable": "^4.1.0",

package/packages/big-table/src/BigTable.vue

@@ -26,9 +26,9 @@
       </p>
       <template v-if="state.visibleCheckAllWrapMore && !props.asyncCount">
         <p v-if="!visibleCancelCheckAllBtn" class="check-wrap-btn" @click="handleCheckAll">
-          <span v-if="pageVO.total > MAX_CHECK_SIZE">
-            <!-- {{ `最大勾选“${tableName}” ${MAX_CHECK_SIZE}条数据` }} -->
-            {{ `勾选全部页 ${MAX_CHECK_SIZE}条数据` }}
+          <span v-if="pageVO.total > maxCheckSize">
+            <!-- {{ `最大勾选“${tableName}” ${maxCheckSize}条数据` }} -->
+            {{ `勾选全部页 ${maxCheckSize}条数据` }}
           </span>
           <span v-else>
             <!-- {{ $t("1.9.598", { name: tableName, total }) }} -->
@@ -96,6 +96,7 @@
         iconOpen: 'iconfont icon-a-xitongtubiaozhediejian',
         iconClose: 'iconfont icon-a-xitongtubiaotianjia',
       }"
+      :keyboard-config="columnConfig.keyboardConfig || {}"
       @cell-dblclick="rowdblclick"
       @cell-click="handlerClickRow"
       @checkbox-change="selectionChange"
@@ -289,7 +290,7 @@ const currentCheckedKeys = computed(() => {
 });
 const visibleCancelCheckAllBtn = computed(() => {
   let isCurrentPageAllCheck = state.currentPageSelectedLength === state.curAbleCheckedLen;
-  let isMaxChecked = currentCheckedKeys.value.length === props.MAX_CHECK_SIZE;
+  let isMaxChecked = currentCheckedKeys.value.length === props.maxCheckSize;
   let isCheckedTotal = currentCheckedKeys.value.length === props.pageVO.total;
 
   return isMaxChecked || !isCurrentPageAllCheck || isCheckedTotal;
@@ -1218,8 +1219,8 @@ const refreshTable = () => {
 };
 /* 全选相关 */
 const handleCheckAll = () => {
-  if (props.pageVO.total > props.MAX_CHECK_SIZE) {
-    let text = `当前列表共${props.pageVO.total}条数据，为了确保系统安全，只能单次操作${props.MAX_CHECK_SIZE}条，你可以通过高级筛选过滤再次尝试`;
+  if (props.pageVO.total > props.maxCheckSize) {
+    let text = `当前列表共${props.pageVO.total}条数据，为了确保系统安全，只能单次操作${props.maxCheckSize}条，你可以通过高级筛选过滤再次尝试`;
     (window as any).$message.warning(text);
     // return false;
   }
@@ -1325,8 +1326,7 @@ const getAsyncTableData = (params: any) => {
 };
 const setChecklist = (list: any) => {
   return list.map((i: any) => {
-    // this.$set(i, 'checked', false);
-    i["checked"] = false;
+    i["checked"] = i.checked || false;
     if (state.isTree == 2) {
       const treeNodeKey = state.levelLazyLoadSetting.childCountKey;
       const { isTreeOrList = "" } = props.tableParams;
@@ -1611,8 +1611,8 @@ const addCheckedRows = (rows: any) => {
   removeCheckedDisabledRows(state);
   let checkedRows = state.checkedRows;
 
-  if (currentCheckedKeys.value.length + rows.length > props.MAX_CHECK_SIZE) {
-    (window as any).$message.warning(`为了保证系统安全，单次操作数据量限额为${props.MAX_CHECK_SIZE}条，你可以通过高级筛选过滤后再次尝试`);
+  if (currentCheckedKeys.value.length + rows.length > props.maxCheckSize) {
+    (window as any).$message.warning(`为了保证系统安全，单次操作数据量限额为${props.maxCheckSize}条，你可以通过高级筛选过滤后再次尝试`);
     return false;
   }
 
@@ -1685,10 +1685,21 @@ const showDrawer = () => {
   emit("setNestTableClickSetting", props.isNestTable);
   emit("showDrawer", theads);
 };
+let scrollEvent = (params: any) => {
+  emit('scroll', params)
+}
+const initScroll = () => {
+  const { throttle = false, throttleTime = 800, throttleOptions = {} } = props.columnConfig?.scrollConfig
+  if (throttle) {
+    scrollEvent = vexutils.throttle(scrollEvent, throttleTime, throttleOptions)
+  }
+}
+initScroll()
 const handlerScroll = (params: any) => {
   if (params.isX) {
     hideFilterWrap(state, props);
   }
+  scrollEvent(params)
 };
 const handleCellMouseenter = ({ column, $event }: any) => {
   // vxe-table@2.10+  触发tooltip给vxe-cell父节点设置了title 导致显示有误

package/packages/big-table/src/bigTableEmits.ts

@@ -41,7 +41,8 @@ const bigTableEmits: string[] = [
   "selectionChangeLocal",
   "switchBtnOnChange",
   "asyncTableChange",
-  "formChange"
+  "formChange",
+  "scroll"
 ];
 
 export default bigTableEmits;

package/packages/big-table/src/bigTableProps.ts

@@ -1,6 +1,6 @@
 const bigTableProps = {
   data: { type: Array, default: () => [] },
-  MAX_CHECK_SIZE: { type: Number, default: 0 },
+  maxCheckSize: { type: Number, default: 0 },
   showFooter: Boolean,
   sumData: { type: Object, default: () => ({}) },
   avgData: { type: Object, default: () => ({}) },

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

@@ -82,16 +82,16 @@ export const useEdit = (props: any, state: any, emit: any, xGrid: any) => {
     xGrid.value.clearActived()
   }
 
-  const onFormChange = ({ value, row, column }: {value: number | string | null, row: any, column: any}) => {
+  const onFormChange = ({ value, row, column, index }: {value: number | string | null, row: any, column: any, index: number}) => {
     row[column.columnName] = value
-    emit('formChange', { value, row, column })
+    emit('formChange', { value, row, column, index })
   }
 
   const getDefaultValue = (params: any, item: any) => {
     const value = params.row[item.columnName]
     if (item.formType === 'select') {
       if (item.options) {
-        return item.options.find((v: any) => v.value === value)?.label || ''
+        return item.options.find((v: any) => v.value == value)?.label || ''
       }
       if (item.queryOptions) {
         return (params.row[`${item.columnName}_options`]?.find((v: any) => v.value === value)?.label) || ''

package/packages/index.ts

@@ -5,6 +5,7 @@ import { default as CBigTable } from './big-table';
 import { default as CFieldSet } from './field-set';
 import { default as CDragLayout } from './drag-layout';
 import { default as CButtonPrint } from './button-print';
+import { default as CSelectPerson } from './select-person';
 
 // 存储组件列表
 const components: any[] = [
@@ -12,7 +13,8 @@ const components: any[] = [
   CBigTable,
   CFieldSet,
   CDragLayout,
-  CButtonPrint
+  CButtonPrint,
+  CSelectPerson
 ];
 // 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
 const install = function(app: App) {
@@ -27,7 +29,8 @@ export {
   CBigTable,
   CFieldSet,
   CDragLayout,
-  CButtonPrint
+  CButtonPrint,
+  CSelectPerson
 }
 
 export default {