@das-fed/ui 1.1.4 → 6.3.0-beta.0

package/packages/business-components/process-configuration/index.css

@@ -0,0 +1 @@
+.das-process-configuration[data-v-cf2a188f] .table-top[data-v-cf2a188f]{display:flex;justify-content:flex-end}.das-process-configuration[data-v-cf2a188f] .table-top[data-v-cf2a188f] .operate[data-v-cf2a188f]{display:flex;position:absolute;top:10px}.das-process-configuration[data-v-cf2a188f] .table-box[data-v-cf2a188f]{background-color:#fff;display:flex;flex-direction:column;height:100%;padding:0 50px 12px}.das-process-configuration[data-v-cf2a188f] .table-box[data-v-cf2a188f] .table-content[data-v-cf2a188f]{flex:1;overflow:hidden}.das-process-configuration[data-v-cf2a188f] .table-box[data-v-cf2a188f] .table-content[data-v-cf2a188f] [data-v-cf2a188f] .das-ui-table .pagination-container{padding:12px 8px}.delete-dialog[data-v-cf2a188f] [data-v-cf2a188f] .das-ui-dialog.feedback .delete-text[data-v-cf2a188f]{color:#212121;font-size:16px;font-weight:400;letter-spacing:0;line-height:24px;text-align:center}.delete-dialog[data-v-cf2a188f] [data-v-cf2a188f] .das-ui-dialog.feedback .split-line[data-v-cf2a188f]{border-top:1px solid #d9d9d9;margin:6px 0;width:100%}.delete-dialog[data-v-cf2a188f] [data-v-cf2a188f] .das-ui-dialog.feedback .delete-info-box[data-v-cf2a188f]{height:79px}.delete-dialog[data-v-cf2a188f] [data-v-cf2a188f] .das-ui-dialog.feedback .delete-info-text[data-v-cf2a188f]{color:#999;font-size:14px;font-weight:400;letter-spacing:0;line-height:21px}

package/packages/business-components/process-configuration/index.js

@@ -0,0 +1,612 @@
+import { withInstall } from '@das-fed/utils';
+import { ref, watch, defineComponent, computed, onUnmounted, onDeactivated, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, withDirectives, pushScopeId, popScopeId } from 'vue';
+import { DasMessage, DasTable, DasTableColumn, DasDialog, DasButton, DasForm, DasFormItem, DasSpin, vOverlay } from '@das-fed/ui';
+import { getProjectInfo } from '@das-fed/utils/common-info/index';
+import { createService } from '@das-fed/utils/api-services/src/create-service';
+
+const version = "v1";
+const service = createService(`/workflow/flow/def/${version}`);
+const instanceService = createService(`/workflow/runtime/instance/${version}`);
+const processList = service.post(`/listJson`);
+const copyProcess = service.post(`/saveCopy`);
+const getInstanceCountBy = instanceService.get(`/getInstanceCountByDefKeys`);
+const deleteDef = service.delete(`/removeByDefIds`);
+
+const useCopyDialog = (editForm) => {
+  const projectId = getProjectInfo().id ? getProjectInfo().id : "371344636432453";
+  const projectName = getProjectInfo().name ? getProjectInfo().name : "AIoT\u9879\u76EE";
+  const copyDialogLoading = ref(false);
+  const copyDialogShow = ref(false);
+  const copyFormData = ref({
+    defId: "",
+    // 流程id
+    defKey: "",
+    // 流程别名
+    name: "",
+    // 流程名称
+    typeId: "",
+    // 所属项目名称
+    typeName: projectName
+    // 所属项目id
+  });
+  const detailFormData = ref({
+    defId: "",
+    // 流程id
+    defKey: "",
+    // 流程别名
+    name: ""
+    // 流程名称
+  });
+  const rules = ref({
+    name: [{ required: true, message: "\u5FC5\u586B", trigger: "blur" }],
+    defKey: [{ required: true, message: "\u5FC5\u586B", trigger: "blur" }]
+  });
+  const saveCopyProcess = async (func) => {
+    editForm.value?.validate(async (valid) => {
+      if (valid) {
+        copyDialogLoading.value = true;
+        console.log(" // copyFormData.value: ", copyFormData.value);
+        const [err, data] = await copyProcess(copyFormData.value, {
+          params: { destinationProject: projectId, project: projectId }
+        }).run();
+        if (err) {
+          copyDialogLoading.value = false;
+          DasMessage.error(data.message);
+          return;
+        }
+        copyDialogLoading.value = false;
+        DasMessage.success("\u590D\u5236\u6210\u529F");
+        copyDialogShow.value = false;
+        func();
+      }
+    });
+    watch(
+      () => copyDialogShow.value,
+      (val) => {
+        if (!val) editForm.value?.resetField();
+      }
+    );
+  };
+  const cancelCopy = async () => copyDialogShow.value = false;
+  return {
+    copyDialogShow,
+    copyFormData,
+    detailFormData,
+    rules,
+    copyDialogLoading,
+    saveCopyProcess,
+    cancelCopy
+  };
+};
+
+const useDeleteDialog = () => {
+  const projectId = getProjectInfo().id ? getProjectInfo().id : "371344636432453";
+  const deleteDialogShow = ref(false);
+  const instanceCount = ref([]);
+  const reqCount = async (val) => {
+    const params = {
+      defKeys: val,
+      projectId
+    };
+    const [err, data] = await getInstanceCountBy(params).run();
+    console.log("data: ", data);
+    instanceCount.value = data;
+    if (err) return;
+  };
+  const deleteDefItem = async (val) => {
+    const params = {
+      cascade: true,
+      ids: val,
+      project: projectId
+    };
+    const [err, data] = await deleteDef(params).run();
+    console.log("data: ", data);
+    if (err) return;
+    deleteDialogShow.value = false;
+    DasMessage.success("\u5220\u9664\u6210\u529F");
+  };
+  const cancelDelete = () => deleteDialogShow.value = false;
+  return { deleteDialogShow, instanceCount, reqCount, deleteDefItem, cancelDelete };
+};
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    modelValue: { type: Boolean, required: true, default: false },
+    title: { type: String, required: true, default: "\u9009\u62E9\u6D41\u7A0B" },
+    bussinessName: { type: String, required: true, default: "contract" },
+    defKey: { type: String, required: false, default: "" },
+    defId: { type: String, required: true, default: "" }
+  },
+  emits: ["update:modelValue", "processInfo", "cancelDialog"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emits = __emit;
+    const urlOrigin = window.location.origin;
+    const projectId = getProjectInfo().id ? getProjectInfo().id : "371344636432453";
+    const projectName = getProjectInfo().name ? getProjectInfo().name : "AIoT\u9879\u76EE";
+    const deleteIds = ref("");
+    const deleteName = ref("");
+    const editForm = ref();
+    const showDialog = computed(() => props.modelValue ? props.modelValue : false);
+    const tableData = ref([]);
+    const tableLoading = ref(false);
+    const refreshCount = ref(0);
+    const { copyDialogShow, copyFormData, detailFormData, rules, saveCopyProcess, cancelCopy, copyDialogLoading } = useCopyDialog(editForm);
+    const { deleteDialogShow, instanceCount, reqCount, deleteDefItem, cancelDelete } = useDeleteDialog();
+    const operation = ref([
+      {
+        label: "\u7F16\u8F91",
+        value: "edit"
+      },
+      {
+        label: "\u590D\u5236",
+        value: "copy"
+      },
+      {
+        label: "\u5220\u9664",
+        value: "delete"
+      }
+    ]);
+    const stateArr = ref([
+      { text: "\u5DF2\u53D1\u5E03", value: "deploy", type: "info" },
+      { text: "\u672A\u53D1\u5E03", value: "draft" },
+      { text: "\u7981\u7528", value: "forbidden", type: "danger" },
+      { text: "\u7981\u6B62\u5B9E\u4F8B", value: "forbidden_instance", type: "warning" }
+    ]);
+    const stateFormat = (val) => {
+      const str = stateArr.value.find((item) => item.value === val);
+      return str?.text;
+    };
+    const currentRodioSelection = ref(props.defKey);
+    const currentRowSelection = ref();
+    const radioChange = (val, row, index) => {
+      console.log(val, row, index);
+      currentRowSelection.value = row;
+    };
+    const operationClick = async (value, row) => {
+      if (value === "edit") {
+        const rowStr = JSON.stringify(row);
+        window.open(`${urlOrigin}/mvue/flowDesign?business=${props.bussinessName}&operate=edit&detail=${rowStr}`);
+      }
+      if (value === "copy") {
+        copyDialogShow.value = true;
+        copyFormData.value.defId = row.defId;
+        copyFormData.value.typeId = row.typeId;
+        copyFormData.value.defKey = "";
+        copyFormData.value.name = "";
+        detailFormData.value.defId = row.defId;
+        detailFormData.value.defKey = row.defKey;
+        detailFormData.value.name = row.name;
+      }
+      if (value === "delete") {
+        deleteIds.value = row.id;
+        deleteName.value = row.name;
+        await reqCount(row.defKey);
+        deleteDialogShow.value = true;
+      }
+    };
+    const requestTableList = async () => {
+      refreshCount.value++;
+      if (refreshCount.value === 1) tableLoading.value = true;
+      const params = {
+        pageBean: { page: 1, pageSize: 1e4, total: 2 },
+        sorter: [{ property: "createTime", direction: "DESC" }],
+        querys: [
+          { group: "main", operation: "IN", property: "businessTypeId", relation: "AND", value: props.bussinessName }
+        ]
+      };
+      const [err, data] = await processList(params, { params: { project: projectId } }).run();
+      if (err) {
+        tableLoading.value = false;
+        return;
+      }
+      tableLoading.value = false;
+      tableData.value = data.rows;
+    };
+    const addRow = () => {
+      window.open(`${urlOrigin}/mvue/flowDesign?business=${props.bussinessName}&operate=add`);
+    };
+    const copyRow = async () => {
+      await saveCopyProcess(requestTableList);
+    };
+    const deleteRow = async () => {
+      await deleteDefItem(deleteIds.value);
+      await requestTableList();
+    };
+    const cancel = () => {
+      const defKeyList = tableData.value.map((item) => item.defKey);
+      if (!defKeyList.includes(props.defKey)) {
+        emits("cancelDialog", true);
+      } else {
+        emits("cancelDialog", false);
+      }
+      emits("update:modelValue", false);
+    };
+    const submit = () => {
+      const defKeyList = tableData.value.map((item) => item.defKey);
+      if (!defKeyList.includes(currentRodioSelection.value)) {
+        DasMessage.warning("\u8BF7\u9009\u62E9\u6D41\u7A0B");
+        return;
+      }
+      emits("processInfo", currentRowSelection.value);
+      emits("update:modelValue", false);
+    };
+    let timer = ref(0);
+    watch(
+      () => props.modelValue,
+      async (newVal, oldVal) => {
+        if (newVal) {
+          await requestTableList();
+          if (tableData.value.length > 0) {
+            if (!props.defKey) {
+              currentRodioSelection.value = tableData.value[0].defKey;
+              currentRowSelection.value = tableData.value[0];
+            } else {
+              currentRodioSelection.value = props.defKey;
+              currentRowSelection.value = tableData.value.find((item) => item.defKey === props.defKey);
+            }
+          }
+          timer.value = window.setInterval(() => {
+            requestTableList();
+          }, 1500);
+        }
+        if (!newVal) {
+          refreshCount.value = 0;
+          window.clearInterval(timer.value);
+        }
+      }
+    );
+    onUnmounted(() => {
+      window.clearInterval(timer.value);
+    });
+    onDeactivated(() => {
+      window.clearInterval(timer.value);
+    });
+    const __returned__ = { props, emits, urlOrigin, projectId, projectName, deleteIds, deleteName, editForm, showDialog, tableData, tableLoading, refreshCount, copyDialogShow, copyFormData, detailFormData, rules, saveCopyProcess, cancelCopy, copyDialogLoading, deleteDialogShow, instanceCount, reqCount, deleteDefItem, cancelDelete, operation, stateArr, stateFormat, currentRodioSelection, currentRowSelection, radioChange, operationClick, requestTableList, addRow, copyRow, deleteRow, cancel, submit, get timer() {
+      return timer;
+    }, set timer(v) {
+      timer = v;
+    }, get DasTable() {
+      return DasTable;
+    }, get DasTableColumn() {
+      return DasTableColumn;
+    }, get DasDialog() {
+      return DasDialog;
+    }, get DasButton() {
+      return DasButton;
+    }, get DasForm() {
+      return DasForm;
+    }, get DasFormItem() {
+      return DasFormItem;
+    }, get DasSpin() {
+      return DasSpin;
+    }, get vOverlay() {
+      return vOverlay;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _withScopeId = (n) => (pushScopeId("data-v-cf2a188f"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "das-process-configuration" };
+const _hoisted_2 = { class: "table-box" };
+const _hoisted_3 = { class: "table-top" };
+const _hoisted_4 = { class: "operate" };
+const _hoisted_5 = { class: "table-content" };
+const _hoisted_6 = { class: "form-content" };
+const _hoisted_7 = { class: "delete-dialog" };
+const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "delete-text" },
+  [
+    /* @__PURE__ */ createTextVNode("\u5220\u9664\u6D41\u7A0B\u5B9A\u4E49\uFF0C\u5BF9\u5E94\u7684\u5B9E\u4F8B\u548C\u4EFB\u52A1\u4F1A\u4E00\u8D77\u5220\u9664\uFF0C"),
+    /* @__PURE__ */ createElementVNode("br"),
+    /* @__PURE__ */ createTextVNode("\u5E76\u4E14\u65E0\u6CD5\u6062\u590D")
+  ],
+  -1
+  /* HOISTED */
+));
+const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "split-line" },
+  null,
+  -1
+  /* HOISTED */
+));
+const _hoisted_10 = { class: "delete-info-box" };
+const _hoisted_11 = {
+  key: 0,
+  class: "delete-info-text"
+};
+const _hoisted_12 = {
+  key: 1,
+  class: "delete-info-text"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    Fragment,
+    null,
+    [
+      createElementVNode("div", _hoisted_1, [
+        createVNode($setup["DasDialog"], {
+          modelValue: $setup.showDialog,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $setup.showDialog = $event),
+          loading: $setup.tableLoading,
+          title: $props.title,
+          width: "1170px",
+          height: "689px",
+          "body-style": { "background-color": "#f2f2f2", padding: "10px" },
+          onClose: $setup.cancel
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", null, [
+              createVNode($setup["DasButton"], { onClick: $setup.cancel }, {
+                default: withCtx(() => [
+                  createTextVNode("\u53D6\u6D88")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode($setup["DasButton"], {
+                btnType: "primary",
+                style: { "margin-left": "12px" },
+                onClick: $setup.submit
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u786E\u5B9A")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode($setup["DasSpin"], { spinning: $setup.tableLoading }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("div", _hoisted_3, [
+                    createElementVNode("div", _hoisted_4, [
+                      createVNode($setup["DasButton"], {
+                        btnType: "primary-text",
+                        size: "large",
+                        block: "",
+                        onClick: $setup.addRow
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u6DFB\u52A0")
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_5, [
+                    createVNode($setup["DasTable"], {
+                      ref: "addTable",
+                      "max-height": "100%",
+                      "radio-selection": "",
+                      hideSelectionText: false,
+                      operation: $setup.operation,
+                      simpleEmpty: "",
+                      "outer-border": "",
+                      "row-key": "defKey",
+                      data: $setup.tableData,
+                      onOperationClick: $setup.operationClick,
+                      currentRodioSelection: $setup.currentRodioSelection,
+                      "onUpdate:currentRodioSelection": _cache[1] || (_cache[1] = ($event) => $setup.currentRodioSelection = $event),
+                      onRadioChange: $setup.radioChange
+                    }, {
+                      default: withCtx(() => [
+                        createVNode($setup["DasTableColumn"], {
+                          label: "\u6D41\u7A0B\u540D\u79F0",
+                          "content-type": "link",
+                          onClickLink: _cache[0] || (_cache[0] = ($event) => $setup.operationClick("edit", $event)),
+                          prop: "name"
+                        }),
+                        createVNode($setup["DasTableColumn"], {
+                          label: "\u6D41\u7A0Bkey",
+                          prop: "defKey"
+                        }),
+                        createVNode($setup["DasTableColumn"], {
+                          label: "\u6D41\u7A0B\u63CF\u8FF0",
+                          prop: "desc"
+                        }),
+                        createVNode($setup["DasTableColumn"], {
+                          label: "\u72B6\u6001",
+                          prop: "status"
+                        }, {
+                          default: withCtx(({ row, $index }) => [
+                            createTextVNode(
+                              toDisplayString($setup.stateFormat(row.status)),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        createVNode($setup["DasTableColumn"], {
+                          label: "\u7248\u672C\u53F7",
+                          prop: "version"
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["operation", "data", "currentRodioSelection"])
+                  ])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["spinning"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue", "loading", "title"])
+      ]),
+      createCommentVNode(" \u590D\u5236\u5F39\u7A97 "),
+      createVNode($setup["DasDialog"], {
+        modelValue: $setup.copyDialogShow,
+        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $setup.copyDialogShow = $event),
+        title: "\u590D\u5236\u6D41\u7A0B",
+        size: "small",
+        "body-style": { padding: "25px 60px", "box-sizing": "border-box" }
+      }, {
+        footer: withCtx(() => [
+          createElementVNode("div", null, [
+            createVNode($setup["DasButton"], { onClick: $setup.cancelCopy }, {
+              default: withCtx(() => [
+                createTextVNode("\u53D6\u6D88")
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["onClick"]),
+            createVNode($setup["DasButton"], {
+              btnType: "primary",
+              style: { "margin-left": "12px" },
+              onClick: $setup.copyRow
+            }, {
+              default: withCtx(() => [
+                createTextVNode("\u786E\u5B9A")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createVNode($setup["DasSpin"], { spinning: $setup.copyDialogLoading }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_6, [
+                createVNode($setup["DasForm"], {
+                  alignType: "horizontal",
+                  contentWidth: "230",
+                  marginBottom: "30px",
+                  marginRight: "26px",
+                  ref: "editForm",
+                  rules: $setup.rules
+                }, {
+                  default: withCtx(() => [
+                    createVNode($setup["DasFormItem"], {
+                      label: "\u539F\u6D41\u7A0B\u540D\u79F0",
+                      maxlength: "20",
+                      modelValue: $setup.detailFormData.name,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $setup.detailFormData.name = $event),
+                      disabled: ""
+                    }, null, 8, ["modelValue"]),
+                    createVNode($setup["DasFormItem"], {
+                      label: "\u539F\u6D41\u7A0B\u522B\u540D",
+                      maxlength: "20",
+                      modelValue: $setup.detailFormData.defKey,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $setup.detailFormData.defKey = $event),
+                      disabled: "",
+                      marginRight: "0"
+                    }, null, 8, ["modelValue"]),
+                    createVNode($setup["DasFormItem"], {
+                      label: "\u65B0\u6D41\u7A0B\u540D\u79F0",
+                      maxlength: "20",
+                      required: "",
+                      prop: "name",
+                      modelValue: $setup.copyFormData.name,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $setup.copyFormData.name = $event)
+                    }, null, 8, ["modelValue"]),
+                    createVNode($setup["DasFormItem"], {
+                      label: "\u65B0\u6D41\u7A0B\u522B\u540D",
+                      maxlength: "20",
+                      required: "",
+                      prop: "defKey",
+                      modelValue: $setup.copyFormData.defKey,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $setup.copyFormData.defKey = $event),
+                      marginRight: "0"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["rules"])
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["spinning"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue"]),
+      createCommentVNode(" \u5220\u9664\u5F39\u7A97 "),
+      createElementVNode("div", _hoisted_7, [
+        createVNode($setup["DasDialog"], {
+          modelValue: $setup.deleteDialogShow,
+          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $setup.deleteDialogShow = $event),
+          type: "feedback",
+          height: "400px",
+          feedType: "primary"
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", null, [
+              createVNode($setup["DasButton"], { onClick: $setup.cancelDelete }, {
+                default: withCtx(() => [
+                  createTextVNode("\u53D6\u6D88")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["onClick"]),
+              createVNode($setup["DasButton"], {
+                btnType: "primary",
+                style: { "margin-left": "12px" },
+                onClick: $setup.deleteRow
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u786E\u5B9A")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            _hoisted_8,
+            _hoisted_9,
+            withDirectives((openBlock(), createElementBlock("div", _hoisted_10, [
+              $setup.instanceCount.length === 0 ? (openBlock(), createElementBlock(
+                "div",
+                _hoisted_11,
+                toDisplayString(`${$setup.deleteName}(\u5171\u6709\u5B9E\u4F8B\uFF1A${0}\u4E2A\uFF0C\u5176\u4E2D\u8FD0\u884C\u4E2D\u7684\u5B9E\u4F8B\uFF1A${0}\u4E2A)`),
+                1
+                /* TEXT */
+              )) : createCommentVNode("v-if", true),
+              $setup.instanceCount.length > 0 ? (openBlock(), createElementBlock(
+                "div",
+                _hoisted_12,
+                toDisplayString(`${$setup.deleteName}(\u5171\u6709\u5B9E\u4F8B\uFF1A${$setup.instanceCount[0].totalCount}\u4E2A\uFF0C\u5176\u4E2D\u8FD0\u884C\u4E2D\u7684\u5B9E\u4F8B\uFF1A${$setup.instanceCount[0].runningCount}\u4E2A)`),
+                1
+                /* TEXT */
+              )) : createCommentVNode("v-if", true)
+            ])), [
+              [$setup["vOverlay"]]
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ])
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+var processConfiguration = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cf2a188f"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/business-components/process-configuration/src/index.vue"]]);
+
+const DasProcessConfiguration = withInstall(processConfiguration);
+
+export { DasProcessConfiguration, DasProcessConfiguration as default };

package/packages/business-components/process-form/index.css

@@ -0,0 +1 @@
+.custom-page[data-v-668036fc]{background-color:#e2e7ef;display:flex;flex-direction:column}.custom-page[data-v-668036fc] .btn-box[data-v-668036fc]{background-color:#fff;height:48px;line-height:48px;padding-left:18px}.custom-page[data-v-668036fc] .content-box[data-v-668036fc]{flex:1;margin:0 10px;min-height:0}