@fecp/designer 5.1.8 → 5.2.0

package/es/packages/designer/src/layout/header/index.vue.mjs

@@ -6,15 +6,18 @@
 /* empty css                                                                                                                                    */
 /* empty css                                                                                                                                         */
 /* empty css                                                                                                                                     */
-import { computed, ref, reactive, createBlock, openBlock, withCtx, createElementVNode, createVNode, toDisplayString, unref, resolveDynamicComponent, isRef, createTextVNode } from "vue";
+import { computed, ref, reactive, createBlock, openBlock, withCtx, createElementVNode, createVNode, toDisplayString, unref, resolveDynamicComponent, createTextVNode } from "vue";
 import _imports_0 from "../../assets/logo.png.mjs";
-import { UploadFilled as upload_filled_default, Edit as edit_default } from "../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.mjs";
+import { UploadFilled as upload_filled_default, DocumentAdd as document_add_default, Edit as edit_default } from "../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.mjs";
+import TemplateDialog from "../../components/TemplateDialog.vue.mjs";
 import tableHeaderBtn from "../../packages/table/headerBtn.vue.mjs";
 import formHeaderBtn from "../../packages/form/headerBtn.vue.mjs";
-import { getEditConfigData } from "../../packages/utils/common.mjs";
+import { getEditConfigData, getEditingType } from "../../packages/utils/common.mjs";
 import api from "../../api/index.mjs";
 import store from "../../store/index.mjs";
 import packageJson from "../../../package.json.mjs";
+import { defaultProperty } from "../../packages/form/aside/index.mjs";
+import { defaultProperty as defaultProperty$1 } from "../../packages/table/aside/index.mjs";
 /* empty css            */
 import { ElHeader } from "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/container/index.mjs";
 import { ElIcon } from "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/icon/index.mjs";
@@ -47,6 +50,7 @@ const _sfc_main = {
     const editConfigData = computed(() => {
       return getEditConfigData();
     });
+    const editingType = computed(() => getEditingType());
     const version = packageJson.version;
     const getTemplateData = () => {
       return editConfigData.value || {};
@@ -100,6 +104,165 @@ const _sfc_main = {
         ElMessage.success("保存成功");
       });
     }
