cnhis-design-vue 0.3.5-beta → 0.3.8-beta

package/es/index.js

@@ -1,7 +1,7 @@
 import { watch, h as h$1, resolveComponent, defineComponent, inject, computed, nextTick, reactive, createApp, ref, Teleport, createCommentVNode, provide, onMounted, onUnmounted, getCurrentInstance, onBeforeUnmount, onActivated, onDeactivated, createVNode, isVNode, openBlock, createElementBlock, unref, createElementVNode, toDisplayString, withCtx, normalizeClass, renderSlot, createTextVNode, mergeProps, useAttrs, normalizeStyle, withDirectives, vShow, Fragment, createBlock, pushScopeId, popScopeId, vModelCheckbox, withModifiers } from 'vue';
 import axios from 'axios';
-import { CaretDown, CaretForward, SyncOutline, SettingsSharp, CopyOutline, EllipsisVerticalSharp, Reload, ChevronDown } from '@vicons/ionicons5';
-import { NTooltip, useMessage, NInputGroup, NInput, NButton, NCheckbox, NCheckboxGroup, NSpace, NIcon, NPopconfirm, NDropdown, NSwitch, NPopover, NProgress, NDatePicker, NSelect, NRadio, NModal, NForm, NGrid, NFormItemGi, NInputNumber, NFormItem } from 'naive-ui';
+import { SettingsSharp, CaretDown, CaretForward, SyncOutline, CopyOutline, EllipsisVerticalSharp, Reload, ChevronDown } from '@vicons/ionicons5';
+import { NTooltip, NSelect, NPagination, NEmpty, NSpin, NSpace, NInput, useMessage, NIcon, NInputGroup, NButton, NCheckbox, NCheckboxGroup, NPopconfirm, NDropdown, NSwitch, NPopover, NProgress, NDatePicker, NRadio, NModal, NForm, NGrid, NFormItemGi, NInputNumber, NFormItem } from 'naive-ui';
 import draggable from 'vuedraggable';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -30974,7 +30974,8 @@ const bigTableState = {
     editColumnMap: {},
     fieldLength: 0,
     originFormatList: [],
-    isSaveForm: false
+    isSaveForm: false,
+    editConfig: { trigger: "manual", mode: "cell", autoClear: false, showIcon: false }
 };
 
 const bigTableProps = {
@@ -38666,7 +38667,7 @@ var img$3 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAADKCAYAAABDnT56A
 const _hoisted_1$7 = { class: "no-data-tip NoData-page" };
 const _hoisted_2$6 = ["src"];
 const _hoisted_3$4 = { key: 1 };
-var script$8 = /* @__PURE__ */ defineComponent({
+var script$b = /* @__PURE__ */ defineComponent({
     props: {
         noDataTip: {
             type: String,
@@ -38727,14 +38728,14 @@ var script$8 = /* @__PURE__ */ defineComponent({
     }
 });
 
-script$8.__scopeId = "data-v-4a4b0812";
-script$8.__file = "packages/big-table/src/components/NoData.vue";
+script$b.__scopeId = "data-v-4a4b0812";
+script$b.__file = "packages/big-table/src/components/NoData.vue";
 
 const _hoisted_1$6 = { class: "text-over-tooltip-components" };
 const __default__$7 = {
     name: "TextOverTooltip"
 };
-var script$7 = /* @__PURE__ */ defineComponent({
+var script$a = /* @__PURE__ */ defineComponent({
     ...__default__$7,
     props: {
         content: { type: [String, Number], required: false },
@@ -38802,15 +38803,15 @@ var script$7 = /* @__PURE__ */ defineComponent({
     }
 });
 
-script$7.__scopeId = "data-v-6633a934";
-script$7.__file = "packages/big-table/src/components/TextOverTooltip.vue";
+script$a.__scopeId = "data-v-6633a934";
+script$a.__file = "packages/big-table/src/components/TextOverTooltip.vue";
 
 const _hoisted_1$5 = { key: 0 };
 const _hoisted_2$5 = ["xlink:href"];
 const __default__$6 = {
     name: "SvgIcon"
 };
-var script$6 = /* @__PURE__ */ defineComponent({
+var script$9 = /* @__PURE__ */ defineComponent({
     ...__default__$6,
     props: {
         iconClass: { type: String, required: true, default: "" },
@@ -38840,8 +38841,188 @@ var script$6 = /* @__PURE__ */ defineComponent({
     }
 });
 
-script$6.__scopeId = "data-v-372ca5c1";
-script$6.__file = "packages/big-table/src/components/SvgIcon.vue";
+script$9.__scopeId = "data-v-372ca5c1";
+script$9.__file = "packages/big-table/src/components/SvgIcon.vue";
+
+var script$8 = defineComponent({
+    name: "EditSelectTable",
+    inheritAttrs: false,
+    components: {
+        NSelect,
+        CGrid,
+        NPagination,
+        NEmpty,
+        NSpin,
+        NSpace
+    },
+    props: {
+        row: {
+            type: Object,
+            default: {}
+        },
+        col: {
+            type: Object,
+            default: {}
+        },
+        value: {
+            type: String,
+            default: ""
+        }
+    },
+    emits: ["update:value"],
+    setup(props, { attrs, slots, emit }) {
+        const state = reactive({
+            value: props.value,
+            row: JSON.parse(JSON.stringify(props.row)),
+            page: 1,
+            pageCount: 0,
+            keyword: "",
+            data: [],
+            columns: JSON.parse(JSON.stringify(props.col.tableColumn)),
+            loading: false,
+            show: true
+        });
+        const selectTableFocus = () => {
+            state.show = true;
+            state.page = 1;
+            state.keyword = "";
+            state.pageCount = 0;
+            querySelectTableList();
+        };
+        const querySelectTableList = async () => {
+            state.loading = true;
+            const obj = {
+                page: state.page,
+                keyword: state.keyword
+            };
+            const { data, pageCount } = await props.col.querySelectTableList(obj);
+            state.data = data;
+            state.pageCount = pageCount;
+            state.loading = false;
+        };
+        let selectTableSearch = (value) => {
+            console.log("keyword", value);
+            state.keyword = value;
+            querySelectTableList();
+        };
+        selectTableSearch = xeUtils.debounce(selectTableSearch, 800);
+        const getSelectTableGrid = () => {
+            const config = {
+                border: "outer",
+                resizable: true,
+                autoResize: true,
+                showOverflow: true,
+                showHeaderOverflow: true,
+                highlightHoverRow: true,
+                highlightCurrentRow: true,
+                maxHeight: "500",
+                align: "center",
+                columns: state.columns,
+                data: state.data
+            };
+            return /* @__PURE__ */ vueJsxCompat(CGrid, {
+                ...config,
+                onCellClick: (data) => onCellClick(data)
+            }, {
+                empty: () => /* @__PURE__ */ vueJsxCompat(NEmpty, {
+                    description: "\u65E0\u6570\u636E"
+                })
+            });
+        };
+        const onCellClick = (data) => {
+            emit("update:value", data.row?.[props.col.columnName]);
+            state.show = false;
+        };
+        const getPagination = () => {
+            const pagination = () => {
+                return /* @__PURE__ */ vueJsxCompat(NPagination, {
+                    "v-model": [state.page, "page"],
+                    pageCount: state.pageCount,
+                    onUpdatePage: (page) => querySelectTableList()
+                });
+            };
+            return /* @__PURE__ */ vueJsxCompat(NSpace, {
+                justify: "space-between",
+                align: "center",
+                style: "margin-top: 5px"
+            }, [`\u5171${state.pageCount}\u6761`, pagination()]);
+        };
+        return () => [
+            /* @__PURE__ */ vueJsxCompat(NSelect, {
+                class: "form-select-table",
+                options: [],
+                consistentMenuWidth: false,
+                clearable: true,
+                filterable: true,
+                to: false,
+                show: state.show,
+                loading: state.loading,
+                onFocus: selectTableFocus,
+                onBlur: () => state.show = false,
+                onSearch: selectTableSearch
+            }, {
+                action: () => state.loading ? /* @__PURE__ */ vueJsxCompat(NSpace, {
+                    justify: "center"
+                }, /* @__PURE__ */ vueJsxCompat(NSpin, {
+                    class: "spin",
+                    size: "small"
+                })) : [getSelectTableGrid(), state.pageCount ? getPagination() : null]
+            })
+        ];
+    }
+});
+
+script$8.__scopeId = "data-v-464c5a9c";
+script$8.__file = "packages/big-table/src/components/edit-form/edit-select-table.vue";
+
+var script$7 = defineComponent({
+    name: "EditInput",
+    inheritAttrs: false,
+    components: {
+        NInput
+    },
+    setup(props, { attrs, slots, emit }) {
+        return () => [
+            /* @__PURE__ */ vueJsxCompat(NInput, {
+                ...attrs
+            })
+        ];
+    }
+});
+
+script$7.__file = "packages/big-table/src/components/edit-form/edit-input.vue";
+
+var script$6 = defineComponent({
+    name: "EditSelect",
+    inheritAttrs: false,
+    components: {
+        NSelect
+    },
+    props: {
+        col: {
+            type: Object,
+            default: {}
+        }
+    },
+    setup(props, { attrs, slots, emit }) {
+        const state = reactive({
+            options: JSON.parse(JSON.stringify(props.col.options || []))
+        });
+        return () => [
+            /* @__PURE__ */ vueJsxCompat(NSelect, {
+                ...attrs,
+                options: state.options,
+                consistentMenuWidth: false,
+                clearable: true,
+                filterable: true,
+                to: false,
+                placeholder: "\u8BF7\u9009\u62E9"
+            })
+        ];
+    }
+});
+
+script$6.__file = "packages/big-table/src/components/edit-form/edit-select.vue";
 
 var img$2 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAYm0lEQVR4XtVd+3MVVZ7/dudF3iEJCa+QB6+ACCKP+AAcBVEZZWsVmZldZ6xRkIRZrZ3Z2T9gd539ZYaZLcUkCjpTs1u1NZRu+WRFURR5riAKAgEEkhDyTsg7Iffe7q3P9/a3Od237yMP1Omqrk7u7e7zPZ/z+T7P6b4afYfbyy+/nGua5mLTNOcSkeyTiSjdNM10TdPSIZ5pmr2apvUSEfZmIjqHXdM07Ce2bNnS/l11Q/s2G961a1dyZ2fnGiK6zzCM+zRNu9U0zTHJoGmaaZrmKV3XPyaij7Ozs/du3Lhx8Nvq15iEj0VIALRjx45VgUDgZ6ZpbiCijFiuG8M5PZqmvR4XF/fnzZs37wfAY7hX1EtvGoC7d+9Oqq+v/7lhGP9MRCVRJbk5J1zSdf23M2bM+OO6deuu34wmxh1AqGlHR0e5aZq/JqKpN0PoUdyzUdO03+Xk5FSPt3qPK4DV1dWPmKb5gmmaRaPo5E2/RNO0Wk3TnisvL39nvBobFwB37txZ6PP5ANz68RLsZt5H07S3dV1/dsuWLfVjbWfMAFZXVz9qGMarRJQ1VmG+5eu7dF1/ury8/H/G0u6oAdy1a1die3v774jo2bEI8D249sXc3Nxfb9y4cXg0sowKwJ07d2YPDw/Djtw1mkZjvcY0Rx6BaNqounQoMTHxkU2bNnXGKpucN+LWduzYMd3v9+8xTXP+SBsLd/5ogBpJ27GAqmnamfj4+Ac2b97cMKJ7j+TkyspKpFsfElHBSK7zOjcaaAkJCZScnEwTJkygxMREwv848ohrGum6Tn6fj4Z9PvL5fDTQ308Dg4N0/bp3uBcLiER0hYju37p1K1LFmLaYGQjm+Xy+Q2MBLxJoSYmJlJmVRelpaZSWnk7xcXEMFATEdQwAdlWt3epqmgxoe3s7tba2kt/vd4AQK4gJCQl3xcrEmACEzfP5fJ+NVm3DAZeSnExZWVmUNXEiAUDpoABmAwcQQTw5uoDEdeq5/QMDdO3aNWppaRkNgJDjTEJCwspYbGJUAC1vu280DsMLOKjexKwsys3NZfUMauQNAFQgIuqQm53WyWdramhw8EYtQWVdjAyUZg/l5ubeG807RwWwsrLyhZGGKuGAy8nJobxJk9h+qWyS890MVAEUkG3vFwb0kydPUsAwbDaPAUA09eLWrVufizSQEQG0guQ3YrKm1kle4GVnZzNwbNcUdbRtmtgy2DfFrolwEsyIA4nE0ra2NmpsahovADHYj0UKtsMCiPRseHj4y5FkGG7w4DmnTZ1KsHUqcGLP7IERm+ZSSxs4N8ACtOVQmJ3WzdCh1rY23r2AHqEa465dcXFxi8KlfWEBrKqqemskua0bvIyMDJqSn28zwWXNbW9qd97ytHwfC8gQ5itA26oszFedDBH19ffTlYYGMhR1VtV/JFqF3LmiouJvvK7xBBBVFcMw3o61ETd4M0tKaHJeHocThoQgys1se6Z404jMUL2uh/MIx+hAIED1DQ00NDQUMpAjZaKu6+u9qjghAFr1vDOxlqTc4M2aOZMKpk9nuBDYdnZ0BNVXgDTNG+oWY9olLLVtYgSWqoxGuwjG2zs6qOHq1TGBiFJYTk7OfHc9MQTA6urqXxmGsS0W9rnBKyospOIiZykQow/DDlVyqF04u6bYMmaW5W3xsSMO9BDQca6mMXjw/NgA4PkLF8YK4q8qKir+oDbtABBl+Nra2kuxVJLd4EHQhQsWeOIOVero6KCBgYEb3yse1wbG8tAMloQpwX8ijqcjkLYcC7KazMxMx3WNjY1Uc/78WEBsLCoqKlGnBxySVVdXlxuGUTVS9iFHLVu2jOLj4yNe2t/fz3Yx4PffYJYFjoAoTOMbqU5D9bxiBz2yk5TUVM5sEhMSPGVpam4mBNtuGxirTdR1vaK8vLzaoU2WjdKqqqq+iWUCSGUf/l60cCHlZGdHxR0Ai01qbGggMNMOni0wHGxzsdTdgDiPlLQ0Sk1J4cwGoVO07dz583S1sdEBYqwAEtGlioqKWTLbZzPwlVdeucfv938SrXFxCHJeVmYmLb7ttrCXQbD09HRmRWpamn0e0q2zp09TwxUUQMJsSjjDcZ6EOkQ0KTeXpkybRpOnTLFTQhQPerq7qevatbBVGdwG9vjI0aM0dP36qECMj4//wTPPPPOpQ1uqqqpeNU3zqWgAutm3eNEimjhxoudlAC4vP58Sk5LC3ra5qYlOHD9Ow8PDDJAaPKttCUNQfFiwaJHtHMLduLe3l9paW+n60JDnKV5OJVYWapr2WkVFxdM2gAhd2tvbsWQi6qS32qm0tDRatmRJiIBxcXE0ZepUSs+Ieju+Fp38ZN8+Gujrc9o9152nTptGy8rKOJeOdQOI7W1tIacjPj1w8CCXvEaRL/fk5uZORkjDKhxr4Oxm3y3z51N+Xp5DuKSkJCooLGSHEuuI4gZQvY8/+ogCPh+D6EjDTJPSMzNp9f33EwZnpFtvTw9dvXqVTCWUwj3OnD1LzS0towEQg8iBtQD4B8Mw/jGaYCqAYME9K1c6LklITKSi4mLupBs8qCi8L2+aRgDazaRTJ09SzZkzN2ydEjDfuWIFTbMCdGkUTmhYqUDHJyR4OhHIDZtbV1vrKMgiwD556pQlUtAdxDrouq7/R3l5+S/5qsrKyq+IaGGsAEIgVFcW3HKLfQlAKywu5rK7WxB0VDISuQAAZrjitL6+PnrvrbccnYBNhGf92w0bQjqHoinK+rKh8zm5uZ4gQGY4F9hc2eBM9h84EJIvxwjiya1bty7SsMTMMIzWaKuk3Oo7v7SUJk/GSrTgNq2ggGAT0biXAABHZSAqNGCse9uze3cQbCXnhae9dw0WdTk3zH/AfopsuF9KSoonD+ScK/X11A9ba21gIJioDnosACKM0XU9T6uurr7fMIwPYmUfn2eatHLlSru+B+CmTp9uq6QqAAvuDoIjZBZHDx+mixcuOMQpLikhqHC4zR5cdz1RaUfOAeiXL160b4XaYc254BySyB0LgDhf1/W1APBZwzBQdY64iQA4IjxRvW9RSQnbNFUAqAdUF6zDEQZcj4vjHYVVtpMe3vT0qVN04tgxR/o2Z+5cWn7nnSHyQRbcF56U2woE+BzY1rj4eG4H7dnBOs43TUIQjzAH2+DQEB06fDhEc2IBUdO0ZwHgdsMwfjESAFFtmT1rFl+C4BjGXVVdgAfj3tfbS0ODg6RbTODanK5TWkYGTUhO5nQLHVS3b86fp0MHDtwoHBDR/FtvpSXLljnOkwGCCvd0dbEtlHvhOwwoZEtEdoKIQNcZPOyQ62rDjelf2MHRhDO6rr+kVVZWYp431MAo4rrtH4oGmBTChtgM05ACIIQHaNc6OjiUSU5JCbLDMNgZwGvBHoId6VlZ3FE1NDlfU0OHDxxwzMItWLiQli5fbksEeQBYb3c33ys1NZXi4hPI5/exHAAMgGCuODU9nW0zPLSwCjLCTAhjv/zqK+q8dm00arwX+e9J0zRvjcRAVX1x3irL/kFVSmbNYpXBLsxrb21l4OqvNNDBQ4dpcGCAO4Q9Ly+PHnxwLSVbM3Kc+GNK01JnpHdHDh50iDOntJTuXrXK/gz3gSMA85ImTKCjnx+jc+fO2W0EAn5aunQp3VFWRoN9fTxQQZCDxQ70B964u6uL/6+tq6NLly+PGEBN004BwMvRiqcqgGmpqbTcUicwDxkHz7JpGq8QQKhg+Hx0+UoDNTU10YwZBfTJvk85UPYH/BTwByguTqetv9hKmmmyOkPVpJLz+ZEj9NWXXwZXIFiGfUZhIa158MFg5w2D89zW5mZm/u7/3UPFJcWslocOHXLY3dLSUtqw4TEGKicvjwsZAiBsIGwhtq7ubjr+xRcOMxSjDayFCmOFe7Dq6LG51Ve1f5KuSWOwe61NTaw2O3a+So8//jhXQd99510uGoixx7F03jz66RN/T0MDA5Q9aRIzCdv7775LCDXU4ihm9R778Y/5eyMQ4MGAetZfbaTLly9TWdly6urqor/891+sNoJOxe/30dObNtG0KVMIFRsALsE7voe9Rf+gOZ/s3+9goAxeJM0kog4w8LppmqEBmXWlG0B4X3hhMKZ45kybfRztDwxQZ3s7q+NLlVU0t3Qu+YZ99PWpU7aXZBD9fr5+2++3MWNz8/LYqQC0//rTn+w4TWqEsJFPbdkSXA/j91NHezvF6Tp99PE+On/+PM0rLaWzNWeprbXNZiCbjICf7lu9mn64bh0DBXOhqjEcCZiLDQzs7ukZkRprmjYcM4AQIHviRLpt0SJuBFUWCKQ6DwDY1dFB1/0Bemn7dlZpCS/ABmaFz0+GETy+8upOdgQ5kyaxzQSr/vO11+wQxs6HTZN+9MQTNDE7m50HbCyC5tdff4POnj2rhDF+vm+QfcFj2R1l9OSTT/KgZeXk2KYC90aBt6E+uEh1NHaQAYykwir7QPPlS5fyWpbsnBxeCCTOwzIsnG+ic3EJCfT8v/4bq0xPTzcN9g+wFw52yk8TkidQSkoqbdu2je0TGAgVrjl9mvbt3evQGjEPP1izhubdcguDAg/Padhnn9HeD/dSVlYmNTc1W4MVdFZGwKDEpER69LHH6J5Vq9gLoyAB5ku/cI8rdXUsN+zqwcOHR6rGrMKeTsStuqi6rFixgoGDSgl4apDqHx6m1pYWNtY7duykluZmVs3U5GQaGh6m9tYW6hvop8n5eXT3ilV09913I+oNluATE2n322/TpW9QFCeO6eAwRI75CxbQfWvXMnBgekdbG133+ejfn/8Nq6VveJgmZk9k89LZ0Un5eTlUV1tH//L8b8gMBJh9KPdDdtUpgtFwdmD/qa+/pjaYIHV1RISsiRethwtjVADRofXr1zP7MIIqgGJscT7UBCMJQ5+UnGynejK3AcGwcgoF1EWLFjH7srHIyLJ/r2zfzsIvu6OMCosK2DGc+fo01V2u54H76VNPcecBFgoJCNB7enu5uIrvZYN3RxECJgRsRFwKTw+1V8GRmUIcYYvh6A4fPRqyoiGcR+YwJlwgrY7S7NmzqaysjMFTAVQFRoESjGHvaRjBCfUgusEFkcr6Ps1iF2bpwFYwqO7yZdq7Zw898MN1lJaeSlis0d3dxQ6jvraO6msbaFNFBbMIHQY4CMxxX1VWyb3FfvL/1jkSbuEolW/xwjANCMqPHD7M9jAWFmqa9qFnKudW34ceeogzDxVAxsZC0PD7WSAW2goLpJoCIOVvdjiIGWECpGhqBeEf7N5Nc+bNo4zMDAYPT2h1dV2j9vY2rs60NLXS0mV30Dxr6pTbstoE47l9FEytdA2iqSsWJFDnMEZmAq30DueKs+vp6aF33nmHNSkaiJqmbYcK/4Npmi+qllsFEBH8ww8/zKONHerLhQDEZBDWKhTgGumAg33cEwtEC0BO8K3gG/fCqlKkVnlcHjNhFknXTOrs7GQGdnS0B0MbQ6NHf/R3N0SFOqNIGwgEJ+5lTsU6CsiOAQR41iACIMmg2ARZ3huBPNK7GADkYkJIOUtVieLiYlZfGHlhIL5HHIaRZ8GhslBfixGiRpLA26ouDMQRA2GV/aG+aZmZVkwJZsNR9DPzBq8PMoj9fb3U19tHG3/yM0pOSQ0GwGhfdgtAlYGq7ZVVDqw1FutlIEV7BECo8htvBFf1RSpxcTnLq6CqArhgwQLCrjKQ1cACje0dWGjV/bwMrspoYZ6UtnD84tgxdigA1O8bJqwgaL7ayB1AeJOSmkyaTuw8Hlj3MBXPnB0EEKYDZTMOWwIha6jVyfqQQbQ0QEd+bJkTARD29c033+SVFOEAtAuquLG7pK8CCG+JnFIYKPMdmBfjkpLPZ4MXdlma2ErTZNvHqgM7GB/PR6gq1Ob/Dhygob4+tl3wmAlWeofLU1Im0PTCGfToxp/Ydg4hCEyIrQlR5jSkXzyI1s6ZiQeA77//PsslLPQgRrCkjxOqq6sdk0oqgPPnz3cwEGpsez5LjWzjbdk7NY9VR17UiGNIKXZaMSWqxJh4+vCtt6ihri4YC8bHU0JSIhXOKqG0jFR6eP0GzmnF3gr7eIWDNaCOVfwSBbgWYoozgwxcStN1R6oJBu7ZsycigI5JJfe0pgpgUVERl4ZEhRlAVHzFgyHYtarPqme272F5awbVCmfwN7IV2EF0XDxkU2Mj1wcvnD1Np44dp9SMdCooKaLe/l6aPXsezZpTajsQsJ/NB44wIaonVj2iFVYx46y2eCABnhXO4DtRX8SNAPC9997jsCYcAx3Tmu6JdRVAFCPXrl3rAJA9sRUOcNAqu1VSB1CwkapKi0PBUUad4zGotVUL5IC26xo7Edg8OJH2tlZKT8uieQtCJw1VB8Y2UEIodT2ia002QGTnYZX6kWJi81vTDwAQIYw4kTAAOifWcZK6tMMdmN57770cB4KF4omZhaC/ujTXElz9TAJoAQoACnB2PKakSwClv7+HAn4fdXZ2UGpqBuVP9n5uWw2aJe2zw6kbtsMR9nDZ3wrqASYAlOkByVzgxPbv3+9wIK6Qxrm0Ay2oi4tUAPHdjBkzaMmSJSEAijrbTAKA6rJdVydEjaKt98NlqNggoAm3jMORaShPL9n5s6UF9hJjy3xIyAIZAJyAJxVzHD/99FN+0kn1wCqAnouLMC8sy9vcAOL/u+66i6ZMmWIzUFI6yYttqlt2RvJRbjjMXLFqqsblbwtIZqGoscSmUF1rNb8EzQAXqq/av0uXLtHnn39ul+k8whjv5W2WN+YFlmrcJvYNxn316tU8cQ3QVAAFRInsWYUto22zTclGxgUs100cjFTAk5lAKRxw/Kgw70a90k9I4z744APHSgU3gGEXWEIeWeJrmqZtdFQ2YsksSlAoAAiAtle2whEB0d2wV4AdrsoxEoDVwVavc9txIUI48FBchd1TPa9olXKMvMTXcia/NE3z914sxPeot6EuKEyU3FgtcUnVg+MtRX0jpUUjAc3r3HDyCuPczFNtH0CD3ZPMw0tOqx+RF5lDMHnMwTAMe7m92yYitEF+jIdpVACjgaiCqY6uG5Bo6aAX0/CZF+s4TlTUVoAT1cWa7SNHjtjPkkQAL7bHHCxbyA/auEdVFRINIUtBrVCAcwOoVq1VNoYTMlYWhpNLBdALOFV9EbKcOXOGampq7ImxCHmvvR4wZLDDCY1HvQzDcLzGxMs7oxp8++23s2oLYBIjqgVMN4Beqq3KorLQy8652SaD66WyApwc8cjF8ePH2Wm4zYxbM6zvR/aoF24iDxuapul4nYkXiPissLCQ5s6dy8soVCDdLFTtox36xDgH4VZTFTRxEpEAhLpiBUNzc3PMtlnTtNE9bGipMt4J84abAZFUaNq0aTRnzhxeeK565HBs9PB0NhGFhV7tR/Kybo8LwAAcmBcuOggXJYz6cVfphTxwHU2N5HwRHio9depU3gXMcGo8Eu8ci+oimwDbkJJhbTSqPJHCKjd4yv9je+Da8sp4wQ4/8h8JRFW93KqGuBHMRCYDz82LiUYR4oQzH7yoaXiYZ/EaGhp4l8A5kuePEpuOzyP/lj10vHQiGpBuMGEXkU/L+ml8jwAc2Q0+c88zS9EWHVQdgBqOgGUAjadRldX3+BsASjFUNCMCy0JMxri+dELu7n7tiReIbuAAElRYnpgUe8fplbroUn0i0/WIA9rBudKe/C3MUr9XQUJwXF9f73hiyYtxHvHolXF/7YliD0NevBMOSLALMaKwzq1+KjMEBHwm4MYCmHRerlcBwt+8Auubb+z0LCSGC111cPNevKMy0evVTyqQsHkCnnROtUmR2BuJccJwu56oPBYrZS91MOT8ixcvUnd3d4iqqoB+K69+kgYjvXwM4CGMifboq8rIcCrqZowA4j7fQw0dl6ItN4iue397Lx+Thr1ef4eOIb2TlaBum+gFiGrTvADyuibWz1SVhjqfPn06+FCjc/v2X3+ntq++gLGgoIDyrTd1hFNT9Vqvc6IB6vW9qtJedk7UGst6kfta23f7AkZVUKR9SUlJL8ydO3f9aABQVTIau8Z6/7q6OgTZ359XgKodPn78+COBQOAFTdOKvLxoNHBi+d7tZCIxzuO72sHBwedWrlz5/XoJrSrolStXkltaWiqI6J/UynY4cGLxuiNxMu52cH9d17FOZFt+fn5VQUHBuL7lPPLrMGKhRJhzLly4kNTd3f1z0zS/0xdxa5r228zMzD/Onj37r+NF3B4M0E6cOMGvgieiDZqmZaixWjSVjDaGHjaxR9f11zVN+/PixYv/el8F79VxqHdra+sa64cI7iMiPCGFXxNwrMWLBJobcF3X+ccINE3jHyPIy8vbO95qGkmem6bC0ZiD748dO8Y/hxEXF1caCAT45zA0TctXfw7DKij06rrei5/FME2zRdf1c6ZpYq/Bz2EsXbr0O/s5jP8H7IBGeRihM9IAAAAASUVORK5CYII=";
 
@@ -39269,14 +39450,6 @@ const getRowStyle = ({ row }) => {
     }
     return null;
 };
-const handleTableHeight = (state, props) => {
-    if (!props.isNestTable)
-        return props.height;
-    let tableHeight = props.styleSetting?.tableHeight || "table-simple";
-    let dataLen = props.data?.length || 1;
-    let height = state.checkWidth[tableHeight] * dataLen + 90;
-    return `${height}px`;
-};
 const handleName = (item, key = "name") => {
     return item.alias || item[key];
 };
@@ -39585,7 +39758,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
         };
         onMounted(() => {
             bindDocumentClick();
-            state.tableHeight = handleTableHeight(state, props);
+            state.tableHeight = "520px";
             if (!props.isNestTable)
                 return;
             loadColumn(props.columnConfig);
@@ -39618,7 +39791,6 @@ var script$5 = /* @__PURE__ */ defineComponent({
             setTableConfig(config, state);
             let columns = formatColumns(config);
             columns = handleGroupColums(columns, props);
-            console.log("columns--------------", columns);
             xGrid.value && xGrid.value.reloadColumn(columns);
             setGroupTreeExpand();
             resetTableInlineEditStatus();
@@ -39626,7 +39798,6 @@ var script$5 = /* @__PURE__ */ defineComponent({
         const loadData = async (data) => {
             state.isShowEmpty = !data?.length;
             const list = JSON.parse(JSON.stringify(data));
-            console.log("list--------------", list);
             let table = xGrid.value;
             if (!table)
                 return;
@@ -39638,6 +39809,13 @@ var script$5 = /* @__PURE__ */ defineComponent({
             if (!props.isNestTable) {
                 await handleFormTheUniqueKey();
             }
+            formatList = formatList.map((v) => {
+                return {
+                    ...v,
+                    selectTableShow: false,
+                    selectTableDisable: false
+                };
+            });
             console.log("table--------------", formatList);
             await table.loadData(formatList);
             table.setCurrentRow({});
@@ -39679,7 +39857,13 @@ var script$5 = /* @__PURE__ */ defineComponent({
         };
         const formatColumns = (map) => {
             let { selectType } = getOtherConfigInit() || {};
-            let { isBatchSelect, fieldList, showButtonTop, isScanMultiTable: isScanMultiTable2 } = map;
+            let { isBatchSelect, fieldList, showButtonTop, isScanMultiTable: isScanMultiTable2, isEdit = false, editConfig = {} } = map;
+            if (isEdit) {
+                state.editConfig = Object.assign(state.editConfig, editConfig, {
+                    mode: "cell",
+                    autoClear: true
+                });
+            }
             if (selectType) {
                 isBatchSelect = 1;
             }
@@ -39691,17 +39875,28 @@ var script$5 = /* @__PURE__ */ defineComponent({
             state.selectType = selectType;
             let tableHeight = props.styleSetting?.tableHeight || "table-simple";
             let checkMinWidth = state.checkWidth[tableHeight] || "30";
+            const checkboxSlot = {
+                default: (data) => {
+                    return checkMethod(data) ? null : /* @__PURE__ */ vueJsxCompat(NTooltip, {
+                        placement: "right",
+                        trigger: "hover"
+                    }, {
+                        default: () => data.row.forbiddenBatchSelectReason,
+                        trigger: () => /* @__PURE__ */ vueJsxCompat("i", {
+                            class: "disabled-checked-tips"
+                        })
+                    });
+                }
+            };
             let checkVisible = isBatchSelect == 1 && !props.isNestTable && !isScanMultiTable2 || false;
             let columns = [
                 {
                     fixed: "left",
                     align: "center",
                     visible: isScanMultiTable2 || false,
-                    width: "50",
+                    width: "60",
                     slots: {
-                        header: () => {
-                            return "\u64CD\u4F5C";
-                        },
+                        header: () => "\u64CD\u4F5C",
                         default: scanMultiOperate
                     }
                 },
@@ -39732,9 +39927,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
                     visible: checkVisible,
                     resizable: false,
                     width: checkMinWidth,
-                    slots: selectType === "checkbox" ? {
-                        checkbox: "tooltip_checkbox"
-                    } : null,
+                    slots: selectType === "checkbox" ? checkboxSlot : null,
                     showOverflow: true
                 }
             ];
@@ -39762,12 +39955,12 @@ var script$5 = /* @__PURE__ */ defineComponent({
                     showOverflow: "title",
                     treeNode,
                     type,
-                    slots: {
-                        default: (params) => {
-                            return formatter(params, item);
-                        }
+                    slots: isEdit ? {
+                        edit: (params) => formatterEdit(params, item)
+                    } : {
+                        default: (params) => formatter(params, item)
                     },
-                    editRender: generateEditRender(item)
+                    editRender: isEdit ? {} : generateEditRender(item)
                 });
                 if (filterField && !props.isNestTable && !isScanMultiTable2) {
                     state.filterFields[item.columnName] = Object.assign({}, xeUtils.clone(item, true), {
@@ -39800,6 +39993,34 @@ var script$5 = /* @__PURE__ */ defineComponent({
             state.columnLen = currentColumns.filter((item) => item.visible).length;
             return columns;
         };
+        const formatterEdit = (params, col) => {
+            let { row, column, $rowIndex, rowIndex } = params;
+            let formType = column.formType || col.formType;
+            if (formType === "selectTable") {
+                const propsData = {
+                    row,
+                    col
+                };
+                return /* @__PURE__ */ vueJsxCompat(script$8, {
+                    ...propsData,
+                    "v-model": [row[col.columnName], "value"]
+                });
+            }
+            if (formType === "input") {
+                return /* @__PURE__ */ vueJsxCompat(script$7, {
+                    "v-model": [row[col.columnName], "value"]
+                });
+            }
+            if (formType === "select") {
+                const propsData = {
+                    col
+                };
+                return /* @__PURE__ */ vueJsxCompat(script$6, {
+                    ...propsData,
+                    "v-model": [row[col.columnName], "value"]
+                });
+            }
+        };
         const formatter = (params, col) => {
             let { row, column, $rowIndex } = params;
             let own = column?._own || column?.own || col;
@@ -40122,14 +40343,14 @@ var script$5 = /* @__PURE__ */ defineComponent({
                 isAlias = !!tooltipTitle;
             }
             if (type === "format")
-                return /* @__PURE__ */ vueJsxCompat(script$7, {
+                return /* @__PURE__ */ vueJsxCompat(script$a, {
                     tooltipTitle,
                     content: name,
                     isAlias
                 });
             return () => {
                 return [
-                    /* @__PURE__ */ vueJsxCompat(script$7, {
+                    /* @__PURE__ */ vueJsxCompat(script$a, {
                         tooltipTitle,
                         content: name,
                         isAlias
@@ -40410,8 +40631,12 @@ var script$5 = /* @__PURE__ */ defineComponent({
             }
             updateAddCheckedRows(row);
         };
+        const getFormType = (field) => {
+            const obj = props.columnConfig.fieldList.find((v) => v.columnName === field);
+            return obj ? obj.formType || "" : "";
+        };
         const handlerClickRow = (data) => {
-            console.log("data");
+            console.log("data.", data);
             if (isScanMultiTable.value || props.isInlineOperating)
                 return false;
             if (xeUtils.has(data?.row, GROUP_TITLE_KEY))
@@ -40419,6 +40644,11 @@ var script$5 = /* @__PURE__ */ defineComponent({
             if (state.isTriggerSelectionChange && state.isTree == 0)
                 return false;
             let table = xGrid.value;
+            const formType = getFormType(data.column.field);
+            console.log("formType---", formType);
+            if (formType === "selectTable") {
+                table.setActiveCell(data.row, data.column.field);
+            }
             isAboutNestTable.value && emit("resetNestLastClickTable", table);
             let { row, $event = {}, $rowIndex } = data;
             let { className } = $event.target || {};
@@ -40652,7 +40882,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
             return /* @__PURE__ */ vueJsxCompat(NPopconfirm, {
                 onPositiveClick: () => confirmScanMulti(params)
             }, {
-                trigger: () => /* @__PURE__ */ vueJsxCompat(script$6, {
+                trigger: () => /* @__PURE__ */ vueJsxCompat(script$9, {
                     class: "scan-multi-delete",
                     iconClass: "shanchu"
                 }),
@@ -40869,7 +41099,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
                 }, /* @__PURE__ */ vueJsxCompat("img", {
                     class: "bigTable-qr-img",
                     src
-                }), /* @__PURE__ */ vueJsxCompat("span", null, /* @__PURE__ */ vueJsxCompat(script$6, {
+                }), /* @__PURE__ */ vueJsxCompat("span", null, /* @__PURE__ */ vueJsxCompat(script$9, {
                     iconClass: "fangda"
                 })))
             ];
@@ -40898,7 +41128,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
                     class: "btn-custom-class row-btn",
                     size: "small",
                     text: true
-                }, "\u4FDD\u5B58"), /* @__PURE__ */ vueJsxCompat(NButton, {
+                }, { default: () => "\u4FDD\u5B58" }), /* @__PURE__ */ vueJsxCompat(NButton, {
                     style: { display: row.__isInlineEditing ? "inline-block" : "none" },
                     onClick: (e) => {
                         e.stopPropagation();
@@ -40907,7 +41137,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
                     class: "btn-custom-class row-btn",
                     size: "small",
                     text: true
-                }, "\u53D6\u6D88"))
+                }, { default: () => "\u53D6\u6D88" }))
             ];
         };
         const getTileBtnList = (row, index) => {
@@ -40926,7 +41156,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
                         disabled: row.__isDisableInlineEdit,
                         ghost: btn.showStyle == "white_bg",
                         size: "small"
-                    }, getBtnIcon(btn), btn.showStyle === "only_icon" ? "" : handleName(btn));
+                    }, { default: () => [getBtnIcon(btn), btn.showStyle === "only_icon" ? "" : handleName(btn)] });
                 }) || ""
             ];
         };
@@ -40948,7 +41178,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
                 }
                 else {
                     icon = /* @__PURE__ */ vueJsxCompat(NTooltip, null, {
-                        trigger: () => /* @__PURE__ */ vueJsxCompat(script$6, {
+                        trigger: () => /* @__PURE__ */ vueJsxCompat(script$9, {
                             iconClass: btn.icon,
                             style: { marginRight: mr }
                         }),
@@ -40957,7 +41187,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
                 }
             }
             else if (btn.iconSetting) {
-                icon = /* @__PURE__ */ vueJsxCompat(script$6, {
+                icon = /* @__PURE__ */ vueJsxCompat(script$9, {
                     iconClass: JSON.parse(btn.iconSetting).icon,
                     style: {
                         marginRight: mr
@@ -40988,7 +41218,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
                 }, /* @__PURE__ */ vueJsxCompat(NButton, {
                     size: "small",
                     style: "margin-left: 8px"
-                }, "\u66F4\u591A ...")) || ""
+                }, { default: () => "\u66F4\u591A ..." })) || ""
             ];
         };
         const switchBtnOnChange = (e, r, i, index) => {
@@ -41315,7 +41545,8 @@ var script$5 = /* @__PURE__ */ defineComponent({
             clearChecked,
             setCurrentRow,
             loadColumn,
-            removeInsert
+            removeInsert,
+            xGrid
         });
         return (_ctx, _cache) => {
             return openBlock(), createElementBlock("div", {
@@ -41412,7 +41643,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
                     "scroll-x": { enabled: false },
                     "scroll-y": { gt: 50 },
                     "row-style": unref(getRowStyle),
-                    "edit-config": { trigger: "manual", mode: "row", autoClear: false, showIcon: false },
+                    "edit-config": unref(state).editConfig,
                     "expand-config": {
                         lazy: true,
                         accordion: _ctx.columnConfig && _ctx.columnConfig.accordion,
@@ -41432,7 +41663,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
                 }, {
                     empty: withCtx(() => [
                         unref(state).isShowEmpty ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
-                            createVNode(script$8, {
+                            createVNode(script$b, {
                                 "no-data-img": props.emptyItems.noDataImg,
                                 "no-data-tip": props.emptyItems.noDataTip,
                                 "show-img": !props.isNestTable
@@ -41484,7 +41715,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
                         })
                     ]),
                     _: 3
-                }, 8, ["seq-config", "tree-config", "row-id", "show-footer", "checkbox-config", "row-style", "expand-config"]),
+                }, 8, ["seq-config", "tree-config", "row-id", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config"]),
                 createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "),
                 withDirectives(createElementVNode("div", {
                     class: "refresh",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cnhis-design-vue",
   "private": false,
-  "version": "0.3.5-beta",
+  "version": "0.3.8-beta",
   "main": "es/index.js",
   "scripts": {
     "dev": "vite --host --port 3200",
@@ -36,6 +36,7 @@
     "@rollup/plugin-node-resolve": "^13.1.3",
     "@vitejs/plugin-vue": "^2.2.0",
     "@vitejs/plugin-vue-jsx": "^1.3.8",
+    "@vue/compiler-sfc": "^3.2.33",
     "autoprefixer": "^10.4.4",
     "cssnano": "^5.1.7",
     "eslint": "^8.10.0",