3h1-ui 3.0.0-next.72 → 3.0.0-next.74

package/lib/index.js

@@ -8931,7 +8931,7 @@ const _hoisted_6$3 = {
   key: 1,
   class: "p-5"
 };
-const _hoisted_7$2 = {
+const _hoisted_7$1 = {
   key: 0,
   class: "cursor-pointer px-2 py-1 flex items-center"
 };
@@ -9075,7 +9075,7 @@ const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
               ]))
             ]),
             default: vue.withCtx(() => [
-              isSvgMode && currentSelect.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$2, [
+              isSvgMode && currentSelect.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$1, [
                 vue.createVNode(SvgIcon, { name: currentSelect.value }, null, 8, ["name"])
               ])) : (vue.openBlock(), vue.createBlock(Icon2, {
                 key: 1,
@@ -18248,7 +18248,7 @@ const _hoisted_5$4 = {
   class: "shy-ui-advanced-search-item-value-range"
 };
 const _hoisted_6$1 = /* @__PURE__ */ vue.createElementVNode("div", { style: { "flex": "0", "width": "40px", "margin-right": "8px" } }, " 至 ", -1);
-const _hoisted_7$1 = {
+const _hoisted_7 = {
   key: 1,
   style: { "margin-left": "8px", "cursor": "pointer", "position": "relative" },
   class: "shy-ui-advanced-minus-icon"
@@ -18555,7 +18555,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                           ]),
                           _: 2
                         }, 1024)) : vue.createCommentVNode("", true),
-                        (schemasCurrent == null ? void 0 : schemasCurrent.length) !== 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$1, [
+                        (schemasCurrent == null ? void 0 : schemasCurrent.length) !== 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
                           vue.createElementVNode("div", {
                             style: { "position": "absolute", "width": "14px", "height": "14px", "left": "0", "right": "0", "top": "0", "bottom": "0" },
                             class: "shy-basic-minus-icon",
@@ -20729,7 +20729,7 @@ const Description = /* @__PURE__ */ vue.defineComponent({
             element = slots[`${item.field}Value`] ? (_b = slots[`${item.field}Value`]) == null ? void 0 : _b.call(slots, {
               model: data,
               field: data[`${item.field}`]
-            }) : utils.isNumber(+data[`${item.field}`]) && !isNaN(+data[`${item.field}`]) ? (+data[`${item.field}`]).toFixed(getProps.value.summaryPrecision).replace(/(\d)(?=(\d{3})+\.)/g, "$1,") : data[`${item.field}`];
+            }) : getProps.value.summaryTotalFields.includes(item.field) && utils.isNumber(+data[`${item.field}`]) && !isNaN(+data[`${item.field}`]) ? (+data[`${item.field}`]).toFixed(getProps.value.summaryPrecision).replace(/(\d)(?=(\d{3})+\.)/g, "$1,") : data[`${item.field}`];
           } else {
             element = slots[`${item.field}Value`] ? (_c = slots[`${item.field}Value`]) == null ? void 0 : _c.call(slots, {
               model: data,
@@ -33138,15 +33138,11 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$6 = {
-  key: 0,
-  class: "table-children-required"
-};
-const _hoisted_2$3 = { class: "text-red-500" };
-const _hoisted_3$2 = { class: "table-children-add-btn" };
-const _hoisted_4$2 = { class: "w-full h-[fit-content] py-8px flex justify-end items-center" };
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
-  __name: "Table",
+const formTable = "";
+const SHOW_ROW_COUNT = 10;
+const ROW_HEIGHT = 48.67;
+const BODY_HEIGHT = ROW_HEIGHT * SHOW_ROW_COUNT;
+const ShyFormTable = /* @__PURE__ */ vue.defineComponent({
   props: {
     rowKey: {
       type: String,
@@ -33180,21 +33176,27 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     }
   },
   emits: ["update:value", "change", "add", "remove"],
-  setup(__props, { expose: __expose, emit: __emit }) {
+  setup(props2, {
+    emit,
+    attrs
+  }) {
+    const {
+      prefixCls: prefixCls2
+    } = use.useDesign("ant-form-table-children");
     const formActionType = vue.inject("formActionType");
-    const emit = __emit;
-    const props2 = __props;
+    const tableWrapperRef = vue.ref();
     const tableElRef = vue.ref();
+    const curIndex = vue.ref(0);
+    const sourceHeight = vue.ref(0);
+    const dataSource = vue.ref([]);
     const emitData = vue.ref([]);
     const [state] = use.useRuleFormItem(props2, "value", "change", emitData);
     const getColumns = vue.computed(() => {
       const indexColumn = {
         title: "序号",
         dataIndex: "index",
-        customRender: ({ index: index2 }) => {
-          return `${index2 + 1}`;
-        },
         width: 50,
+        maxWidth: 50,
         align: "center"
       };
       const actionColumn = {
@@ -33203,14 +33205,10 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         width: 80,
         align: "center"
       };
-      return [
-        indexColumn,
-        ...props2.columns.map((item) => ({
-          ...item,
-          type: item.type ? item.type : "input"
-        })),
-        ...(props2 == null ? void 0 : props2.isShowAction) ? [actionColumn] : []
-      ];
+      return [indexColumn, ...props2.columns.map((item) => ({
+        ...item,
+        type: item.type ? item.type : "input"
+      })), ...(props2 == null ? void 0 : props2.isShowAction) ? [actionColumn] : []];
     });
     const getScrollX = vue.computed(() => {
       var _a2;
@@ -33220,9 +33218,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       columns.forEach((item) => {
         width += Number.parseFloat(item.width) || 0;
       });
-      const unsetWidthColumns = columns.filter(
-        (item) => !Reflect.has(item, "width")
-      );
+      const unsetWidthColumns = columns.filter((item) => !Reflect.has(item, "width"));
       const len = unsetWidthColumns.length;
       if (len !== 0) {
         width += len * NORMAL_WIDTH;
@@ -33231,11 +33227,190 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       const tableWidth = ((_a2 = table2 == null ? void 0 : table2.$el) == null ? void 0 : _a2.offsetWidth) ?? 0;
       return tableWidth > width ? "100%" : width;
     });
-    const plusClickEvent = () => {
-      state.value = [{ [props2.rowKey]: utils.buildUUID() }, ...vue.toRaw(state.value)];
+    const handleScroll = (e) => {
+      const {
+        scrollTop,
+        scrollHeight
+      } = e.target;
+      let lenMax = state.value.length, nIdx;
+      if (scrollTop === 0) {
+        dataSource.value = state.value.slice(0, SHOW_ROW_COUNT);
+        curIndex.value = 0;
+      } else if (scrollTop === scrollHeight - BODY_HEIGHT) {
+        nIdx = lenMax - SHOW_ROW_COUNT;
+        dataSource.value = state.value.slice(nIdx, nIdx + SHOW_ROW_COUNT);
+        curIndex.value = nIdx;
+      } else {
+        nIdx = Math.ceil(scrollTop * lenMax / scrollHeight);
+        if (nIdx !== curIndex.value && nIdx <= lenMax - SHOW_ROW_COUNT) {
+          dataSource.value = state.value.slice(nIdx, nIdx + SHOW_ROW_COUNT);
+          curIndex.value = nIdx;
+        }
+      }
+    };
+    const defaultProps = {
+      style: {
+        width: "100%"
+      },
+      allowClear: true,
+      getPopupContainer: () => document.body
+    };
+    const renderTable = vue.computed(() => {
+      return vue.createVNode("div", {
+        "ref": tableWrapperRef,
+        "class": prefixCls2
+      }, [vue.createVNode(antDesignVue.Table, {
+        "ref": tableElRef,
+        "columns": getColumns.value,
+        "scroll": {
+          x: state.value.length ? getScrollX.value : void 0,
+          y: BODY_HEIGHT
+        },
+        "data-source": dataSource.value,
+        "pagination": false,
+        "bordered": true,
+        "size": "small",
+        "class": `${prefixCls2}-body`,
+        "align": "center",
+        "rowKey": props2.rowKey,
+        "components": {
+          body: {
+            cell: renderTd
+          }
+        }
+      }, {
+        headerCell: ({
+          column: column2
+        }) => {
+          const renderRequired = () => {
+            var _a2;
+            if (column2.required || ((_a2 = column2 == null ? void 0 : column2.rules) == null ? void 0 : _a2.length)) {
+              return vue.createVNode("span", {
+                "class": `${prefixCls2}-body-required`
+              }, [vue.createTextVNode("*")]);
+            }
+            return null;
+          };
+          return vue.createVNode(vue.Fragment, null, [renderRequired(), vue.createVNode("span", null, [column2.title])]);
+        },
+        bodyCell: ({
+          column: column2,
+          record,
+          index: index2,
+          ...args
+        }) => {
+          const renderFormItem = () => {
+            const componentProps = utils.isFunction(column2.componentProps) ? {
+              ...defaultProps,
+              ...column2.componentProps({
+                record,
+                column: column2,
+                index: index2,
+                ...args
+              })
+            } : {
+              ...defaultProps,
+              ...column2.componentProps
+            };
+            const eventKey = `on${upperFirst$2("change")}`;
+            const isCheck = ["Switch", "Checkbox"].includes(getType(column2.type));
+            const on = {
+              [eventKey]: (...args2) => {
+                const [e] = args2;
+                if (componentProps[eventKey] && args2.length >= 1) {
+                  componentProps[eventKey](...args2);
+                }
+                const target = e ? e.target : null;
+                const value = target ? isCheck ? target.checked : target.value : e;
+                const currValue = state.value.find((item) => item[props2.rowKey] === record[props2.rowKey]);
+                currValue[column2.dataIndex] = value;
+              }
+            };
+            const bindValue = {
+              [isCheck ? "checked" : "value"]: record[column2.dataIndex]
+            };
+            const compAttr = {
+              ...componentProps,
+              ...on,
+              ...bindValue
+            };
+            return column2.dataIndex !== "index" && column2.type !== "text" && column2.dataIndex !== "_action" ? vue.createVNode("td", {
+              "class": "ant-table-cell",
+              "style": renderTdProps(column2)
+            }, [vue.createVNode(antDesignVue.FormItem, {
+              "required": column2.required,
+              "rules": getRules({
+                column: column2,
+                record,
+                index: index2,
+                ...args
+              }),
+              "name": [attrs.codeField, index2 + curIndex.value, column2.dataIndex]
+            }, {
+              default: () => {
+                var _a2;
+                return [vue.createVNode(antDesignVue.Popover, {
+                  "visible": !!((_a2 = rulesRef == null ? void 0 : rulesRef[`${column2.dataIndex}-${record[props2.rowKey]}Info`]) == null ? void 0 : _a2.show) && !isScroll.value
+                }, {
+                  content: () => {
+                    var _a3;
+                    return vue.createVNode("span", {
+                      "class": "text-red-500"
+                    }, [(_a3 = rulesRef[`${column2.dataIndex}-${record[props2.rowKey]}Info`]) == null ? void 0 : _a3.msg]);
+                  },
+                  default: () => {
+                    const Comp = ShyComponentMap.get(getType(column2.type));
+                    return vue.createVNode(Comp, compAttr, null);
+                  }
+                })];
+              }
+            })]) : null;
+          };
+          const renderAction = () => {
+            return column2.dataIndex === "_action" ? vue.createVNode("td", {
+              "class": "ant-table-cell",
+              "style": {
+                textAlign: "center"
+              }
+            }, [vue.createVNode(ShyTableAction, {
+              "actions": getActions(record)
+            }, null)]) : null;
+          };
+          const renderIndex = () => {
+            return column2.dataIndex === "index" ? vue.createVNode("td", {
+              "class": "ant-table-cell",
+              "style": {
+                textAlign: "center"
+              }
+            }, [index2 + curIndex.value + 1]) : null;
+          };
+          return renderFormItem() ?? renderAction() ?? renderIndex() ?? vue.createVNode("td", {
+            "class": "ant-table-cell",
+            "style": renderTdProps(column2)
+          }, [record[column2.dataIndex]]);
+        }
+      }), vue.createVNode("div", {
+        "class": `${prefixCls2}-scroll-bar-wrapper`,
+        "style": {
+          "--height": `${BODY_HEIGHT}px`
+        }
+      }, [vue.createVNode("div", {
+        "class": `${prefixCls2}-scroll-bar-inner`,
+        "style": {
+          "--height": `${sourceHeight.value}px`
+        }
+      }, null)])]);
+    });
+    const create = () => {
+      state.value = [{
+        [props2.rowKey]: utils.buildUUID()
+      }, ...vue.toRaw(state.value)];
+      curIndex.value = 0;
+      document.querySelector(`.${prefixCls2}-scroll-bar-wrapper`).scrollTop = curIndex.value * ROW_HEIGHT;
       emit("add", state.value);
     };
-    const rowClickEvent = (index2) => {
+    const remove = (index2) => {
+      curIndex.value -= curIndex.value === 0 ? 0 : 1;
       const tempState = state.value.filter((item) => {
         return item[props2.rowKey] !== index2;
       });
@@ -33243,9 +33418,13 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       state.value = [...tempState];
       emit("remove", state.value, index2);
     };
-    const getPopupContainer2 = () => document.body;
     const rulesRef = vue.reactive({});
-    const getRules = ({ column: column2, record, index: index2, ...args }) => {
+    const getRules = ({
+      column: column2,
+      record,
+      index: index2,
+      ...args
+    }) => {
       var _a2, _b;
       const errKey = `${column2.dataIndex}-${record[props2.rowKey]}Info`;
       if (!column2.required)
@@ -33258,22 +33437,20 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         msg: ""
       };
       if (!column2.rules && column2.required) {
-        rulesRef[errKey].rules = [
-          {
-            required: true,
-            validator: (rule, value) => {
-              const prefix = column2.type.toLocaleLowerCase().includes("input") ? "请输入" : "请选择";
-              const errMsg = `${prefix}${column2.title}`;
-              if (value) {
-                rulesRef[errKey].show = false;
-                return Promise.resolve();
-              }
-              rulesRef[errKey].show = true;
-              rulesRef[errKey].msg = errMsg;
-              return Promise.reject(errMsg);
+        rulesRef[errKey].rules = [{
+          required: true,
+          validator: (rule, value) => {
+            const prefix = column2.type.toLocaleLowerCase().includes("input") ? "请输入" : "请选择";
+            const errMsg = `${prefix}${column2.title}`;
+            if (value) {
+              rulesRef[errKey].show = false;
+              return Promise.resolve();
             }
+            rulesRef[errKey].show = true;
+            rulesRef[errKey].msg = errMsg;
+            return Promise.reject(errMsg);
           }
-        ];
+        }];
         return rulesRef[errKey].rules;
       }
       if (!isArray$3(column2.rules))
@@ -33286,12 +33463,11 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         item.validator = async (rule, value) => {
           try {
             rulesRef[errKey].show = false;
-            return await validator(
-              rule,
-              value,
-              { column: column2, record, ...args },
-              formActionType
-            );
+            return await validator(rule, value, {
+              column: column2,
+              record,
+              ...args
+            }, formActionType);
           } catch (error2) {
             rulesRef[errKey].show = true;
             rulesRef[errKey].msg = error2;
@@ -33302,192 +33478,111 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       return rulesRef[errKey].rules;
     };
     const getActions = (record) => {
-      return [
-        {
-          label: "删除",
-          popConfirm: {
-            title: "确定删除",
-            confirm: rowClickEvent.bind(null, record[props2.rowKey])
-          }
-        },
-        ...props2.tableAction(record)
-      ];
-    };
-    vue.watch(
-      () => state.value,
-      (v, old) => {
-        if (!isEqual(vue.toRaw(v), vue.toRaw(old))) {
-          state.value = vue.toRaw(v).map((ele) => {
-            return {
-              ...ele,
-              [props2.rowKey]: ele[props2.rowKey] || utils.buildUUID()
-            };
-          });
+      return [{
+        label: "删除",
+        popConfirm: {
+          title: "确定删除",
+          confirm: remove.bind(null, record[props2.rowKey])
         }
-      },
-      {
-        deep: true
+      }, ...props2.tableAction(record)];
+    };
+    const getType = (type) => {
+      switch (type) {
+        case "input":
+          return "Input";
+        case "select":
+          return "Select";
+        case "datePicker":
+          return "DatePicker";
+        case "number":
+          return "InputNumber";
+        default:
+          return type;
       }
-    );
+    };
+    vue.watch(() => state.value, (v, old) => {
+      if (!isEqual(vue.toRaw(v), vue.toRaw(old))) {
+        state.value = vue.toRaw(v).map((ele) => {
+          return {
+            ...ele,
+            [props2.rowKey]: ele[props2.rowKey] || utils.buildUUID()
+          };
+        });
+        sourceHeight.value = v.length * ROW_HEIGHT;
+        dataSource.value = v.length > SHOW_ROW_COUNT ? v.slice(curIndex.value, curIndex.value + SHOW_ROW_COUNT) : v.slice(0, SHOW_ROW_COUNT);
+      }
+    }, {
+      deep: true
+    });
     const isScroll = vue.ref(false);
     const timer = vue.ref();
     vue.onMounted(() => {
-      window.addEventListener(
-        "scroll",
-        (e) => {
-          clearTimeout(timer.value);
-          timer.value = setTimeout(() => {
-            isScroll.value = false;
-          }, 500);
-          if (isScroll.value)
-            return;
-          isScroll.value = true;
-        },
-        true
-      );
+      window.addEventListener("scroll", (e) => {
+        clearTimeout(timer.value);
+        timer.value = setTimeout(() => {
+          isScroll.value = false;
+        }, 500);
+        if (isScroll.value)
+          return;
+        isScroll.value = true;
+      }, true);
+      tableWrapperRef.value.addEventListener("wheel", (e) => {
+        if (state.value.length <= SHOW_ROW_COUNT) {
+          return;
+        }
+        if (e.deltaY > 0 && curIndex.value + SHOW_ROW_COUNT < state.value.length) {
+          dataSource.value = state.value.slice(++curIndex.value, curIndex.value + SHOW_ROW_COUNT);
+        }
+        if (e.deltaY < 0 && curIndex.value > 0) {
+          dataSource.value = state.value.slice(--curIndex.value, curIndex.value + SHOW_ROW_COUNT);
+        }
+        document.querySelector(`.${prefixCls2}-scroll-bar-wrapper`).scrollTop = curIndex.value * ROW_HEIGHT;
+      }, true);
+      tableWrapperRef.value.addEventListener("scroll", handleScroll, true);
     });
     vue.onUnmounted(() => {
       window.removeEventListener("scroll", () => {
       });
     });
-    const loadKv = () => {
-      const columns = props2.columns;
-      let dicData = [];
-      columns.forEach(async (column2) => {
-        if (column2 == null ? void 0 : column2.api) {
-          dicData = await column2.api();
-          column2.dicData = dicData;
-        }
-      });
-    };
-    const listFormRefs = vue.ref([]);
-    const validate = async () => {
-      try {
-        for (let formRef of listFormRefs.value) {
-          await formRef.validate();
-        }
-      } catch {
-        throw new Error("校验失败");
+    const renderTdProps = (column2) => {
+      switch (column2.align) {
+        case "center":
+          return {
+            textAlign: "center"
+          };
+        case "left":
+          return {
+            textAlign: "left"
+          };
+        case "right":
+          return {
+            textAlign: "right"
+          };
+        default:
+          return {
+            textAlign: "left"
+          };
       }
     };
-    loadKv();
-    __expose({ validate });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createVNode(vue.unref(antDesignVue.Table), {
-          ref_key: "tableElRef",
-          ref: tableElRef,
-          columns: getColumns.value,
-          scroll: {
-            x: getScrollX.value
-          },
-          "data-source": vue.unref(state),
-          pagination: false,
-          bordered: "",
-          size: "small",
-          class: "table-children",
-          align: "center"
-        }, {
-          headerCell: vue.withCtx(({ column: column2 }) => {
-            var _a2;
-            return [
-              column2.required || ((_a2 = column2 == null ? void 0 : column2.rules) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$6, "*")) : vue.createCommentVNode("", true),
-              vue.createElementVNode("span", null, vue.toDisplayString(column2.title), 1)
-            ];
-          }),
-          bodyCell: vue.withCtx(({ column: column2, record, index: index2, ...args }) => [
-            column2.dataIndex !== "index" && column2.type !== "text" && column2.dataIndex !== "_action" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.FormItem), {
-              required: column2.required,
-              rules: getRules({ column: column2, record, index: index2, ...args }),
-              name: [_ctx.$attrs.codeField, index2, column2.dataIndex],
-              key: record[__props.rowKey]
-            }, {
-              default: vue.withCtx(() => {
-                var _a2;
-                return [
-                  vue.createVNode(vue.unref(antDesignVue.Popover), {
-                    overlayClassName: "table-children-err-popover",
-                    visible: !!((_a2 = rulesRef == null ? void 0 : rulesRef[`${column2.dataIndex}-${record[props2.rowKey]}Info`]) == null ? void 0 : _a2.show) && !isScroll.value
-                  }, {
-                    content: vue.withCtx(() => {
-                      var _a3;
-                      return [
-                        vue.createElementVNode("span", _hoisted_2$3, vue.toDisplayString((_a3 = rulesRef[`${column2.dataIndex}-${record[props2.rowKey]}Info`]) == null ? void 0 : _a3.msg), 1)
-                      ];
-                    }),
-                    default: vue.withCtx(() => [
-                      column2.type === "select" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Select), {
-                        key: 0,
-                        value: record[column2.dataIndex],
-                        "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
-                        options: column2.dicData,
-                        mode: column2.mode,
-                        "max-tag-count": column2.maxTagCount,
-                        "max-tag-text-length": column2.maxTagTextLength
-                      }, null, 8, ["value", "onUpdate:value", "options", "mode", "max-tag-count", "max-tag-text-length"])) : column2.type === "datePicker" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.DatePicker), {
-                        key: 1,
-                        value: record[column2.dataIndex],
-                        "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
-                        valueFormat: "YYYY-MM-DD HH:mm:ss"
-                      }, null, 8, ["value", "onUpdate:value"])) : column2.type === "number" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.InputNumber), {
-                        key: 2,
-                        value: record[column2.dataIndex],
-                        "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
-                        min: column2.min,
-                        max: column2.max,
-                        precision: column2.precision ?? 2
-                      }, null, 8, ["value", "onUpdate:value", "min", "max", "precision"])) : column2.type === "input" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Input), {
-                        key: 3,
-                        value: record[column2.dataIndex],
-                        "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
-                        disabled: !props2.isShowAction
-                      }, null, 8, ["value", "onUpdate:value", "disabled"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(ShyComponentMap).get(column2.type)), vue.mergeProps(
-                        {
-                          key: 4,
-                          allowClear: "",
-                          getPopupContainer: getPopupContainer2,
-                          style: { width: "100%" }
-                        },
-                        vue.unref(utils.isFunction)(column2.componentProps) ? column2.componentProps({ record, column: column2, index: index2, ...args }) : column2.componentProps,
-                        {
-                          value: record[column2.dataIndex],
-                          "onUpdate:value": ($event) => record[column2.dataIndex] = $event
-                        }
-                      ), null, 16, ["value", "onUpdate:value"]))
-                    ]),
-                    _: 2
-                  }, 1032, ["visible"])
-                ];
-              }),
-              _: 2
-            }, 1032, ["required", "rules", "name"])) : vue.createCommentVNode("", true),
-            column2.dataIndex === "_action" ? (vue.openBlock(), vue.createBlock(vue.unref(ShyTableAction$1), {
-              key: 1,
-              actions: getActions(record)
-            }, null, 8, ["actions"])) : vue.createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 8, ["columns", "scroll", "data-source"]),
-        vue.createElementVNode("div", _hoisted_3$2, [
-          vue.createVNode(vue.unref(BasicButton), {
-            onClick: plusClickEvent,
-            type: "dashed"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(" 新增 ")
-            ]),
-            _: 1
-          })
-        ]),
-        vue.createElementVNode("div", _hoisted_4$2, [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.h("span", null, __props.footerRender()))))
-        ])
-      ], 64);
+    const renderTd = (cell, {
+      slots
+    }) => {
+      return cell.colSpan === props2.columns.length + 2 ? vue.createVNode("td", cell, [slots.default()]) : slots.default();
+    };
+    return () => {
+      return vue.createVNode(vue.Fragment, null, [renderTable.value, vue.createVNode("div", {
+        "class": `${prefixCls2}-add-btn`
+      }, [vue.createVNode(BasicButton, {
+        "onClick": create,
+        "type": "dashed"
+      }, {
+        default: () => [vue.createTextVNode("新增")]
+      })]), vue.createVNode("div", {
+        "class": `${prefixCls2}-footer`
+      }, [props2.footerRender()])]);
     };
   }
 });
