@gct-paas/excel 0.1.0

package/dist/integer-props-HFGj00uq.js

@@ -0,0 +1,1015 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, normalizeStyle, Fragment, createElementVNode, createTextVNode, toDisplayString, renderList, ref, onMounted, nextTick, watch, withKeys, mergeProps, h, toRaw } from "vue";
+import { F as FormItem, h as FileOnlineForm, V as ViewOnlineForm, i as ProccessOnlineForm, B as BaseOnlineForm, T as TextOnlineForm, j as CloseOutlined, E as EmptyImg } from "./index-XHxr4hJa.js";
+import { _ as _sfc_main$8, N as NumberRangeEditor, I as IndicesEditor } from "./default-value-editor.vue_vue_type_script_setup_true_name_default-value-editor_lang-BIW4XxoA.js";
+import { a as useNamespace, _ as _export_sfc, F as FormDesignEnum, u as useModal } from "./uuid-CvPXRkky.js";
+import { FormTypeEnum, ControlStatusEnum } from "@gct-paas/excel-base";
+import { isArray, cloneDeep } from "lodash-es";
+import { api } from "@gct-paas/api";
+import { Form } from "ant-design-vue";
+import { F as FIELD_TYPE } from "./Scrollbar-Bl_rv9eK.js";
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "number-step-counter-editor",
+  props: {
+    widget: {},
+    readonly: { type: Boolean },
+    precision: {},
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const ns = useNamespace("number-step-counter-editor");
+    const props = __props;
+    const formState = computed({
+      get() {
+        return props.widget;
+      },
+      set(v) {
+        Object.assign(props.widget, v);
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_a_switch = resolveComponent("a-switch");
+      const _component_a_input_number = resolveComponent("a-input-number");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b()])
+      }, [
+        createVNode(FormItem, {
+          label: _ctx.$t("sys.onlineForm.isEnableStep")
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_a_switch, {
+              class: normalizeClass([unref(ns).e("switch")]),
+              size: "small",
+              checked: formState.value.enableStepCounter,
+              "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => formState.value.enableStepCounter = $event),
+              disabled: __props.disabled || __props.readonly
+            }, null, 8, ["class", "checked", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        formState.value.enableStepCounter ? (openBlock(), createBlock(_component_a_input_number, {
+          key: 0,
+          class: normalizeClass([unref(ns).e("num")]),
+          value: formState.value.stepCounter,
+          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => formState.value.stepCounter = $event),
+          min: 1,
+          precision: __props.precision,
+          placeholder: _ctx.$t("sys.inputTextTip", { name: _ctx.$t("sys.onlineForm.stepCounter") }),
+          size: "small",
+          disabled: __props.disabled || __props.readonly
+        }, null, 8, ["class", "value", "precision", "placeholder", "disabled"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const NumberStepCounterEditor = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-ea1371d0"]]);
+const _hoisted_1$3 = ["src"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "form-type-tag",
+  props: {
+    value: {},
+    styleType: { default: "default" }
+  },
+  setup(__props) {
+    const ns = useNamespace("form-type-tag");
+    const svgUtils = {
+      [FormTypeEnum.TEXT]: TextOnlineForm,
+      [FormTypeEnum.BASE]: BaseOnlineForm,
+      [FormTypeEnum.PROCESS]: ProccessOnlineForm,
+      [FormTypeEnum.VIEW]: ViewOnlineForm,
+      [FormTypeEnum.FILE]: FileOnlineForm
+    };
+    const props = __props;
+    const calcShortText = (text) => {
+      return text.replace($t("sys.form"), "");
+    };
+    const Type2color = {
+      [FormTypeEnum.TEXT]: "#39d58e",
+      [FormTypeEnum.BASE]: "#51a2fc",
+      [FormTypeEnum.PROCESS]: "#ffaf50",
+      [FormTypeEnum.VIEW]: "#ff808c",
+      [FormTypeEnum.FILE]: "#AC96FF"
+    };
+    const styleVars = computed(() => {
+      return ns.cssVarBlock({
+        "bg-color": Type2color[props.value]
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(["flex items-center", [unref(ns).b(), unref(ns).m(__props.styleType)]]),
+        style: normalizeStyle(styleVars.value)
+      }, [
+        __props.styleType === "default" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createElementVNode("img", {
+            src: svgUtils[__props.value],
+            class: "w18px h18px mr-4px"
+          }, null, 8, _hoisted_1$3),
+          createTextVNode(" " + toDisplayString(_ctx.$t(`sys.onlineForm.formTypeEnum.${__props.value}`)), 1)
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createTextVNode(toDisplayString(calcShortText(_ctx.$t(`sys.onlineForm.formTypeEnum.${__props.value}`))), 1)
+        ], 64))
+      ], 6);
+    };
+  }
+});
+const FormTypeTag = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-005a6582"]]);
+const _hoisted_1$2 = ["title"];
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "right-list",
+  props: {
+    items: {},
+    moduleType: {}
+  },
+  emits: ["delete"],
+  setup(__props, { emit: __emit }) {
+    const ns = useNamespace("right-list");
+    const props = __props;
+    const emit = __emit;
+    const title = computed(() => {
+      return props.moduleType === FormDesignEnum.ONLINE_FORM ? $t("sys.expression.form") : "DHR";
+    });
+    const getItemText = (item) => {
+      return item.name + (item.version ? ` :${item.version}` : "");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b()])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass([unref(ns).e("title")])
+        }, toDisplayString(_ctx.$t("sys.edhr.mySeleted")) + toDisplayString(title.value), 3),
+        createElementVNode("div", {
+          class: normalizeClass([unref(ns).e("list")])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass([unref(ns).e("item")]),
+              key: item.id
+            }, [
+              item.formType ? (openBlock(), createBlock(unref(FormTypeTag), {
+                key: 0,
+                class: normalizeClass([unref(ns).e("form-type")]),
+                value: item.formType,
+                "style-type": "text-only"
+              }, null, 8, ["class", "value"])) : createCommentVNode("", true),
+              createElementVNode("div", {
+                class: normalizeClass([unref(ns).e("item-text")]),
+                title: getItemText(item)
+              }, toDisplayString(getItemText(item)), 11, _hoisted_1$2),
+              createVNode(unref(CloseOutlined), {
+                class: normalizeClass([unref(ns).e("item-icon")]),
+                onClick: ($event) => emit("delete", item)
+              }, null, 8, ["class", "onClick"])
+            ], 2);
+          }), 128))
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const RightList = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b851f374"]]);
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "category-select",
+  props: {
+    value: { default: void 0 },
+    module: {},
+    disabled: { type: Boolean, default: false },
+    defaultSelectedFirst: { type: Boolean, default: false },
+    placeholder: {},
+    hiddenNodeKeys: { default: () => [] }
+  },
+  emits: ["update:value"],
+  setup(__props, { emit: __emit }) {
+    const ns = useNamespace("category-select");
+    const props = __props;
+    const emit = __emit;
+    const categoryTreeData = ref([]);
+    function mapTree(list = []) {
+      return list.map((item) => {
+        if (props.hiddenNodeKeys?.includes(item.id)) {
+          return void 0;
+        }
+        const node = {
+          value: item.id,
+          label: item.name
+        };
+        if (item.child?.length) {
+          node.children = mapTree(item.child).filter(Boolean);
+        }
+        return node;
+      }).filter(Boolean);
+    }
+    const treeData = computed(() => mapTree(categoryTreeData.value));
+    async function load() {
+      const res = await api.apaas.formRelate.getCategory({
+        moduleType: props.module
+      });
+      categoryTreeData.value = Array.isArray(res) ? res : res?.data ?? [];
+    }
+    onMounted(async () => {
+      if (!categoryTreeData.value?.length) {
+        await load();
+      }
+      if (props.defaultSelectedFirst && !props.value) {
+        const firstCategoryId = categoryTreeData.value?.[0]?.id;
+        if (firstCategoryId) {
+          emit("update:value", firstCategoryId);
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_a_tree_select = resolveComponent("a-tree-select");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b()])
+      }, [
+        createVNode(_component_a_tree_select, {
+          value: __props.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = (v) => emit("update:value", v)),
+          "tree-data": treeData.value,
+          "tree-default-expand-all": "",
+          disabled: __props.disabled,
+          "allow-clear": true,
+          "show-search": "",
+          treeNodeFilterProp: "label",
+          "dropdown-class-name": "gct-custom-select-dropdown",
+          placeholder: __props.placeholder
+        }, null, 8, ["value", "tree-data", "disabled", "placeholder"])
+      ], 2);
+    };
+  }
+});
+const CategorySelect = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b03934d9"]]);
+const _hoisted_1$1 = { class: "select-table flex flex-col h-full" };
+const _hoisted_2 = { class: "select-table__vxe-table-wrapper" };
+const _hoisted_3 = { class: "select-table__vxe-table-area" };
+const _hoisted_4 = { class: "ks-row" };
+const _hoisted_5 = { class: "gct-text-overflow" };
+const _hoisted_6 = {
+  key: 0,
+  class: "gct-custom-tag ml4px"
+};
+const _hoisted_7 = { class: "pt-12px" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "select-table",
+  props: {
+    moduleType: { default: FormDesignEnum.ONLINE_FORM },
+    defaultCategoryId: {},
+    selected: { default: () => [] },
+    multiple: { type: Boolean },
+    exclusiveCheck: { type: Boolean },
+    checkFunc: {},
+    disabledKeys: {},
+    queryParams: {},
+    showColumns: { default: () => ["name", "description", "modifyUserName", "modifyTime"] },
+    checkStrictly: { type: Boolean, default: true }
+  },
+  emits: ["update:selected"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const options = computed(() => {
+      if (props.multiple) {
+        return {
+          checkboxConfig: {
+            highlight: true,
+            showHeader: false,
+            checkStrictly: props.checkStrictly,
+            trigger: "row",
+            reserve: true,
+            checkMethod
+          }
+        };
+      }
+      return {
+        radioConfig: {
+          highlight: true,
+          trigger: "row",
+          reserve: true,
+          checkRowKeys,
+          checkMethod
+        }
+      };
+    });
+    const emit = __emit;
+    const onBlur = () => {
+      formData.value.name && getDataSource();
+    };
+    const isOnlineForm = computed(() => props.moduleType === FormDesignEnum.ONLINE_FORM);
+    const onlineFormTypeLabel = $t("sys.pageDesigner.form") + $t("sys.type") + "/" + $t("sys.description");
+    const formData = ref({ categoryId: props.defaultCategoryId || void 0, name: "" });
+    const tableData = ref([]);
+    const selectedArr = ref([]);
+    const tableRef = ref();
+    const checkRowKeys = ref();
+    const checkMethod = ({ row }) => {
+      if (props.checkFunc) {
+        return props.checkFunc(row);
+      }
+      const parentKey = row.children ? row.id : row.baseId;
+      return !props.disabledKeys?.includes(parentKey);
+    };
+    const pageForm = ref({
+      pageNo: 1,
+      pageSize: 10,
+      total: 0
+    });
+    const paginationAttr = computed(() => {
+      return {
+        current: pageForm.value.pageNo,
+        pageSize: pageForm.value.pageSize,
+        total: pageForm.value.total,
+        showSizeChanger: true,
+        pageSizeOptions: ["10", "20", "30", "40", "50"],
+        showTotal: (total) => $t("sys.component.table.total", { total })
+      };
+    });
+    const setSelectRow = (row) => {
+      const $table = tableRef.value;
+      if ($table) {
+        if (props.multiple) {
+          selectedArr.value = [...row];
+          $table.setCheckboxRow(row, true);
+        } else {
+          $table.setRadioRow(Array.isArray(row) ? row?.[0] : row);
+        }
+      }
+    };
+    onMounted(() => {
+      nextTick(() => {
+        if (props.selected) {
+          setSelectRow(props.selected);
+        }
+      });
+    });
+    const radioChangeEvent = (params) => {
+      if (props.multiple) {
+        return;
+      }
+      console.log("radioChangeEvent", params);
+      selectedArr.value = [{ ...params.row }];
+      emit("update:selected", selectedArr.value);
+    };
+    const doMultipleRemove = (row) => {
+      const $table = tableRef.value;
+      $table?.setCheckboxRow(row, false);
+      const arr = isArray(row) ? row : [row];
+      const removeIds = arr.reduce((acc, item) => {
+        acc.push(item.refId);
+        if (!props.checkStrictly && item.children) {
+          acc.push(...item.children.map((item2) => item2.refId));
+        }
+        return acc;
+      }, []);
+      selectedArr.value = selectedArr.value.filter((item) => !removeIds.includes(item.refId));
+      if (!props.checkStrictly) {
+        const restIds = selectedArr.value.map((item) => item.refId);
+        selectedArr.value = selectedArr.value.filter(
+          // 删除没有子节点的父节点
+          (item) => !item.children || item.children.some((i) => restIds.includes(i.refId))
+        );
+      }
+    };
+    const clearExclusiveCheck = (row) => {
+      if (!props.exclusiveCheck) {
+        return;
+      }
+      const clearArr = selectedArr.value.filter((item) => {
+        if (row.children) {
+          return item.baseId === row.id;
+        } else {
+          return item.baseId === row.baseId && item.id !== row.id || item.id === row.baseId;
+        }
+      });
+      doMultipleRemove(clearArr);
+    };
+    const doMultipleAdd = (row) => {
+      selectedArr.value.push(row);
+      if (props.checkStrictly) {
+        clearExclusiveCheck(row);
+      } else {
+        const hasIds = selectedArr.value.map((item) => item.refId);
+        if (row.children) {
+          row.children.forEach((item) => {
+            if (!hasIds.includes(item.refId)) {
+              selectedArr.value.push(item);
+            }
+          });
+        } else {
+          const parent = tableData.value.find((item) => item.id === row.parentId);
+          if (parent?.children?.every((i) => hasIds.includes(i.refId))) {
+            selectedArr.value.push(parent);
+          }
+        }
+      }
+    };
+    const checkboxChangeEvent = (args) => {
+      if (!props.multiple) {
+        return;
+      }
+      const { checked, row } = args;
+      if (checked) {
+        doMultipleAdd(row);
+      } else {
+        doMultipleRemove(row);
+      }
+      console.log("checkboxChangeEvent", checked, row);
+      emit("update:selected", selectedArr.value);
+    };
+    const getDataSource = (reset = true) => {
+      if (reset) {
+        pageForm.value.pageNo = 1;
+      }
+      if (formData.value.name) {
+        formData.value.name = formData.value.name.trim();
+      }
+      api.apaas.formRelate.getPageListFormAppendChild({
+        ...formData.value,
+        pageNo: pageForm.value.pageNo,
+        pageSize: pageForm.value.pageSize,
+        moduleType: props.moduleType,
+        ...props.queryParams || {}
+      }).then(async (res) => {
+        const list = res?.data ?? res?.records ?? [];
+        tableData.value = list.map((e) => {
+          const item = {
+            ...e,
+            children: (e.children || []).map((f) => {
+              return {
+                ...f,
+                parentId: e.id,
+                refId: f.baseId + ":" + f.id,
+                categoryId: e.categoryId
+              };
+            }),
+            refId: e.id
+          };
+          if (isOnlineForm.value) {
+            item.description = $t(`sys.onlineForm.formTypeEnum.${e.formType}`);
+          }
+          return item;
+        });
+        pageForm.value.total = res?.totalCount ?? res?.total ?? 0;
+        await nextTick();
+        tableRef.value?.setAllTreeExpand(true);
+      });
+    };
+    watch(
+      () => formData.value.categoryId,
+      () => {
+        getDataSource();
+      },
+      {
+        immediate: true
+      }
+    );
+    function showSizeChange(current, pageSize) {
+      pageForm.value.pageNo = current;
+      pageForm.value.pageSize = pageSize;
+      getDataSource(false);
+    }
+    __expose({
+      doRemove: (row) => {
+        doMultipleRemove(row);
+        emit("update:selected", selectedArr.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_a_form_item = resolveComponent("a-form-item");
+      const _component_a_col = resolveComponent("a-col");
+      const _component_a_input = resolveComponent("a-input");
+      const _component_a_row = resolveComponent("a-row");
+      const _component_a_form = resolveComponent("a-form");
+      const _component_vxe_column = resolveComponent("vxe-column");
+      const _component_a_tooltip = resolveComponent("a-tooltip");
+      const _component_a_empty = resolveComponent("a-empty");
+      const _component_vxe_table = resolveComponent("vxe-table");
+      const _component_a_pagination = resolveComponent("a-pagination");
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(_component_a_form, {
+          class: "select-table__search-form",
+          model: formData.value
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_a_row, { gutter: 24 }, {
+              default: withCtx(() => [
+                createVNode(_component_a_col, { span: 12 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_form_item, {
+                      label: _ctx.$t("sys.category")
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(CategorySelect), {
+                          value: formData.value.categoryId,
+                          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => formData.value.categoryId = $event),
+                          module: __props.moduleType,
+                          placeholder: _ctx.$t("sys.edhr.selectCatePlaceholder")
+                        }, null, 8, ["value", "module", "placeholder"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_a_col, { span: 12 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_form_item, {
+                      label: _ctx.$t("sys.name")
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_a_input, {
+                          value: formData.value.name,
+                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => formData.value.name = $event),
+                          placeholder: _ctx.$t("sys.inputText") + _ctx.$t("sys.edhr.controlFileName"),
+                          clearable: "",
+                          onKeyup: _cache[2] || (_cache[2] = withKeys(($event) => getDataSource(), ["enter"])),
+                          onChange: _cache[3] || (_cache[3] = (e) => {
+                            !formData.value.name && getDataSource();
+                          }),
+                          onBlur
+                        }, null, 8, ["value", "placeholder"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"]),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(_component_vxe_table, mergeProps({
+              ref_key: "tableRef",
+              ref: tableRef,
+              "show-overflow": "",
+              data: tableData.value,
+              height: "100%",
+              "min-height": "88",
+              "column-config": { resizable: true },
+              "tree-config": {},
+              "row-config": { isHover: true, keyField: "refId", height: 44 }
+            }, options.value, {
+              class: {
+                vxetable: true,
+                default: true
+              },
+              onRadioChange: radioChangeEvent,
+              onCheckboxChange: checkboxChangeEvent
+            }), {
+              empty: withCtx(() => [
+                createVNode(_component_a_empty, {
+                  description: _ctx.$t("sys.noData"),
+                  image: unref(EmptyImg)
+                }, null, 8, ["description", "image"])
+              ]),
+              default: withCtx(() => [
+                __props.multiple ? (openBlock(), createBlock(_component_vxe_column, {
+                  key: 0,
+                  "show-overflow": false,
+                  type: "checkbox",
+                  width: "40",
+                  resizable: false
+                })) : createCommentVNode("", true),
+                !__props.multiple ? (openBlock(), createBlock(_component_vxe_column, {
+                  key: 1,
+                  "show-overflow": false,
+                  type: "radio",
+                  width: "40",
+                  resizable: false
+                })) : createCommentVNode("", true),
+                __props.showColumns.includes("name") ? (openBlock(), createBlock(_component_vxe_column, {
+                  key: 2,
+                  field: "name",
+                  title: _ctx.$t("sys.name"),
+                  "show-overflow": "",
+                  "tree-node": ""
+                }, {
+                  default: withCtx(({ row }) => [
+                    createElementVNode("div", _hoisted_4, [
+                      createVNode(_component_a_tooltip, null, {
+                        title: withCtx(() => [
+                          createTextVNode(toDisplayString(row.version || row.name), 1)
+                        ]),
+                        default: withCtx(() => [
+                          createElementVNode("div", _hoisted_5, toDisplayString(row.version || row.name), 1)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      row.default ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(_ctx.$t("sys.default")), 1)) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["title"])) : createCommentVNode("", true),
+                __props.showColumns.includes("description") ? (openBlock(), createBlock(_component_vxe_column, {
+                  key: 3,
+                  field: "description",
+                  title: isOnlineForm.value ? onlineFormTypeLabel : _ctx.$t("sys.description"),
+                  "show-overflow": "",
+                  formatter: ({ cellValue }) => cellValue || "--"
+                }, null, 8, ["title", "formatter"])) : createCommentVNode("", true),
+                __props.showColumns.includes("modifyUserName") ? (openBlock(), createBlock(_component_vxe_column, {
+                  key: 4,
+                  field: "modifyUserName",
+                  title: _ctx.$t("sys.appDesigner.modifier"),
+                  width: "120",
+                  "show-overflow": "",
+                  formatter: ({ cellValue }) => cellValue || "--"
+                }, null, 8, ["title", "formatter"])) : createCommentVNode("", true),
+                __props.showColumns.includes("modifyTime") ? (openBlock(), createBlock(_component_vxe_column, {
+                  key: 5,
+                  field: "modifyTime",
+                  title: _ctx.$t("sys.appDesigner.modificationTime"),
+                  width: "170",
+                  formatter: ({ cellValue }) => cellValue || "--"
+                }, null, 8, ["title", "formatter"])) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 16, ["data"])
+          ]),
+          createElementVNode("div", _hoisted_7, [
+            createVNode(_component_a_pagination, mergeProps(paginationAttr.value, {
+              onChange: showSizeChange,
+              class: "pagination-total-left"
+            }), null, 16)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const SelectTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-6fcff827"]]);
+const _hoisted_1 = { class: "py-24px px-24px gct-tmpl-modal flex" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "tmpl-modal",
+  props: {
+    selected: {},
+    modal: {},
+    moduleType: {},
+    className: {},
+    disabledKeys: {},
+    queryParams: {},
+    checkFunc: { type: Function },
+    configured: { type: Boolean },
+    multiple: { type: Boolean },
+    exclusiveCheck: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const selectTable = ref();
+    const selectedArr = ref(props.multiple ? props.selected : [props.selected]);
+    const defaultCategoryId = selectedArr.value?.[0]?.categoryId || "";
+    const _queryParams = computed(() => {
+      return {
+        ...props.queryParams,
+        configured: props.configured || false
+      };
+    });
+    useModal(async () => {
+      const selected = props.multiple ? cloneDeep(selectedArr.value) : selectedArr.value[0];
+      return {
+        ok: true,
+        params: {
+          selected
+        }
+      };
+    });
+    const onListDelete = (row) => {
+      selectTable.value.doRemove(row);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(SelectTable, {
+          class: "flex-grow-1",
+          selected: selectedArr.value,
+          "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => selectedArr.value = $event),
+          "module-type": __props.moduleType,
+          "default-category-id": unref(defaultCategoryId),
+          multiple: __props.multiple,
+          "exclusive-check": __props.exclusiveCheck,
+          "check-func": __props.checkFunc,
+          "disabled-keys": __props.disabledKeys,
+          "query-params": _queryParams.value,
+          ref_key: "selectTable",
+          ref: selectTable
+        }, null, 8, ["selected", "module-type", "default-category-id", "multiple", "exclusive-check", "check-func", "disabled-keys", "query-params"]),
+        __props.multiple ? (openBlock(), createBlock(RightList, {
+          key: 0,
+          "module-type": __props.moduleType,
+          class: "flex-shrink-0 flex-grow-0",
+          items: selectedArr.value,
+          onDelete: onListDelete
+        }, null, 8, ["module-type", "items"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const tmplModal = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c988ea8d"]]);
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "version-select",
+  props: {
+    value: { default: void 0 },
+    type: {},
+    keyField: { default: "refId" },
+    notEmitParent: { type: Boolean, default: true },
+    disabledKeys: {},
+    queryParams: {},
+    enableControl: { type: Boolean, default: false },
+    disabled: { type: Boolean },
+    multiple: { type: Boolean, default: false },
+    exclusiveCheck: { type: Boolean },
+    placeholder: {},
+    showDefaultTag: { type: Boolean, default: true }
+  },
+  emits: ["update:value", "select"],
+  setup(__props, { emit: __emit }) {
+    const ns = useNamespace("version-select");
+    const formItemContext = Form.useInjectFormItemContext();
+    const triggerValidate = () => {
+      formItemContext.onFieldChange();
+    };
+    const props = __props;
+    const finalEnableDocControl = computed(() => {
+      const { isEnableDocControl } = window.NocodeAdapter.hooks?.useControl?.() ?? {};
+      return !!isEnableDocControl?.() && props.enableControl;
+    });
+    const emit = __emit;
+    const refSelect = ref();
+    const dataTitle = computed(() => {
+      return FormDesignEnum.ONLINE_FORM === props.type ? $t("sys.pageDesigner.fieldCmp.online_form") : $t("sys.edhr.edhrTemplate");
+    });
+    const localVal = computed({
+      get() {
+        return props.value;
+      },
+      set(v) {
+        emit("update:value", v);
+        setTimeout(() => {
+          triggerValidate();
+        }, 100);
+      }
+    });
+    const typeName = computed(() => {
+      return FormDesignEnum.ONLINE_FORM === props.type ? $t("sys.pageDesigner.fieldCmp.online_form") : $t("sys.edhr.edhrTemplate");
+    });
+    const _placeholder = computed(() => {
+      return props.placeholder || $t("sys.chooseTextTip", { name: typeName.value });
+    });
+    computed(() => {
+      return props.isRefId ? "refId" : "refId";
+    });
+    const _options = ref([]);
+    const optionsData = computed(() => {
+      const data = _options.value.map((e) => {
+        return {
+          value: e[props.keyField],
+          label: `${e.name}${e.version ? " : " + e.version : ""}`,
+          showTitle: h("div", [
+            h(
+              "span",
+              {
+                style: {
+                  display: "inline-block"
+                }
+              },
+              [`${e.name}${e.version ? " : " + e.version : ""}`]
+            ),
+            e.version || !props.showDefaultTag ? null : h("span", { class: "gct-custom-tag ml8px" }, $t("sys.default"))
+          ])
+        };
+      });
+      return data;
+    });
+    const formatData = (data) => {
+      if (!data.refId) {
+        data.refId = data.baseId ? data.baseId + ":" + data.id : data.id;
+      }
+      return data;
+    };
+    const computedOptions = async (selectedKeys) => {
+      const optionKeys = _options.value.map((e) => e[props.keyField]);
+      const missingKeys = selectedKeys.filter((key) => !optionKeys.includes(key));
+      const addOptions = await Promise.all(
+        missingKeys.map(async (key) => {
+          let id = key;
+          if (props.keyField === "refId") {
+            id = key.split(":")[1] || key.split(":")[0];
+          }
+          const res = await api.apaas.formRelate.getInfo({
+            id,
+            moduleType: props.type
+          });
+          return formatData(res);
+        })
+      );
+      _options.value = [..._options.value, ...addOptions];
+    };
+    watch(
+      () => localVal.value,
+      async (v) => {
+        if (v) {
+          computedOptions(props.multiple ? v : [v]);
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    const selectedOptions = computed(() => {
+      if (!localVal.value) {
+        return void 0;
+      }
+      const keys = props.multiple ? localVal.value : [localVal.value];
+      const options = keys.map((key) => {
+        let find = _options.value.find((i) => i[props.keyField] === key);
+        if (!find) {
+          console.warn("选项未找到key" + key + "对应的数据");
+        }
+        return toRaw(find);
+      }).filter(Boolean);
+      return options;
+    });
+    const openModal = async () => {
+      if (props.disabled) {
+        return;
+      }
+      const queryParams = { ...props.queryParams || {} };
+      if (finalEnableDocControl.value) {
+        queryParams.controlStatus = ControlStatusEnum.CONTROLLED;
+      }
+      queryParams.operationState = true;
+      const res = await window.NocodeAdapter.utils.overlay.modal(
+        tmplModal,
+        {
+          selected: props.multiple ? selectedOptions.value : selectedOptions.value?.[0],
+          moduleType: props.type,
+          disabledKeys: props.disabledKeys,
+          queryParams,
+          multiple: props.multiple,
+          exclusiveCheck: props.exclusiveCheck,
+          checkFunc: (row) => {
+            if (finalEnableDocControl.value) {
+              if (row.children) {
+                const defaultVersion = row.children.find((e) => !!e.default);
+                return defaultVersion?.controlStatus === ControlStatusEnum.CONTROLLED;
+              } else {
+                return row.controlStatus === ControlStatusEnum.CONTROLLED;
+              }
+            }
+            return true;
+          }
+        },
+        {
+          title: $t("sys.pleaseSelectSth", { sth: dataTitle.value }),
+          width: props.multiple ? 1100 : 800,
+          height: 700,
+          okText: $t("sys.okText"),
+          getContainer: () => refSelect.value.$el.closest("ant-modal-mask") || document.body
+        }
+      );
+      if (res.ok && res.params?.selected) {
+        const { selected } = res.params;
+        if (!props.multiple) {
+          let selectedVersion = selected;
+          if (props.notEmitParent) {
+            selectedVersion = selected.children?.find((e) => e.default) || selected;
+          }
+          console.log("selectedVersion", selectedVersion);
+          if (!_options.value.some((e) => e[props.keyField] === selectedVersion[props.keyField])) {
+            _options.value.push({ ...selectedVersion });
+          }
+          localVal.value = selectedVersion[props.keyField];
+          emit("select", selectedVersion);
+        } else {
+          selected.forEach((e) => {
+            if (!_options.value.some((i) => i[props.keyField] === e[props.keyField])) {
+              _options.value.push({ ...e });
+            }
+          });
+          localVal.value = selected.map((e) => e[props.keyField]);
+          emit("select", selected);
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_a_select = resolveComponent("a-select");
+      return openBlock(), createBlock(_component_a_select, {
+        class: normalizeClass([unref(ns).b()]),
+        ref_key: "refSelect",
+        ref: refSelect,
+        value: localVal.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => localVal.value = $event),
+        placeholder: _placeholder.value,
+        showSearch: true,
+        options: optionsData.value,
+        showArrow: false,
+        allowClear: true,
+        disabled: __props.disabled,
+        mode: props.multiple ? "multiple" : void 0,
+        optionLabelProp: "showTitle",
+        dropdownClassName: "gct-project-select-dropdown hidden",
+        onClick: _cache[1] || (_cache[1] = ($event) => openModal())
+      }, null, 8, ["class", "value", "placeholder", "options", "disabled", "mode"]);
+    };
+  }
+});
+const VersionSelect = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ba2e07c2"]]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "integer-props",
+  props: {
+    fieldMeta: {},
+    widget: {},
+    readonly: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const formState = computed({
+      get() {
+        return props.widget;
+      },
+      set(v) {
+        Object.assign(props.widget, v);
+      }
+    });
+    const queryParams = {
+      formType: [FormTypeEnum.BASE, FormTypeEnum.PROCESS, FormTypeEnum.FILE].join(",")
+    };
+    const onFormVersionSelect = (v) => {
+      formState.value.tmplId = v.refId;
+    };
+    return (_ctx, _cache) => {
+      const _component_a_input = resolveComponent("a-input");
+      return !__props.readonly ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createVNode(FormItem, {
+          label: `${_ctx.$t("sys.pageDesigner.fieldPlaceholder")}`,
+          inline: false
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_a_input, {
+              size: "small",
+              value: formState.value.placeholder,
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => formState.value.placeholder = $event),
+              placeholder: _ctx.$t("sys.inputText"),
+              disabled: __props.disabled,
+              "show-count": "",
+              maxlength: 32
+            }, null, 8, ["value", "placeholder", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        createVNode(_sfc_main$8, {
+          widget: __props.widget,
+          precision: 0,
+          disabled: __props.disabled
+        }, null, 8, ["widget", "disabled"]),
+        __props.fieldMeta?.bizType !== unref(FIELD_TYPE).OF_INST_NUM ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createVNode(NumberRangeEditor, {
+            widget: __props.widget,
+            fieldMeta: __props.fieldMeta,
+            readonly: __props.readonly,
+            precision: 0,
+            disabled: __props.disabled
+          }, null, 8, ["widget", "fieldMeta", "readonly", "disabled"]),
+          createVNode(NumberStepCounterEditor, {
+            widget: __props.widget,
+            readonly: __props.readonly,
+            precision: 0,
+            disabled: __props.disabled
+          }, null, 8, ["widget", "readonly", "disabled"]),
+          createVNode(IndicesEditor, {
+            "is-super-script": formState.value.isSuperScript,
+            "onUpdate:isSuperScript": _cache[1] || (_cache[1] = ($event) => formState.value.isSuperScript = $event),
+            "script-value": formState.value.scriptValue,
+            "onUpdate:scriptValue": _cache[2] || (_cache[2] = ($event) => formState.value.scriptValue = $event),
+            disabled: __props.disabled
+          }, null, 8, ["is-super-script", "script-value", "disabled"])
+        ], 64)) : (openBlock(), createBlock(FormItem, {
+          key: 1,
+          label: _ctx.$t("sys.edhr.formTmpl"),
+          inline: false,
+          required: ""
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(VersionSelect), {
+              type: unref(FormDesignEnum).ONLINE_FORM,
+              value: formState.value.tmplId,
+              disabled: __props.disabled,
+              showDefaultTag: false,
+              onSelect: onFormVersionSelect,
+              "query-params": queryParams,
+              "enable-control": true,
+              notEmitParent: false,
+              placeholder: _ctx.$t("sys.chooseText")
+            }, null, 8, ["type", "value", "disabled", "placeholder"])
+          ]),
+          _: 1
+        }, 8, ["label"]))
+      ], 64)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};