cnhis-design-vue 3.1.22 → 3.1.23-beta.0

package/es/components/iho-table/index.js

@@ -1,3 +1,3 @@
 export { default, useIhoTablePresetPlugins } from './index2.js';
 export { defineTablePlugin, useTablePlugin } from './src/hooks/useTablePlugin2.js';
-export { AbstractConfigHooks, AbstractDataHooks, AbstractEventHooks, AbstractFieldHooks } from './src/types/pluginType2.js';
+export { AbstractConfigHooks, AbstractDataHooks, AbstractEventHooks, AbstractFieldHooks, AbstractSetupHooks } from './src/types/pluginType2.js';

package/es/components/iho-table/src/IhoTable.js

@@ -1,8 +1,9 @@
-import { defineComponent, provide, ref, computed, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, unref, withCtx, Fragment, renderList, createBlock } from 'vue';
-import { watchDebounced } from '@vueuse/shared';
-import { isArray } from 'lodash-es';
-import { VxeEventListenerNameList, InjectionIhoTableEmits, InjectionIhoTableConfig } from './constants/index2.js';
-import { createTableHooks, createTableEventHandlers, applyTableConfigHooks, applyTableFieldHooks } from './hooks/tapHooks/index2.js';
+import { defineComponent, provide, ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, unref, withCtx, Fragment, renderList, createBlock } from 'vue';
+import { uuidGenerator } from '../../../shared/utils/index2.js';
+import { useDebounceFn } from '@vueuse/core';
+import { VxeEventListenerNameList, InjectionIhoTableEmits, InjectionIhoTableUUID, InjectionIhoTableConfig, InjectionIhoTableHandler } from './constants/index2.js';
+import { createTableHooks, applyTableConfigHooks, applyTableFieldHooks, createTableEventHandlers, createDataTransfer } from './hooks/tapHooks/index2.js';
+import 'lodash-es';
 import { getEventName } from './utils/index2.js';
 import ColumnComponent from './components/IhoTableColumn.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
@@ -11,8 +12,8 @@ const _hoisted_1 = { class: "iho-table" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IhoTable",
   props: {
-    tableConfig: { type: Object },
-    fieldList: { type: Array, required: true },
+    tableConfig: { type: Object, default: () => ({}) },
+    fieldList: { type: Array, default: () => [] },
     tableData: { type: Array, default: () => [] }
   },
   emits: [
@@ -21,42 +22,62 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ...VxeEventListenerNameList.map(getEventName)
   ],
   setup(__props, { expose, emit: emits }) {
+    var _a, _b;
     const props = __props;
     provide(InjectionIhoTableEmits, emits);
-    const vxeTableRef = ref();
+    const uuid = uuidGenerator();
+    const uuidRef = ref(uuid);
+    provide(InjectionIhoTableUUID, uuidRef);
+    const $table = ref();
     const hooks = createTableHooks();
-    const configRef = ref({});
+    const configRef = ref({ uuid: (_b = (_a = props.tableConfig) == null ? void 0 : _a.uuid) != null ? _b : uuid });
     provide(InjectionIhoTableConfig, configRef);
-    function updateConfigRef(config) {
-      if (!config)
-        return;
-      configRef.value = applyTableConfigHooks(hooks, config);
-    }
+    const updateConfigRef = useDebounceFn(() => {
+      configRef.value = applyTableConfigHooks(hooks, props.tableConfig);
+      configRef.value.uuid = uuidRef.value;
+    }, 10);
     const fieldListRef = ref([]);
-    function updateFieldListRef(fieldList, config) {
-      if (!isArray(fieldList) || !config)
-        return;
-      fieldListRef.value = applyTableFieldHooks(hooks, fieldList, config);
-    }
-    const eventHookHandler = createTableEventHandlers(hooks, configRef, vxeTableRef, emits);
+    const updateFieldListRef = useDebounceFn(() => {
+      fieldListRef.value = applyTableFieldHooks(hooks, props.fieldList, configRef.value);
+    }, 10);
+    const dataTransfer = createDataTransfer(hooks, configRef, $table);
+    const tableDataRef = ref([]);
+    const updateTableDataRef = useDebounceFn(async () => {
+      var _a2;
+      tableDataRef.value = await dataTransfer(props.tableData);
+      (_a2 = $table.value) == null ? void 0 : _a2.recalculate(true);
+    }, 10);
+    const tableHandler = { updateTableDataRef, updateConfigRef, updateFieldListRef };
+    provide(InjectionIhoTableHandler, tableHandler);
+    const eventHookHandler = createTableEventHandlers({
+      hooks,
+      config: configRef,
+      $table,
+      context: tableHandler,
+      emits
+    });
     const bindProperties = computed(() => ({ ...configRef.value, ...eventHookHandler }));
-    watchDebounced(() => props.tableConfig, (config) => {
-      updateConfigRef(config);
-      updateFieldListRef(props.fieldList);
-    }, { immediate: true, flush: "post", deep: true, debounce: 50 });
-    watchDebounced(() => props.fieldList, (fieldList) => {
-      updateFieldListRef(fieldList, configRef.value);
-    }, { immediate: true, flush: "post", deep: true, debounce: 50 });
-    expose({ vxeTable: vxeTableRef });
+    watch(() => props.tableConfig, () => {
+      updateConfigRef();
+      updateFieldListRef();
+      updateTableDataRef();
+    }, { immediate: true, deep: true });
+    watch(() => props.fieldList, () => {
+      updateFieldListRef();
+      updateTableDataRef();
+    }, { immediate: true, deep: true });
+    watch(() => props.tableData, updateTableDataRef, { immediate: true });
+    expose({ $table });
+    hooks.setupHooks.setup.call(configRef, fieldListRef);
     return (_ctx, _cache) => {
       const _component_vxe_table = resolveComponent("vxe-table");
       return openBlock(), createElementBlock("section", _hoisted_1, [
         createVNode(_component_vxe_table, mergeProps({
-          ref_key: "vxeTableRef",
-          ref: vxeTableRef
+          ref_key: "$table",
+          ref: $table
         }, unref(bindProperties), {
           eventHookHandler: "",
-          data: __props.tableData
+          data: tableDataRef.value
         }), {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(fieldListRef.value, (field) => {