-const Table_vue_vue_type_style_index_0_scoped_d3bdc269_lang = "";
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-d3bdc269"]]);
 const ShyComponentMap = /* @__PURE__ */ new Map();
 ShyComponentMap.set("Input", antDesignVue.Input);
 ShyComponentMap.set("InputGroup", antDesignVue.Input.Group);
@@ -33521,7 +33616,7 @@ ShyComponentMap.set("TimePicker", antDesignVue.TimePicker);
 ShyComponentMap.set("StrengthMeter", StrengthMeter);
 ShyComponentMap.set("IconPicker", _sfc_main$1t);
 ShyComponentMap.set("InputCountDown", CountdownInput);
-ShyComponentMap.set("Table", Table);
+ShyComponentMap.set("Table", ShyFormTable);
 ShyComponentMap.set("Tinymce", _sfc_main$e);
 ShyComponentMap.set("Divider", BasicTitle$1);
 ShyComponentMap.set("ColorPicker", ColorPickerPanel);
@@ -33616,7 +33711,7 @@ function useItemLabelWidth(schemaItemRef, propsRef) {
 function _isSlot$3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   name: "BasicFormItem",
   inheritAttrs: false,
   props: {
@@ -34049,7 +34144,7 @@ function createFormContext(context) {
 function useFormContext() {
   return use.useContext(key$1);
 }
-const _sfc_main$b = vue.defineComponent({
+const _sfc_main$c = vue.defineComponent({
   name: "BasicFormAction",
   components: {
     FormItem: antDesignVue.Form.Item,
@@ -34186,7 +34281,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 6);
 }
-const FormAction = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$3]]);
+const FormAction = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$3]]);
 function tryDeconstructArray(key2, value, target) {
   const pattern = /^\[(.+)\]$/;
   if (pattern.test(key2)) {
@@ -34629,7 +34724,7 @@ const basicProps = {
   },
   size: {
     type: String,
-    default: "default"
+    default: void 0
   },
   // // 禁用表单
   disabled: {
@@ -35039,8 +35134,8 @@ const ShyForm = /* @__PURE__ */ vue.defineComponent({
         }) : null;
       };
       const renderItem = (schema) => {
-        var _a2;
-        return vue.createVNode(_sfc_main$c, {
+        var _a2, _b, _c;
+        return vue.createVNode(_sfc_main$d, {
           "tableAction": props2.tableAction,
           "formActionType": formActionType,
           "schema": schema,
@@ -35053,7 +35148,7 @@ const ShyForm = /* @__PURE__ */ vue.defineComponent({
             [`${prefixCls2}-table-form-item`]: isTableForm.value
           },
           "style": {
-            [`--col-span`]: `${(((_a2 = schema.colProps) == null ? void 0 : _a2.span) ?? getBindValue.value.baseColProps.span) / (ROW_SLICE + ACTION_COL) * 100}%`
+            [`--col-span`]: `${(((_a2 = schema.colProps) == null ? void 0 : _a2.span) ?? ((_c = (_b = getBindValue.value) == null ? void 0 : _b.baseColProps) == null ? void 0 : _c.span)) / (ROW_SLICE + ACTION_COL) * 100}%`
           }
         }, {
           ...Object.keys(omit$1(slots, ignoreKeys)).reduce((pre, cur) => {
@@ -35229,6 +35324,356 @@ function useShyForm(props2) {
   };
   return [register, methods2];
 }
+const _hoisted_1$6 = {
+  key: 0,
+  class: "table-children-required"
+};
+const _hoisted_2$3 = { class: "text-red-500" };
+const _hoisted_3$2 = { class: "table-children-add-btn" };
+const _hoisted_4$2 = { class: "w-full h-[fit-content] py-8px flex justify-end items-center" };
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+  __name: "Table",
+  props: {
+    rowKey: {
+      type: String,
+      default: () => "uuid"
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: Array,
+      default: () => []
+    },
+    isShowFooter: {
+      type: Boolean,
+      default: () => false
+    },
+    footerRender: {
+      type: Function,
+      default: () => ""
+    },
+    isShowAction: {
+      type: Boolean,
+      default: () => true
+    },
+    tableAction: {
+      type: Function,
+      default: (res) => {
+        return [];
+      }
+    }
+  },
+  emits: ["update:value", "change", "add", "remove"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const formActionType = vue.inject("formActionType");
+    const emit = __emit;
+    const props2 = __props;
+    const tableElRef = vue.ref();
+    const emitData = vue.ref([]);
+    const [state] = use.useRuleFormItem(props2, "value", "change", emitData);
+    const getColumns = vue.computed(() => {
+      const indexColumn = {
+        title: "序号",
+        dataIndex: "index",
+        customRender: ({ index: index2 }) => {
+          return `${index2 + 1}`;
+        },
+        width: 50,
+        align: "center"
+      };
+      const actionColumn = {
+        title: "操作",
+        dataIndex: "_action",
+        width: 80,
+        align: "center"
+      };
+      return [
+        indexColumn,
+        ...props2.columns.map((item) => ({
+          ...item,
+          type: item.type ? item.type : "input"
+        })),
+        ...(props2 == null ? void 0 : props2.isShowAction) ? [actionColumn] : []
+      ];
+    });
+    const getScrollX = vue.computed(() => {
+      var _a2;
+      let width = 0;
+      const NORMAL_WIDTH = 150;
+      const columns = vue.unref(props2.columns).filter((item) => !item.defaultHidden);
+      columns.forEach((item) => {
+        width += Number.parseFloat(item.width) || 0;
+      });
+      const unsetWidthColumns = columns.filter(
+        (item) => !Reflect.has(item, "width")
+      );
+      const len = unsetWidthColumns.length;
+      if (len !== 0) {
+        width += len * NORMAL_WIDTH;
+      }
+      const table2 = vue.unref(tableElRef);
+      const tableWidth = ((_a2 = table2 == null ? void 0 : table2.$el) == null ? void 0 : _a2.offsetWidth) ?? 0;
+      return tableWidth > width ? "100%" : width;
+    });
+    const plusClickEvent = () => {
+      state.value = [{ [props2.rowKey]: utils.buildUUID() }, ...vue.toRaw(state.value)];
+      emit("add", state.value);
+    };
+    const rowClickEvent = (index2) => {
+      const tempState = state.value.filter((item) => {
+        return item[props2.rowKey] !== index2;
+      });
+      tempState.forEach((item) => item[props2.rowKey] = utils.buildUUID());
+      state.value = [...tempState];
+      emit("remove", state.value, index2);
+    };
+    const getPopupContainer2 = () => document.body;
+    const rulesRef = vue.reactive({});
+    const getRules = ({ column: column2, record, index: index2, ...args }) => {
+      var _a2, _b;
+      const errKey = `${column2.dataIndex}-${record[props2.rowKey]}Info`;
+      if (!column2.required)
+        return [];
+      if ((_a2 = rulesRef[errKey]) == null ? void 0 : _a2.rules)
+        return (_b = rulesRef[errKey]) == null ? void 0 : _b.rules;
+      rulesRef[errKey] = {
+        rules: [],
+        show: false,
+        msg: ""
+      };
+      if (!column2.rules && column2.required) {
+        rulesRef[errKey].rules = [
+          {
+            required: true,
+            validator: (rule, value) => {
+              const prefix = column2.type.toLocaleLowerCase().includes("input") ? "请输入" : "请选择";
+              const errMsg = `${prefix}${column2.title}`;
+              if (value) {
+                rulesRef[errKey].show = false;
+                return Promise.resolve();
+              }
+              rulesRef[errKey].show = true;
+              rulesRef[errKey].msg = errMsg;
+              return Promise.reject(errMsg);
+            }
+          }
+        ];
+        return rulesRef[errKey].rules;
+      }
+      if (!isArray$3(column2.rules))
+        return column2.rules;
+      rulesRef[errKey].rules = cloneDeep(column2.rules);
+      rulesRef[errKey].rules.forEach((item) => {
+        if (!item.validator || !utils.isFunction(item.validator))
+          return;
+        const validator = item.validator;
+        item.validator = async (rule, value) => {
+          try {
+            rulesRef[errKey].show = false;
+            return await validator(
+              rule,
+              value,
+              { column: column2, record, ...args },
+              formActionType
+            );
+          } catch (error2) {
+            rulesRef[errKey].show = true;
+            rulesRef[errKey].msg = error2;
+            return Promise.reject(error2);
+          }
+        };
+      });
+      return rulesRef[errKey].rules;
+    };
+    const getActions = (record) => {
+      return [
+        {
+          label: "删除",
+          popConfirm: {
+            title: "确定删除",
+            confirm: rowClickEvent.bind(null, record[props2.rowKey])
+          }
+        },
+        ...props2.tableAction(record)
+      ];
+    };
+    vue.watch(
+      () => state.value,
+      (v, old) => {
+        if (!isEqual(vue.toRaw(v), vue.toRaw(old))) {
+          state.value = vue.toRaw(v).map((ele) => {
+            return {
+              ...ele,
+              [props2.rowKey]: ele[props2.rowKey] || utils.buildUUID()
+            };
+          });
+        }
+      },
+      {
+        deep: true
+      }
+    );
+    const isScroll = vue.ref(false);
+    const timer = vue.ref();
+    vue.onMounted(() => {
+      window.addEventListener(
+        "scroll",
+        (e) => {
+          clearTimeout(timer.value);
+          timer.value = setTimeout(() => {
+            isScroll.value = false;
+          }, 500);
+          if (isScroll.value)
+            return;
+          isScroll.value = true;
+        },
+        true
+      );
+    });
+    vue.onUnmounted(() => {
+      window.removeEventListener("scroll", () => {
+      });
+    });
+    const loadKv = () => {
+      const columns = props2.columns;
+      let dicData = [];
+      columns.forEach(async (column2) => {
+        if (column2 == null ? void 0 : column2.api) {
+          dicData = await column2.api();
+          column2.dicData = dicData;
+        }
+      });
+    };
+    const listFormRefs = vue.ref([]);
+    const validate = async () => {
+      try {
+        for (let formRef of listFormRefs.value) {
+          await formRef.validate();
+        }
+      } catch {
+        throw new Error("校验失败");
+      }
+    };
+    loadKv();
+    __expose({ validate });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(vue.unref(antDesignVue.Table), {
+          ref_key: "tableElRef",
+          ref: tableElRef,
+          columns: getColumns.value,
+          scroll: {
+            x: getScrollX.value
+          },
+          "data-source": vue.unref(state),
+          pagination: false,
+          bordered: "",
+          size: "small",
+          class: "table-children",
+          align: "center"
+        }, {
+          headerCell: vue.withCtx(({ column: column2 }) => {
+            var _a2;
+            return [
+              column2.required || ((_a2 = column2 == null ? void 0 : column2.rules) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$6, "*")) : vue.createCommentVNode("", true),
+              vue.createElementVNode("span", null, vue.toDisplayString(column2.title), 1)
+            ];
+          }),
+          bodyCell: vue.withCtx(({ column: column2, record, index: index2, ...args }) => [
+            column2.dataIndex !== "index" && column2.type !== "text" && column2.dataIndex !== "_action" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.FormItem), {
+              required: column2.required,
+              rules: getRules({ column: column2, record, index: index2, ...args }),
+              name: [_ctx.$attrs.codeField, index2, column2.dataIndex],
+              key: record[__props.rowKey]
+            }, {
+              default: vue.withCtx(() => {
+                var _a2;
+                return [
+                  vue.createVNode(vue.unref(antDesignVue.Popover), {
+                    overlayClassName: "table-children-err-popover",
+                    visible: !!((_a2 = rulesRef == null ? void 0 : rulesRef[`${column2.dataIndex}-${record[props2.rowKey]}Info`]) == null ? void 0 : _a2.show) && !isScroll.value
+                  }, {
+                    content: vue.withCtx(() => {
+                      var _a3;
+                      return [
+                        vue.createElementVNode("span", _hoisted_2$3, vue.toDisplayString((_a3 = rulesRef[`${column2.dataIndex}-${record[props2.rowKey]}Info`]) == null ? void 0 : _a3.msg), 1)
+                      ];
+                    }),
+                    default: vue.withCtx(() => [
+                      column2.type === "select" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Select), {
+                        key: 0,
+                        value: record[column2.dataIndex],
+                        "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
+                        options: column2.dicData,
+                        mode: column2.mode,
+                        "max-tag-count": column2.maxTagCount,
+                        "max-tag-text-length": column2.maxTagTextLength
+                      }, null, 8, ["value", "onUpdate:value", "options", "mode", "max-tag-count", "max-tag-text-length"])) : column2.type === "datePicker" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.DatePicker), {
+                        key: 1,
+                        value: record[column2.dataIndex],
+                        "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
+                        valueFormat: "YYYY-MM-DD HH:mm:ss"
+                      }, null, 8, ["value", "onUpdate:value"])) : column2.type === "number" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.InputNumber), {
+                        key: 2,
+                        value: record[column2.dataIndex],
+                        "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
+                        min: column2.min,
+                        max: column2.max,
+                        precision: column2.precision ?? 2
+                      }, null, 8, ["value", "onUpdate:value", "min", "max", "precision"])) : column2.type === "input" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Input), {
+                        key: 3,
+                        value: record[column2.dataIndex],
+                        "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
+                        disabled: !props2.isShowAction
+                      }, null, 8, ["value", "onUpdate:value", "disabled"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(ShyComponentMap).get(column2.type)), vue.mergeProps(
+                        {
+                          key: 4,
+                          allowClear: "",
+                          getPopupContainer: getPopupContainer2,
+                          style: { width: "100%" }
+                        },
+                        vue.unref(utils.isFunction)(column2.componentProps) ? column2.componentProps({ record, column: column2, index: index2, ...args }) : column2.componentProps,
+                        {
+                          value: record[column2.dataIndex],
+                          "onUpdate:value": ($event) => record[column2.dataIndex] = $event
+                        }
+                      ), null, 16, ["value", "onUpdate:value"]))
+                    ]),
+                    _: 2
+                  }, 1032, ["visible"])
+                ];
+              }),
+              _: 2
+            }, 1032, ["required", "rules", "name"])) : vue.createCommentVNode("", true),
+            column2.dataIndex === "_action" ? (vue.openBlock(), vue.createBlock(vue.unref(ShyTableAction), {
+              key: 1,
+              actions: getActions(record)
+            }, null, 8, ["actions"])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["columns", "scroll", "data-source"]),
+        vue.createElementVNode("div", _hoisted_3$2, [
+          vue.createVNode(vue.unref(BasicButton), {
+            onClick: plusClickEvent,
+            type: "dashed"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(" 新增 ")
+            ]),
+            _: 1
+          })
+        ]),
+        vue.createElementVNode("div", _hoisted_4$2, [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.h("span", null, __props.footerRender()))))
+        ])
+      ], 64);
+    };
+  }
+});
+const Table_vue_vue_type_style_index_0_scoped_d3bdc269_lang = "";
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-d3bdc269"]]);
 const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "DeptTree",
   props: {
@@ -39310,7 +39755,6 @@ const ShyTableAction = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ShyTableAction$1 = ShyTableAction;
 function useShyTable(tableProps) {
   const tableRef = vue.ref(null);
   const loadedRef = vue.ref(false);
@@ -39666,8 +40110,7 @@ const _hoisted_4 = {
   class: "process-item"
 };
 const _hoisted_5 = { key: 0 };
-const _hoisted_6 = { key: 1 };
-const _hoisted_7 = { key: 2 };
+const _hoisted_6 = { key: 2 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "Process",
   props: {
@@ -39756,9 +40199,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: _cIndex }, [
                         item[key2] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
                           label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(label) + "：", 1)) : vue.createCommentVNode("", true),
-                          customRender ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
-                            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.h("span", null, customRender(item)))))
-                          ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(item[key2]), 1))
+                          customRender ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.h("span", null, customRender(item))), { key: 1 })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, vue.toDisplayString(item[key2]), 1))
                         ])) : vue.createCommentVNode("", true)
                       ], 64);
                     }), 128))
@@ -39774,8 +40215,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Process_vue_vue_type_style_index_0_scoped_0a03ee4b_lang = "";
-const Process = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0a03ee4b"]]);
+const Process_vue_vue_type_style_index_0_scoped_95c7693b_lang = "";
+const Process = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-95c7693b"]]);
 exports.AdvancedSearch = _sfc_main$T;
 exports.ApiCascader = ApiCascader$1;
 exports.ApiModalSelect = ApiModalSelect$1;
@@ -39833,11 +40274,11 @@ exports.ShyApiTreeSelect = ApiTreeSelect;
 exports.ShyComponentMap = ShyComponentMap;
 exports.ShyContainer = ShyContainer;
 exports.ShyForm = ShyForm;
-exports.ShyFormItem = _sfc_main$c;
+exports.ShyFormItem = _sfc_main$d;
 exports.ShyFormWrapper = _sfc_main$6;
 exports.ShyRadioButtonGroup = RadioButtonGroup;
 exports.ShyTable = ShyTable;
-exports.ShyTableAction = ShyTableAction$1;
+exports.ShyTableAction = ShyTableAction;
 exports.ShyTableChildren = Table;
 exports.StrengthMeter = StrengthMeter;
 exports.SvgIcon = SvgIcon;