@fecp/designer 5.1.8 → 5.2.0

package/lib/packages/designer/src/layout/header/index.vue.js

@@ -11,12 +11,15 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const logo = require("../../assets/logo.png.js");
 const index$3 = require("../../../../../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.js");
+const TemplateDialog = require("../../components/TemplateDialog.vue.js");
 const headerBtn$1 = require("../../packages/table/headerBtn.vue.js");
 const headerBtn = require("../../packages/form/headerBtn.vue.js");
 const common = require("../../packages/utils/common.js");
 const index$8 = require("../../api/index.js");
 const index = require("../../store/index.js");
 const _package = require("../../../package.json.js");
+const index$a = require("../../packages/form/aside/index.js");
+const index$b = require("../../packages/table/aside/index.js");
 ;/* empty css            */
 const index$1 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/container/index.js");
 const index$2 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/icon/index.js");
@@ -49,6 +52,7 @@ const _sfc_main = {
     const editConfigData = vue.computed(() => {
       return common.getEditConfigData();
     });
+    const editingType = vue.computed(() => common.getEditingType());
     const version = _package.default.version;
     const getTemplateData = () => {
       return editConfigData.value || {};
@@ -102,6 +106,165 @@ const _sfc_main = {
         index$9.ElMessage.success("保存成功");
       });
     }
+    const templateDialogVisible = vue.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, index2) => {
+          setTimeout(() => {
+            var _a2;
+            const id = Date.now();
+            const x = index2 % columns;
+            const y = Math.floor(index2 / 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: {
+                    ...index$a.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, index2) => {
+          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({
+                ...index$b.defaultProperty,
+                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);
+        });
+      }
+      index$9.ElMessage.success(`已选择模板: ${row.templateName}`);
+    }
+    function handleTemplateDialogClose() {
+    }
     return (_ctx, _cache) => {
       const _component_el_icon = index$2.ElIcon;
       const _component_el_input = index$6.ElInput;
@@ -114,12 +277,12 @@ const _sfc_main = {
         default: vue.withCtx(() => [
           vue.createElementVNode("div", _hoisted_1, [
             vue.createElementVNode("div", _hoisted_2, [
-              _cache[5] || (_cache[5] = vue.createElementVNode("img", {
+              _cache[6] || (_cache[6] = vue.createElementVNode("img", {
                 src: logo.default,
                 alt: "logo",
                 class: "logo-img"
               }, null, -1)),
-              _cache[6] || (_cache[6] = vue.createElementVNode("div", { class: "title" }, "表单设计器", -1)),
+              _cache[7] || (_cache[7] = vue.createElementVNode("div", { class: "title" }, "表单设计器", -1)),
               vue.createElementVNode("div", _hoisted_3, "v" + vue.toDisplayString(vue.unref(version)), 1)
             ]),
             vue.createElementVNode("div", {
@@ -132,7 +295,19 @@ const _sfc_main = {
                 ]),
                 _: 1
               }),
-              _cache[7] || (_cache[7] = vue.createElementVNode("span", null, "保存", -1))
+              _cache[8] || (_cache[8] = vue.createElementVNode("span", null, "保存", -1))
+            ]),
+            vue.createElementVNode("div", {
+              class: "btn-item",
+              onClick: openTemplateSelector
+            }, [
+              vue.createVNode(_component_el_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index$3.DocumentAdd))
+                ]),
+                _: 1
+              }),
+              _cache[9] || (_cache[9] = vue.createElementVNode("span", null, "导入旧版", -1))
             ])
           ]),
           vue.createElementVNode("div", _hoisted_4, [
@@ -154,8 +329,8 @@ const _sfc_main = {
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(editingHeaderBtn.value)))
           ]),
           vue.createVNode(_component_el_dialog, {
-            modelValue: vue.unref(editDialogVisible),
-            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(editDialogVisible) ? editDialogVisible.value = $event : null),
+            modelValue: editDialogVisible.value,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => editDialogVisible.value = $event),
             title: "编辑模板信息",
             width: "500px",
             draggable: "",
@@ -168,7 +343,7 @@ const _sfc_main = {
                 vue.createVNode(_component_el_button, {
                   onClick: _cache[3] || (_cache[3] = ($event) => editDialogVisible.value = false)
                 }, {
-                  default: vue.withCtx(() => _cache[8] || (_cache[8] = [
+                  default: vue.withCtx(() => _cache[10] || (_cache[10] = [
                     vue.createTextVNode("取消")
                   ])),
                   _: 1
@@ -177,7 +352,7 @@ const _sfc_main = {
                   type: "primary",
                   onClick: saveTemplateInfo
                 }, {
-                  default: vue.withCtx(() => _cache[9] || (_cache[9] = [
+                  default: vue.withCtx(() => _cache[11] || (_cache[11] = [
                     vue.createTextVNode("确定")
                   ])),
                   _: 1
@@ -242,7 +417,16 @@ const _sfc_main = {
               }, 8, ["model"])
             ]),
             _: 1
-          }, 8, ["modelValue"])
+          }, 8, ["modelValue"]),
+          vue.createVNode(TemplateDialog.default, {
+            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/lib/packages/designer/src/packages/dialog/index.vue.js

@@ -33,8 +33,8 @@ const TemplateSelector = require("../../components/TemplateSelector.vue.js");
 const index = require("../../api/index.js");
 const ParamsConfig = require("../../components/ParamsConfig.vue2.js");
 const DataSourceSelect = require("../../components/DataSourceSelect.vue.js");
-const FieldSetMapping = require("../../components/FieldSetMapping.vue.js");
-const OnlyFLowConfigButton = require("../../components/OnlyFLowConfigButton.vue.js");
+const FieldSetMapping = require("../../components/FieldSetMapping.vue2.js");
+const OnlyFLowConfigButton = require("../../components/OnlyFLowConfigButton.vue2.js");
 const FormulaEditorInput = require("../../components/FormulaEditorInput.vue.js");
 const index$g = require("../table/aside/index.js");
 const _default = require("../table/default.js");