@jeecg/online 3.6.2-beta → 3.7.1-RC

package/PageAttributeTable-25e3b7da.mjs

@@ -0,0 +1,466 @@
+var Y = Object.defineProperty, Z = Object.defineProperties;
+var ee = Object.getOwnPropertyDescriptors;
+var R = Object.getOwnPropertySymbols;
+var te = Object.prototype.hasOwnProperty, le = Object.prototype.propertyIsEnumerable;
+var N = (i, u, s) => u in i ? Y(i, u, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[u] = s, E = (i, u) => {
+  for (var s in u || (u = {}))
+    te.call(u, s) && N(i, s, u[s]);
+  if (R)
+    for (var s of R(u))
+      le.call(u, s) && N(i, s, u[s]);
+  return i;
+}, I = (i, u) => Z(i, ee(u));
+import { defineComponent as ie, ref as ae, resolveComponent as h, openBlock as P, createElementBlock as oe, Fragment as se, createVNode as w, mergeProps as de, withCtx as H, createBlock as ne, createTextVNode as ue, createCommentVNode as re } from "vue";
+import { JVxeTypes as r } from "/@/components/jeecg/JVxeTable/types";
+import { u as fe } from "./useTableSync-d7e9f18d.mjs";
+import ce from "./LinkTableConfigModal-9242d750.mjs";
+import me from "./LinkTableFieldConfigModal-24adc50c.mjs";
+import be from "./FieldExtendJsonModal-32135634.mjs";
+import { useModal as S } from "/@/components/Modal";
+import { _ as pe } from "./index-1d1a6e56.mjs";
+import "./cgform.data-475d4984.mjs";
+import "/@/utils/dict";
+import "/@/utils/dict/JDictSelectUtil";
+import "/@/utils/uuid";
+import "lodash-es";
+import "/@/components/Form/index";
+import "/@/utils/http/axios";
+import "/@/hooks/web/useMessage";
+import "./SetSwitchOptions-b2af757f.mjs";
+import "/@/utils/is";
+import "./constant-fa63bd66.mjs";
+import "/@/components/jeecg/OnLine/JPopupOnlReport.vue";
+import "vue-router";
+const K = [
+  { title: "文本框", value: "text" },
+  { title: "密码", value: "password" },
+  { title: "下拉框", value: "list" },
+  { title: "单选框", value: "radio" },
+  { title: "多选框", value: "checkbox" },
+  { title: "开关", value: "switch" },
+  { title: "日期(年月日)", value: "date" },
+  { title: "日期(年月日时分秒)", value: "datetime" },
+  { title: "时间(HH:mm:ss)", value: "time" },
+  { title: "文件", value: "file" },
+  { title: "图片", value: "image" },
+  { title: "多行文本", value: "textarea" },
+  { title: "富文本", value: "umeditor" },
+  { title: "MarkDown", value: "markdown" },
+  { title: "用户选择", value: "sel_user" },
+  { title: "部门选择", value: "sel_depart" },
+  { title: "关联记录", value: "link_table" },
+  { title: "他表字段", value: "link_table_field" },
+  { title: "省市区组件", value: "pca" },
+  { title: "Popup弹框", value: "popup" },
+  // update-begin--author:liaozhiyang---date:20240130---for：【QQYUN-7961】popupDict字典
+  { title: "Popup字典", value: "popup_dict" },
+  // update-end--author:liaozhiyang---date:20240130---for：【QQYUN-7961】popupDict字典
+  { title: "下拉多选框", value: "list_multi" },
+  { title: "下拉搜索框", value: "sel_search" },
+  { title: "分类字典树", value: "cat_tree" },
+  { title: "自定义树控件", value: "sel_tree" },
+  { title: "联动组件", value: "link_down" }
+], ge = [
+  { title: "文本框", value: "text" },
+  { title: "单选框", value: "radio" },
+  { title: "开关", value: "switch" },
+  { title: "日期(yyyy-MM-dd)", value: "date" },
+  { title: "日期（yyyy-MM-dd HH:mm:ss）", value: "datetime" },
+  { title: "时间（HH:mm:ss）", value: "time" },
+  { title: "文件", value: "file" },
+  { title: "图片", value: "image" },
+  { title: "下拉框", value: "list" },
+  { title: "下拉多选框", value: "list_multi" },
+  { title: "下拉搜索框", value: "sel_search" },
+  { title: "popup弹出框", value: "popup" },
+  // update-begin--author:liaozhiyang---date:20240130---for：【QQYUN-7961】popupDict字典
+  // { title: 'Popup字典', value: 'popup_dict' },
+  // update-end--author:liaozhiyang---date:20240130---for：【QQYUN-7961】popupDict字典
+  { title: "部门选择", value: "sel_depart" },
+  { title: "用户选择", value: "sel_user" },
+  { title: "省市区组件", value: "pca" },
+  { title: "多行文本", value: "textarea" }
+], ye = ie({
+  name: "PageAttributeTable",
+  components: {
+    LinkTableConfigModal: ce,
+    LinkTableFieldConfigModal: me,
+    FieldExtendJsonModal: be
+  },
+  setup() {
+    const i = ae([
+      { title: "字段名称", key: "dbFieldName", width: 100 },
+      { title: "字段备注", key: "dbFieldTxt", width: 150 },
+      {
+        title: "表单显示",
+        key: "isShowForm",
+        width: 80,
+        type: r.checkbox,
+        align: "center",
+        customValue: ["1", "0"],
+        defaultChecked: !0
+      },
+      {
+        title: "列表显示",
+        key: "isShowList",
+        width: 80,
+        type: r.checkbox,
+        align: "center",
+        customValue: ["1", "0"],
+        defaultChecked: !0
+      },
+      {
+        title: "是否排序",
+        key: "sortFlag",
+        width: 80,
+        type: r.checkbox,
+        align: "center",
+        customValue: ["1", "0"],
+        defaultChecked: !1,
+        // update-begin--author:liaozhiyang---date:20240528---for：【TV360X-291】没勾选同步数据库禁用排序功能
+        props: {
+          isDisabledCell({ row: e, column: t }) {
+            let { dbTable: l } = c;
+            const a = l.value.tableRef.getTableData({ rowIds: [e.id] })[0];
+            return (a == null ? void 0 : a.dbIsPersist) == "0";
+          }
+        }
+        // update-end--author:liaozhiyang---date:20240528---for：【TV360X-291】没勾选同步数据库禁用排序功能
+      },
+      {
+        title: "是否只读",
+        key: "isReadOnly",
+        width: 80,
+        type: r.checkbox,
+        align: "center",
+        customValue: ["1", "0"],
+        defaultChecked: !1
+      },
+      {
+        title: "控件类型",
+        key: "fieldShowType",
+        width: 170,
+        type: r.select,
+        options: K,
+        defaultValue: "text",
+        placeholder: "请选择${title}",
+        validateRules: [{ required: !0, message: "请选择${title}" }, { handler: V }]
+      },
+      {
+        title: "控件长度",
+        key: "fieldLength",
+        width: 100,
+        titleHelp: { message: "此长度只对子表列字段宽度有效！" },
+        type: r.inputNumber,
+        defaultValue: 120,
+        placeholder: "请输入控件长度"
+      },
+      {
+        title: "是否查询",
+        key: "isQuery",
+        width: 80,
+        type: r.checkbox,
+        align: "center",
+        customValue: ["1", "0"],
+        defaultChecked: !1,
+        // update-begin--author:liaozhiyang---date:20240528---for：【TV360X-423】未勾选同步数据库禁用查询
+        props: {
+          isDisabledCell({ row: e, column: t }) {
+            let { dbTable: l } = c;
+            const a = l.value.tableRef.getTableData({ rowIds: [e.id] })[0];
+            return (a == null ? void 0 : a.dbIsPersist) == "0";
+          }
+        }
+        // update-end--author:liaozhiyang---date:20240528---for：【TV360X-423】未勾选同步数据库禁用查询
+      },
+      {
+        title: "查询类型",
+        key: "queryMode",
+        width: 120,
+        type: r.select,
+        options: [
+          { title: "普通查询", value: "single" },
+          { title: "模糊查询", value: "like" },
+          { title: "范围查询", value: "group" }
+        ],
+        defaultValue: "single",
+        placeholder: "请选择${title}",
+        validateRules: [{ handler: U }],
+        props: {
+          isDisabledCell({ row: e, column: t }) {
+          }
+        }
+      },
+      {
+        title: "控件默认值",
+        key: "fieldDefaultValue",
+        width: 140,
+        type: r.input,
+        props: {
+          allowClear: !0
+        },
+        defaultValue: ""
+      },
+      {
+        title: "定义转换器",
+        key: "converter",
+        width: 150,
+        type: r.input,
+        defaultValue: ""
+      },
+      {
+        title: "扩展参数",
+        key: "fieldExtendJson",
+        width: 120,
+        type: r.textarea,
+        defaultValue: ""
+      },
+      {
+        title: "更多配置",
+        minWidth: 100,
+        key: "fieldConfig",
+        type: r.slot,
+        slotName: "fieldConfig"
+      }
+    ]), u = fe(i), { tableRef: s, tables: c } = u;
+    function V({ cellValue: e, row: t }, l) {
+      let { dbTable: a } = c, o = a.value.tableRef.getTableData({ rowIds: [t.id] })[0].dbType;
+      e === "time" && o !== "string" ? l(!1, "当控件类型为时间时,数据库属性里的字段类型必须是String！") : e === "date" && o !== "Date" && o !== "Datetime" ? l(!1, "当控件类型为日期时，数据库属性里的字段类型必须是Date或Datetime！") : e === "datetime" && o !== "Datetime" ? l(!1, "当控件类型为datetime时，数据库属性里的字段类型必须是Datetime！") : l(!0);
+    }
+    function C(e) {
+      let t = "text";
+      e.dbType === "Datetime" ? t = "datetime" : e.dbType === "Date" && (t = "date"), s.value.setValues([
+        {
+          rowKey: e.id,
+          values: { fieldShowType: t }
+        }
+      ]);
+    }
+    function k(e) {
+      e.dbIsPersist === "0" && s.value.setValues([
+        {
+          rowKey: e.id,
+          values: { isQuery: "0", sortFlag: "0" }
+        }
+      ]);
+    }
+    function F(e) {
+      for (let t of i.value)
+        if (t.key == "fieldShowType") {
+          t.options = e ? ge : K;
+          break;
+        }
+    }
+    function _(e) {
+      s.value.setValues([
+        {
+          rowKey: e,
+          values: { isQuery: "1" }
+        }
+      ]);
+    }
+    const [x, { openModal: D }] = S(), [v, { openModal: M }] = S(), [O, { openModal: $ }] = S();
+    function B(e) {
+      return e.row.dbFieldName != "id";
+    }
+    function Q(e) {
+      e.row.fieldShowType.indexOf("link_table") >= 0 ? J(e) : z(e);
+    }
+    function J(e) {
+      let { row: t } = e, { checkTable: l } = c;
+      if (l) {
+        let a = l.value.tableRef.getTableData({ rowIds: [t.id] })[0];
+        if (e.row.fieldShowType == "link_table") {
+          let o = L(t, a);
+          D(!0, {
+            record: o,
+            fieldName: t.dbFieldName
+          });
+        } else if (e.row.fieldShowType == "link_table_field") {
+          let o = A(t, a);
+          M(!0, o);
+        }
+      }
+    }
+    function A(e, t) {
+      let a = s.value.getTableData().filter((g) => g.fieldShowType == "link_table"), o = {};
+      if (a && a.length > 0) {
+        let g = c.checkTable.value.tableRef.getTableData();
+        for (let T of a) {
+          let y = g.filter((b) => b.dbFieldName == T.dbFieldName);
+          if (y && y.length > 0) {
+            let b = y[0];
+            o[b.dbFieldName] = {
+              title: T.dbFieldTxt,
+              table: b.dictTable,
+              fields: b.dictText
+            };
+          }
+        }
+      }
+      const { dictTable: m, dictText: f } = t, { id: d, dbFieldTxt: n } = e;
+      return {
+        record: {
+          rowKey: d,
+          dbFieldTxt: n,
+          dictText: f,
+          dictTable: m
+        },
+        tableAndFieldsMap: o
+      };
+    }
+    function L(e, t) {
+      const { id: l, dbFieldTxt: a, fieldExtendJson: o } = e, { dictTable: m, dictText: f } = t;
+      let d = {
+        rowKey: l,
+        dbFieldTxt: a,
+        dictTable: m
+      };
+      if (f) {
+        let n = f.split(",");
+        d.titleField = n[0], n.length > 1 && (d.otherFields = f.substring(f.indexOf(",") + 1));
+      } else
+        d.titleField = "", d.otherFields = "";
+      if (o)
+        try {
+          let n = JSON.parse(o);
+          n.multiSelect ? d.multiSelect = n.multiSelect : d.multiSelect = !1, n.showType ? d.showType = n.showType : d.showType = "card", n.imageField ? d.imageField = n.imageField : d.imageField = "";
+        } catch (n) {
+        }
+      return d;
+    }
+    function q(e) {
+      const { multiSelect: t, showType: l, imageField: a, fieldName: o } = e;
+      let m = { showType: l, multiSelect: t, imageField: a }, f = [{ rowKey: e.rowKey, values: { fieldExtendJson: JSON.stringify(m), dbFieldTxt: e.dbFieldTxt } }];
+      s.value.setValues(f);
+      let { checkTable: d, dbTable: n } = c;
+      if (n) {
+        let p = [{ rowKey: e.rowKey, values: { dbFieldTxt: e.dbFieldTxt } }];
+        n.value.tableRef.setValues(p);
+      }
+      if (d) {
+        let p = e.titleField;
+        e.otherFields && (p += "," + e.otherFields);
+        const { dictTable: g, dictField: T } = e;
+        let y = {
+          dictTable: g,
+          dictField: T,
+          dictText: p,
+          dbFieldName: o
+        }, b = [{ rowKey: e.rowKey, values: y }];
+        d.value.tableRef.setValues(b);
+      }
+    }
+    function j(e) {
+      const { dbFieldTxt: t, dictTable: l, dictText: a, rowKey: o } = e;
+      let m = [{ rowKey: o, values: { dbFieldTxt: t } }];
+      s.value.setValues(m);
+      let { checkTable: f, dbTable: d } = c;
+      if (d) {
+        let n = [{ rowKey: o, values: { dbFieldTxt: t, dbIsPersist: "0" } }];
+        d.value.tableRef.setValues(n);
+      }
+      if (f) {
+        let n = [{ rowKey: o, values: { dictTable: l, dictText: a } }];
+        f.value.tableRef.setValues(n);
+      }
+    }
+    function z(e) {
+      let t = e.row.fieldExtendJson || "", l = e.rowId, a = e.row.fieldShowType || "", o = e.row.sortFlag || "0";
+      const m = e.row.dbType;
+      $(!0, {
+        jsonStr: t,
+        fieldShowType: a,
+        sortFlag: o,
+        id: l,
+        dbType: m
+      });
+    }
+    function W(e, t) {
+      let l;
+      e && Object.keys(e).length > 0 ? l = [{ rowKey: t, values: { fieldExtendJson: JSON.stringify(e) } }] : l = [{ rowKey: t, values: { fieldExtendJson: "" } }], s.value.setValues(l);
+    }
+    const G = (e) => {
+    };
+    function U({ cellValue: e, row: t }, l) {
+      let { dbTable: a } = c;
+      const o = a.value.tableRef.getTableData({ rowIds: [t.id] })[0].dbType;
+      e === "group" ? ["double", "int", "BigDecimal", "Date", "Datetime"].includes(o) || t.fieldShowType === "time" ? l(!0) : l(!1, "范围查询，只支持数据库属里的字段类型为：Integer、Double、BigDecimal及Date、Datetime 或 控件类型是时间(HH:mm:ss)") : e === "like" ? ["string"].includes(o) && t.fieldShowType === "text" ? l(!0) : l(!1, "模糊查询，只支持控件类型是文本框且数据库属里的字段类型是String") : l(!0);
+    }
+    const X = ({ oldValue: e, row: t }) => {
+      t.dbType != "string" && e == "string" && s.value.getTableData({ rowIds: [t.id] })[0].queryMode == "like" && s.value.setValues([
+        {
+          rowKey: t.id,
+          values: { queryMode: "single" }
+        }
+      ]);
+    };
+    return I(E({}, u), {
+      columns: i,
+      enableQuery: _,
+      syncFieldShowType: C,
+      changePageType: F,
+      showConfigButton: B,
+      showFieldConfig: J,
+      registerExtJsonModal: O,
+      handleExtJson: W,
+      openConfig: Q,
+      registerModal: x,
+      handleConfigData: q,
+      registerFieldModal: v,
+      handleFieldConfigData: j,
+      syncIsQuery: k,
+      handleValueChange: G,
+      syncQueryMode: X
+    });
+  }
+});
+function he(i, u, s, c, V, C) {
+  const k = h("a-button"), F = h("JVxeTable"), _ = h("link-table-config-modal"), x = h("link-table-field-config-modal"), D = h("FieldExtendJsonModal");
+  return P(), oe(se, null, [
+    w(F, de({
+      ref: "tableRef",
+      "row-class-name": "online-config-page",
+      rowNumber: "",
+      keyboardEdit: "",
+      maxHeight: i.tableHeight.noToolbar,
+      loading: i.loading,
+      columns: i.columns,
+      dataSource: i.dataSource,
+      disabledRows: { dbFieldName: ["id", "has_child"] },
+      onValueChange: i.handleValueChange
+    }, i.tableProps), {
+      fieldConfig: H((v) => [
+        i.showConfigButton(v) ? (P(), ne(k, {
+          key: 0,
+          type: "primary",
+          size: "small",
+          ghost: "",
+          onClick: (M) => i.openConfig(v)
+        }, {
+          default: H(() => [
+            ue("更多配置")
+          ]),
+          _: 2
+        }, 1032, ["onClick"])) : re("", !0)
+      ]),
+      _: 1
+    }, 16, ["maxHeight", "loading", "columns", "dataSource", "onValueChange"]),
+    w(_, {
+      onRegister: i.registerModal,
+      onSuccess: i.handleConfigData
+    }, null, 8, ["onRegister", "onSuccess"]),
+    w(x, {
+      onRegister: i.registerFieldModal,
+      onSuccess: i.handleFieldConfigData
+    }, null, 8, ["onRegister", "onSuccess"]),
+    w(D, {
+      onRegister: i.registerExtJsonModal,
+      onSuccess: i.handleExtJson
+    }, null, 8, ["onRegister", "onSuccess"])
+  ], 64);
+}
+const Be = /* @__PURE__ */ pe(ye, [["render", he], ["__scopeId", "data-v-e34da524"]]);
+export {
+  Be as default
+};

package/{ProcessOnlineForm-67558898.mjs → ProcessOnlineForm-148632fe.mjs}

@@ -1,24 +1,24 @@
-var u = (e, r, o) => new Promise((p, s) => {
-  var l = (t) => {
+var u = (e, r, t) => new Promise((p, s) => {
+  var d = (o) => {
     try {
-      n(o.next(t));
-    } catch (a) {
-      s(a);
+      a(t.next(o));
+    } catch (n) {
+      s(n);
     }
-  }, i = (t) => {
+  }, i = (o) => {
     try {
-      n(o.throw(t));
-    } catch (a) {
-      s(a);
+      a(t.throw(o));
+    } catch (n) {
+      s(n);
     }
-  }, n = (t) => t.done ? p(t.value) : Promise.resolve(t.value).then(l, i);
-  n((o = o.apply(e, r)).next());
+  }, a = (o) => o.done ? p(o.value) : Promise.resolve(o.value).then(d, i);
+  a((t = t.apply(e, r)).next());
 });
-import S from "./OnlineForm-1fa2d893.mjs";
-import { defineComponent as k, ref as m, watch as T, nextTick as w, resolveComponent as f, openBlock as h, createElementBlock as y, createVNode as _, withCtx as g, createTextVNode as N, createCommentVNode as C } from "vue";
-import { defHttp as P } from "/@/utils/http/axios";
-import { g as b } from "./useExtendComponent-325fe3f1.mjs";
-import { _ as R } from "./index-0e3ab3af.mjs";
+import C from "./OnlineForm-9f1153ba.mjs";
+import { defineComponent as S, ref as m, watch as T, nextTick as w, resolveComponent as f, openBlock as _, createElementBlock as y, createVNode as g, withCtx as h, createTextVNode as N, createCommentVNode as P } from "vue";
+import { defHttp as R } from "/@/utils/http/axios";
+import { g as b } from "./useExtendComponent-dcae5c78.mjs";
+import { _ as L } from "./index-1d1a6e56.mjs";
 import "/@/hooks/web/useMessage";
 import "/@/components/Form/index";
 import "lodash-es";
@@ -34,31 +34,35 @@ import "./useCustomHook-acb00837.mjs";
 import "/@/utils/cache";
 import "/@/utils/common/compUtils";
 import "/@/store/modules/user";
-import "./constant-754f1a9d.mjs";
+import "./constant-fa63bd66.mjs";
+import "/@/hooks/web/useAppInject";
+import "/@/utils/is";
+import "/@/store/modules/permission";
+import "./OnlineForm.vue_vue_type_style_index_0_scoped_4657b304_lang-4ed993c7.mjs";
 import "/@/components/Form/src/componentMap";
 import "/@/utils/propTypes";
 import "/@/components/Form/src/jeecg/components/JUpload";
 import "/@/views/system/user/user.api";
 import "/@/utils/desform/customExpression";
-import "/@/store/modules/permission";
 import "/@/utils/dict/JDictSelectUtil";
 import "/@/components/Table";
 import "/@/hooks/system/useListPage";
 import "vue-router";
 import "/@/components/Form/src/utils/Area";
 import "/@/components/Preview/index";
-import "./LinkTableListPiece-8499a318.mjs";
-import "./OnlineSelectCascade-4265c95d.mjs";
-import "./JModalTip-33c7dc44.mjs";
-import "/@/hooks/web/useAppInject";
+import "./LinkTableListPiece-f3a8e0d7.mjs";
+import "/@/api/common/api";
+import "/@/assets/images/placeholderImage.png";
+import "./OnlineSelectCascade-05c40fef.mjs";
+import "./JModalTip-b055ab60.mjs";
 import "ant-design-vue";
 import "@vueuse/core";
 import "/@/components/jeecg/OnLine/JPopupOnlReport.vue";
-const L = k({
+const $ = S({
   name: "ProcessOnlineForm",
   inheritAttrs: !1,
   components: {
-    OnlineForm: S
+    OnlineForm: C
   },
   props: {
     dataId: {
@@ -79,28 +83,28 @@ const L = k({
     }
   },
   setup(e) {
-    const r = m(), o = m(""), p = m(1), s = m(!1), l = m(""), i = m(!1);
+    const r = m(), t = m(""), p = m(1), s = m(!1), d = m(""), i = m(!1);
     T(
       () => e.tableName,
       (c) => {
-        c && n();
+        c && a();
       },
       { immediate: !0 }
     );
-    function n() {
+    function a() {
       return u(this, null, function* () {
         i.value = !0;
-        const c = `/online/cgform/api/getFormItemBytbname/${e.tableName}`, I = { taskId: e.taskId };
+        const c = `/online/cgform/api/getFormItemBytbname/${e.tableName}`, k = { taskId: e.taskId };
         try {
-          let d = yield P.get({ url: c, params: I });
-          o.value = d.head.id, p.value = Number(d.head.formTemplate || 1), s.value = d.head.isTree === "Y", l.value = d.head.treeParentIdField || "", yield w(() => u(this, null, function* () {
-            (yield b(r)).createRootProperties(d);
+          let l = yield R.get({ url: c, params: k });
+          t.value = l.head.id, p.value = Number(l.head.formTemplate || 1), s.value = l.head.isTree === "Y", d.value = l.head.treeParentIdField || "", yield w(() => u(this, null, function* () {
+            (yield b(r)).createRootProperties(l);
           }));
-        } catch (d) {
+        } catch (l) {
         }
       });
     }
-    function t() {
+    function o() {
       return u(this, null, function* () {
         let c = yield b(r);
         i.value = !1, c.show(!0, {
@@ -108,71 +112,77 @@ const L = k({
         });
       });
     }
-    const a = m(!1);
+    const n = m(!1);
     function F() {
       return u(this, null, function* () {
-        a.value = !0, r.value.handleSubmit();
+        n.value = !0, r.value.handleSubmit();
       });
     }
     function v() {
-      a.value = !1;
+      n.value = !1;
+    }
+    function I() {
+      n.value = !1;
     }
     return {
       onlineFormCompRef: r,
-      formId: o,
+      formId: t,
       formTemplate: p,
       isTreeForm: s,
-      pidFieldName: l,
-      renderSuccess: t,
+      pidFieldName: d,
+      renderSuccess: o,
       handleSuccess: v,
+      handleClose: I,
       handleSubmit: F,
-      buttonLoading: a,
+      buttonLoading: n,
       spinLoading: i
     };
   }
-}), $ = { class: "cust-onl-form" }, B = {
+}), B = { class: "cust-onl-form" }, O = {
   key: 0,
   style: { width: "100%", "text-align": "center", "margin-top": "5px" }
 };
-function O(e, r, o, p, s, l) {
-  const i = f("a-button"), n = f("online-form"), t = f("a-spin");
-  return h(), y("div", $, [
-    _(t, { spinning: e.spinLoading }, {
-      default: g(() => [
-        _(n, {
+function V(e, r, t, p, s, d) {
+  const i = f("a-button"), a = f("online-form"), o = f("a-spin");
+  return _(), y("div", B, [
+    g(o, { spinning: e.spinLoading }, {
+      default: h(() => [
+        g(a, {
           ref: "onlineFormCompRef",
           id: e.formId,
           disabled: e.disabled,
           "form-template": e.formTemplate,
           isTree: e.isTreeForm,
           pidField: e.pidFieldName,
+          taskId: e.taskId,
           onRendered: e.renderSuccess,
-          onSuccess: e.handleSuccess
+          onSuccess: e.handleSuccess,
+          onClose: e.handleClose
         }, {
-          bottom: g(() => [
-            !e.disabled && !e.spinLoading ? (h(), y("div", B, [
-              _(i, {
+          bottom: h(() => [
+            !e.disabled && !e.spinLoading ? (_(), y("div", O, [
+              g(i, {
                 preIcon: "ant-design:check",
                 style: { width: "126px" },
                 type: "primary",
                 onClick: e.handleSubmit,
                 loading: e.buttonLoading
               }, {
-                default: g(() => [
+                default: h(() => [
                   N(" 提 交 ")
                 ]),
                 _: 1
               }, 8, ["onClick", "loading"])
-            ])) : C("", !0)
+            ])) : P("", !0)
           ]),
           _: 1
-        }, 8, ["id", "disabled", "form-template", "isTree", "pidField", "onRendered", "onSuccess"])
+        }, 8, ["id", "disabled", "form-template", "isTree", "pidField", "taskId", "onRendered", "onSuccess", "onClose"])
       ]),
       _: 1
     }, 8, ["spinning"])
   ]);
 }
-const Se = /* @__PURE__ */ R(L, [["render", O], ["__scopeId", "data-v-530d8f91"]]);
+const Ne = /* @__PURE__ */ L($, [["render", V], ["__scopeId", "data-v-a4356798"]]);
 export {
-  Se as default
+  Ne as default
 };