cnhis-design-vue 3.1.22-beta.1 → 3.1.22-beta.10

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

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

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

@@ -1,6 +1,10 @@
 import { COMPONENT_NAMESPACE } from '../../shared/global/variable2.js';
 import { safeComponentRegister } from '../../shared/utils/index2.js';
+import script from './src/IhoTable.js';
+import * as index from './src/plugins/index2.js';
+import 'vue';
 import 'lodash-es';
+import './src/constants/index2.js';
 import '../../shared/utils/tapable/SyncHook.js';
 import '../../shared/utils/tapable/SyncBailHook.js';
 import '../../shared/utils/tapable/SyncWaterfallHook.js';
@@ -13,13 +17,14 @@ import '../../shared/utils/tapable/AsyncSeriesLoopHook.js';
 import '../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
 import { useTablePlugin } from './src/hooks/useTablePlugin2.js';
 export { defineTablePlugin, useTablePlugin } from './src/hooks/useTablePlugin2.js';
-import script from './src/IhoTable.js';
-import * as index from './src/plugins/index2.js';
 
-useTablePlugin().use(Object.values(index).map((plugin) => plugin()));
+const { use } = useTablePlugin();
+const useIhoTablePresetPlugins = (instance) => {
+  use(Object.values(index).map((plugin) => plugin()), instance);
+};
 const IhoTable = script;
 IhoTable.install = function(app) {
   safeComponentRegister(app, IhoTable, COMPONENT_NAMESPACE + "IhoTable");
 };
 
-export { IhoTable as default };
+export { IhoTable as default, useIhoTablePresetPlugins };

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

@@ -1,10 +1,10 @@
-import { defineComponent, provide, ref, openBlock, createElementBlock, createVNode, unref, mergeProps, withCtx, Fragment, renderList, createBlock } from 'vue';
+import { defineComponent, provide, ref, computed, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, unref, withCtx, Fragment, renderList, createBlock } from 'vue';
 import { watchDebounced } from '@vueuse/shared';
-import { Table } from 'vxe-table';
-import { InjectionIhoTableEmits, InjectionIhoTableConfig } from './constants/index2.js';
-import { createTableHooks, applyTableConfigHooks, applyTableFieldHooks } from './hooks/tapHooks/index2.js';
-import 'lodash-es';
-import IhoTableColumn from './components/IhoTableColumn.js';
+import { isArray } from 'lodash-es';
+import { VxeEventListenerNameList, InjectionIhoTableEmits, InjectionIhoTableConfig } from './constants/index2.js';
+import { createTableHooks, createTableEventHandlers, applyTableConfigHooks, applyTableFieldHooks } from './hooks/tapHooks/index2.js';
+import { getEventName } from './utils/index2.js';
+import ColumnComponent from './components/IhoTableColumn.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
 const _hoisted_1 = { class: "iho-table" };
@@ -15,26 +15,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     fieldList: { type: Array, required: true },
     tableData: { type: Array, default: () => [] }
   },
-  emits: ["settingClick"],
-  setup(__props, { emit: emits }) {
+  emits: [
+    "formChange",
+    "settingClick",
+    ...VxeEventListenerNameList.map(getEventName)
+  ],
+  setup(__props, { expose, emit: emits }) {
     const props = __props;
     provide(InjectionIhoTableEmits, emits);
+    const vxeTableRef = ref();
     const hooks = createTableHooks();
-    const configRef = ref();
+    const configRef = ref({});
     provide(InjectionIhoTableConfig, configRef);
+    function updateConfigRef(config) {
+      if (!config)
+        return;
+      configRef.value = applyTableConfigHooks(hooks, config);
+    }
     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 bindProperties = computed(() => ({ ...configRef.value, ...eventHookHandler }));
     watchDebounced(() => props.tableConfig, (config) => {
-      configRef.value = applyTableConfigHooks(hooks, config || {});
+      updateConfigRef(config);
+      updateFieldListRef(props.fieldList);
     }, { immediate: true, flush: "post", deep: true, debounce: 50 });
     watchDebounced(() => props.fieldList, (fieldList) => {
-      fieldListRef.value = applyTableFieldHooks(hooks, fieldList, configRef.value || {});
+      updateFieldListRef(fieldList, configRef.value);
     }, { immediate: true, flush: "post", deep: true, debounce: 50 });
+    expose({ tableRef: vxeTableRef });
     return (_ctx, _cache) => {
+      const _component_vxe_table = resolveComponent("vxe-table");
       return openBlock(), createElementBlock("section", _hoisted_1, [
-        createVNode(unref(Table), mergeProps(configRef.value, { data: __props.tableData }), {
+        createVNode(_component_vxe_table, mergeProps({
+          ref_key: "vxeTableRef",
+          ref: vxeTableRef
+        }, unref(bindProperties), {
+          eventHookHandler: "",
+          data: __props.tableData
+        }), {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(fieldListRef.value, (field) => {
-              return openBlock(), createBlock(unref(IhoTableColumn), {
+              return openBlock(), createBlock(unref(ColumnComponent), {
                 key: field.field,
                 field
               }, null, 8, ["field"]);