+    const templateDialogVisible = ref(false);
+    function openTemplateSelector() {
+      templateDialogVisible.value = true;
+    }
+    function handleTemplateSelect({ row, context }) {
+      var _a, _b;
+      console.log("importText", row, context);
+      editConfigData.value.fieldsData.splice(0);
+      if (!editConfigData.value.hiddenFields) {
+        editConfigData.value.hiddenFields = [];
+      } else {
+        editConfigData.value.hiddenFields.splice(0);
+      }
+      const type = row.type;
+      if (type == "form") {
+        const columns = editConfigData.value.columns;
+        context.formItem.forEach((item, index) => {
+          setTimeout(() => {
+            var _a2;
+            const id = Date.now();
+            const x = index % columns;
+            const y = Math.floor(index / columns);
+            if (item.fieldType != "empty" && item.fieldName != "" && item.label != "") {
+              if (item.isShow) {
+                const custom = {};
+                let fieldType = item.fieldType;
+                if (fieldType == "label") {
+                  custom.fieldType = "subTitle";
+                }
+                if (item.dataType == "money(yuan)") {
+                  custom.fieldType = "number";
+                  custom.format = "yuan";
+                  custom.suffix = "元";
+                } else if (item.dataType == "percentile") {
+                  custom.fieldType = "number";
+                  custom.format = "percentage";
+                  custom.suffix = "%";
+                }
+                if (fieldType == "select" && item.optionType == "2") {
+                  custom.optionConfig = {
+                    optionSource: "dictionary",
+                    dictionaryValue: item.dicKey
+                  };
+                }
+                const required = (_a2 = item.rules) == null ? void 0 : _a2.find(
+                  (rule) => rule.type == "required"
+                );
+                if (required) {
+                  custom.required = true;
+                }
+                editConfigData.value.fieldsData.push({
+                  x,
+                  y,
+                  w: 1,
+                  h: 1,
+                  i: id,
+                  isResizable: true,
+                  component: {
+                    ...defaultProperty,
+                    id,
+                    type: "widgets",
+                    fieldType,
+                    label: item.label,
+                    fieldName: item.fieldName,
+                    disabled: item.disabled,
+                    readOnly: item.readOnly,
+                    defaultValue: item.value,
+                    ...custom
+                  },
+                  moved: false,
+                  id
+                });
+              } else {
+                const newField = {
+                  id,
+                  fieldType: "text",
+                  type: "widgets",
+                  label: item.label,
+                  fieldName: item.fieldName,
+                  disabled: item.disabled,
+                  readOnly: item.readOnly,
+                  value: item.value,
+                  defaultValue: item.value
+                };
+                editConfigData.value.hiddenFields.push(newField);
+              }
+            }
+          }, 5);
+        });
+      } else if (type == "table") {
+        if ((_a = editConfigData.value.queryConfig) == null ? void 0 : _a.filterFields) {
+          (_b = editConfigData.value.queryConfig) == null ? void 0 : _b.filterFields.splice(0);
+        } else {
+          editConfigData.value.queryConfig.filterFields = [];
+        }
+        context.columns.forEach((item, index) => {
+          setTimeout(() => {
+            const id = Date.now();
+            if (item.isShow) {
+              const custom = {};
+              let fieldType = item.fieldType;
+              if (item.dataType == "money(yuan)") {
+                custom.fieldType = "number";
+                custom.format = "yuan";
+                custom.suffix = "元";
+              } else if (item.dataType == "percentile") {
+                custom.fieldType = "number";
+                custom.format = "percentage";
+                custom.suffix = "%";
+              }
+              if (fieldType == "select" && item.optionType == "2") {
+                custom.optionConfig = {
+                  optionSource: "dictionary",
+                  dictionaryValue: item.dicKey
+                };
+              }
+              if (item.isAutoWidth) {
+                custom.widthMode = "auto";
+              } else {
+                custom.widthMode = "fixed";
+                custom.width = item.width;
+              }
+              editConfigData.value.fieldsData.push({
+                ...defaultProperty$1,
+                id,
+                type: "widgets",
+                fieldType,
+                label: item.label,
+                fieldName: item.prop,
+                disabled: item.disabled,
+                readOnly: item.readOnly,
+                defaultValue: item.value,
+                ...custom
+              });
+            } else {
+              const newField = {
+                id,
+                fieldType: "text",
+                type: "widgets",
+                label: item.label,
+                fieldName: item.prop
+              };
+              editConfigData.value.hiddenFields.push(newField);
+            }
+            if (item.isQuery) {
+              editConfigData.value.queryConfig.filterFields.push({
+                id,
+                fieldId: id,
+                type: "filterWidgets",
+                queryType: "fuzzy"
+              });
+            }
+          }, 5);
+        });
+      }
+      ElMessage.success(`已选择模板: ${row.templateName}`);
+    }
+    function handleTemplateDialogClose() {
+    }
     return (_ctx, _cache) => {
       const _component_el_icon = ElIcon;
       const _component_el_input = ElInput;
@@ -112,12 +275,12 @@ const _sfc_main = {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             createElementVNode("div", _hoisted_2, [
-              _cache[5] || (_cache[5] = createElementVNode("img", {
+              _cache[6] || (_cache[6] = createElementVNode("img", {
                 src: _imports_0,
                 alt: "logo",
                 class: "logo-img"
               }, null, -1)),
-              _cache[6] || (_cache[6] = createElementVNode("div", { class: "title" }, "表单设计器", -1)),
+              _cache[7] || (_cache[7] = createElementVNode("div", { class: "title" }, "表单设计器", -1)),
               createElementVNode("div", _hoisted_3, "v" + toDisplayString(unref(version)), 1)
             ]),
             createElementVNode("div", {
@@ -130,7 +293,19 @@ const _sfc_main = {
                 ]),
                 _: 1
               }),
-              _cache[7] || (_cache[7] = createElementVNode("span", null, "保存", -1))
+              _cache[8] || (_cache[8] = createElementVNode("span", null, "保存", -1))
+            ]),
+            createElementVNode("div", {
+              class: "btn-item",
+              onClick: openTemplateSelector
+            }, [
+              createVNode(_component_el_icon, null, {
+                default: withCtx(() => [
+                  createVNode(unref(document_add_default))
+                ]),
+                _: 1
+              }),
+              _cache[9] || (_cache[9] = createElementVNode("span", null, "导入旧版", -1))
             ])
           ]),
           createElementVNode("div", _hoisted_4, [
@@ -152,8 +327,8 @@ const _sfc_main = {
             (openBlock(), createBlock(resolveDynamicComponent(editingHeaderBtn.value)))
           ]),
           createVNode(_component_el_dialog, {
-            modelValue: unref(editDialogVisible),
-            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(editDialogVisible) ? editDialogVisible.value = $event : null),
+            modelValue: editDialogVisible.value,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => editDialogVisible.value = $event),
             title: "编辑模板信息",
             width: "500px",
             draggable: "",
@@ -166,7 +341,7 @@ const _sfc_main = {
                 createVNode(_component_el_button, {
                   onClick: _cache[3] || (_cache[3] = ($event) => editDialogVisible.value = false)
                 }, {
-                  default: withCtx(() => _cache[8] || (_cache[8] = [
+                  default: withCtx(() => _cache[10] || (_cache[10] = [
                     createTextVNode("取消")
                   ])),
                   _: 1
@@ -175,7 +350,7 @@ const _sfc_main = {
                   type: "primary",
                   onClick: saveTemplateInfo
                 }, {
-                  default: withCtx(() => _cache[9] || (_cache[9] = [
+                  default: withCtx(() => _cache[11] || (_cache[11] = [
                     createTextVNode("确定")
                   ])),
                   _: 1
@@ -240,7 +415,16 @@ const _sfc_main = {
               }, 8, ["model"])
             ]),
             _: 1
-          }, 8, ["modelValue"])
+          }, 8, ["modelValue"]),
+          createVNode(TemplateDialog, {
+            modelValue: templateDialogVisible.value,
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => templateDialogVisible.value = $event),
+            templateVersion: "v4",
+            templateType: editingType.value,
+            title: "选择旧版模板",
+            onConfirm: handleTemplateSelect,
+            onClose: handleTemplateDialogClose
+          }, null, 8, ["modelValue", "templateType"])
         ]),
         _: 1
       });

package/es/packages/designer/src/packages/dialog/index.vue.mjs

@@ -31,8 +31,8 @@ import TemplateSelector from "../../components/TemplateSelector.vue.mjs";
 import api from "../../api/index.mjs";
 import ParamsConfig from "../../components/ParamsConfig.vue2.mjs";
 import _sfc_main$1 from "../../components/DataSourceSelect.vue.mjs";
-import FieldSetMapping from "../../components/FieldSetMapping.vue.mjs";
-import OnlyFLowConfigButton from "../../components/OnlyFLowConfigButton.vue.mjs";
+import FieldSetMapping from "../../components/FieldSetMapping.vue2.mjs";
+import OnlyFLowConfigButton from "../../components/OnlyFLowConfigButton.vue2.mjs";
 import _sfc_main$2 from "../../components/FormulaEditorInput.vue.mjs";
 import { defaultProperty } from "../table/aside/index.mjs";
 import { defaultTableConfig } from "../table/default.mjs";