@fecp/designer 5.5.78 → 5.5.80

package/lib/designer/src/packages/dataLinkage/index.vue.js

@@ -33,6 +33,7 @@ require("../../../../node_modules/element-plus/theme-chalk/el-date-picker.css.js
 ;/* empty css                                         */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
 ;/* empty css                                   */
+const index$8 = require("../../api/index.js");
 ;/* empty css                                                              */
 ;/* empty css                                                                */
 ;/* empty css                                */
@@ -71,20 +72,35 @@ const _hoisted_14 = { class: "field-name" };
 const _hoisted_15 = { class: "field-value-display" };
 const _hoisted_16 = {
   key: 1,
+  class: "field-assignments-display"
+};
+const _hoisted_17 = { class: "field-name" };
+const _hoisted_18 = { class: "field-value-display" };
+const _hoisted_19 = {
+  key: 2,
   class: "field-value-item"
 };
-const _hoisted_17 = {
+const _hoisted_20 = {
   key: 1,
   class: "tab-empty-state"
 };
-const _hoisted_18 = { class: "advanced-title" };
-const _hoisted_19 = { key: 0 };
-const _hoisted_20 = {
+const _hoisted_21 = { class: "advanced-title" };
+const _hoisted_22 = { key: 0 };
+const _hoisted_23 = {
   key: 1,
   class: "field-assignment-area"
 };
-const _hoisted_21 = { class: "field-assignment-list" };
-const _hoisted_22 = {
+const _hoisted_24 = { class: "field-assignment-list" };
+const _hoisted_25 = {
+  key: 0,
+  class: "field-value-input"
+};
+const _hoisted_26 = {
+  key: 2,
+  class: "field-assignment-area"
+};
+const _hoisted_27 = { class: "field-assignment-list" };
+const _hoisted_28 = {
   key: 0,
   class: "field-value-input"
 };
@@ -99,10 +115,24 @@ const _sfc_main = {
   emits: ["update:linkedConfig"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const currentInstance = Vue.getCurrentInstance();
+    const ctx = currentInstance.proxy;
     const emit = __emit;
     const fieldsData = Vue.computed(() => {
       return common.getEditConfigDataFields();
     });
+    const optionsFieldsData = Vue.computed(() => {
+      const list = ["select", "multipleSelection", "radio", "checkbox"];
+      const fieldList = common.getEditConfigDataFields().filter(
+        (item) => list.includes(item.fieldType)
+      );
+      return fieldList.filter(
+        (item) => {
+          var _a;
+          return ((_a = item.optionConfig) == null ? void 0 : _a.optionSource) != "dataSource";
+        }
+      );
+    });
     const hiddenFields = Vue.computed(() => {
       const editConfigData = common.getEditConfigData();
       const fields = (editConfigData == null ? void 0 : editConfigData.hiddenFields) || [];
@@ -130,7 +160,7 @@ const _sfc_main = {
         desc: "让字段在特定条件成立时变为不可编辑"
       },
       // { label: "禁用", name: "disabled", desc: "让字段在特定条件成立时变为禁用" },
-      { label: "属性", name: "property", desc: "让字段的其他属性根据条件动态变化" }
+      { label: "可选项", name: "options", desc: "让字段的选择项根据条件动态变化" }
     ]);
     const activeTab = Vue.ref("dataLink");
     const currentTab = Vue.computed(() => {
@@ -140,6 +170,38 @@ const _sfc_main = {
     const filterConfig = Vue.ref();
     const editingRuleIndex = Vue.ref(-1);
     const fieldAssignments = Vue.ref([]);
+    const optionsFieldsOptionsCache = Vue.ref({});
+    async function loadOptionsFieldsOptions(fieldId) {
+      if (!fieldId) return [];
+      if (optionsFieldsOptionsCache.value[fieldId]) {
+        return optionsFieldsOptionsCache.value[fieldId];
+      }
+      const options = await getOptionsFieldsOptions(
+        optionsFieldsData.value,
+        fieldId
+      );
+      optionsFieldsOptionsCache.value[fieldId] = options;
+      return options;
+    }
+    Vue.watch(
+      () => fieldAssignments.value.map((a) => a.fieldId).filter(Boolean).join(","),
+      async () => {
+        if (currentTab.value.name == "options") {
+          for (const assignment of fieldAssignments.value) {
+            if (assignment.fieldId && !optionsFieldsOptionsCache.value[assignment.fieldId]) {
+              await loadOptionsFieldsOptions(assignment.fieldId);
+            }
+          }
+        }
+      },
+      { immediate: true }
+    );
+    function getOptionsFieldsOptionsByCache(fieldId) {
+      return optionsFieldsOptionsCache.value[fieldId] || [];
+    }
+    function onFieldIdChange(index2) {
+      fieldAssignments.value[index2].optionsOpt = null;
+    }
     const filterTitle = Vue.ref("");
     const filterSuccessDesc = Vue.ref("条件满足时或不设置条件，数据联动赋值以下字段");
     function handleAddRule(tab) {
@@ -161,6 +223,9 @@ const _sfc_main = {
         case "property":
           filterSuccessDesc.value = `条件满足时，${tab.label}以下字段的属性`;
           break;
+        case "options":
+          filterSuccessDesc.value = `条件满足时，可显示以下字段的可选项`;
+          break;
       }
       filterConfig.value = {
         operator: "and",
@@ -190,7 +255,7 @@ const _sfc_main = {
         dataLinkFieldList: dataLinkFieldList.value,
         filterConfig: data
       };
-      if (currentTab.value.name == "dataLink") {
+      if (currentTab.value.name == "dataLink" || currentTab.value.name == "options") {
         newRule.fieldAssignments = common.cloneDeep(fieldAssignments.value);
       }
       if (editingRuleIndex.value == -1) {
@@ -216,7 +281,7 @@ const _sfc_main = {
         required: "必填字段",
         readonly: "只读字段",
         disabled: "禁用字段",
-        property: "属性字段"
+        options: "字段显示可选项"
       };
       return titleMap[tabName] || "联动字段";
     };
@@ -231,6 +296,8 @@ const _sfc_main = {
       fieldAssignments.value.push({
         fieldId: null,
         value: null,
+        optionsOpt: null,
+        optionsLabel: "",
         isField: false,
         operator: "eq",
         formula: {
@@ -242,6 +309,19 @@ const _sfc_main = {
         }
       });
     };
+    function onOptionsOptChange(index2) {
+      const assignment = fieldAssignments.value[index2];
+      if (!assignment.optionsOpt || !assignment.optionsOpt.length) {
+        assignment.optionsLabel = "";
+        return;
+      }
+      const options = optionsFieldsOptionsCache.value[assignment.fieldId] || [];
+      const labels = assignment.optionsOpt.map((val) => {
+        const opt = options.find((o) => o.value === val);
+        return opt ? opt.label : val;
+      });
+      assignment.optionsLabel = labels.join(", ");
+    }
     const removeFieldAssignment = (index2) => {
       fieldAssignments.value.splice(index2, 1);
     };
@@ -249,9 +329,9 @@ const _sfc_main = {
       filterTitle.value = `${tab.label}联动规则`;
       filterConfig.value = common.cloneDeep(item.filterConfig);
       dataLinkFieldList.value = [...item.dataLinkFieldList.map(String)];
-      if (tab.name == "dataLink" && item.fieldAssignments) {
+      if ((tab.name == "dataLink" || tab.name == "options") && item.fieldAssignments) {
         fieldAssignments.value = common.cloneDeep(item.fieldAssignments);
-      } else if (tab.name == "dataLink") {
+      } else if (tab.name == "dataLink" || tab.name == "options") {
         fieldAssignments.value = [];
       }
       editingRuleIndex.value = index2;
@@ -267,6 +347,26 @@ const _sfc_main = {
       };
       emit("update:linkedConfig", newLinkedConfig);
     };
+    async function getOptionsFieldsOptions(optionsFieldsData2, fieldId) {
+      var _a;
+      const optionConfig = (_a = optionsFieldsData2.find(
+        (item) => item.id == fieldId
+      )) == null ? void 0 : _a.optionConfig;
+      if (!(optionConfig == null ? void 0 : optionConfig.optionSource)) return [];
+      if (optionConfig.optionSource == "custom") {
+        return optionConfig.options.map((item) => ({
+          label: item.label,
+          value: item.value
+        }));
+      } else if (optionConfig.optionSource == "dictionary") {
+        const data = await index$8.default.getDicDataByKey(
+          ctx.$http,
+          optionConfig.dictionaryValue
+        );
+        return Object.entries(data).map(([value, label]) => ({ label, value }));
+      }
+      return [];
+    }
     return (_ctx, _cache) => {
       const _component_el_button = index$2.ElButton;
       const _component_el_card = index$5.ElCard;
@@ -383,7 +483,18 @@ const _sfc_main = {
                                                           ])
                                                         ]);
                                                       }), 128))
-                                                    ])) : (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_16, Vue.toDisplayString(item.dataLinkFieldList.map((fieldId) => `${getFieldLabel(fieldId)}`).join(", ")), 1))
+                                                    ])) : tab.name == "options" && item.fieldAssignments && item.fieldAssignments.length > 0 ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_16, [
+                                                      (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(item.fieldAssignments, (assignment, index2) => {
+                                                        return Vue.openBlock(), Vue.createElementBlock("div", {
+                                                          key: index2,
+                                                          class: "field-assignment-display-item"
+                                                        }, [
+                                                          Vue.createElementVNode("span", _hoisted_17, "「" + Vue.toDisplayString(getFieldLabel(assignment.fieldId)) + "」", 1),
+                                                          _cache[7] || (_cache[7] = Vue.createElementVNode("span", { class: "field-operator" }, "→", -1)),
+                                                          Vue.createElementVNode("span", _hoisted_18, Vue.toDisplayString(assignment.optionsLabel), 1)
+                                                        ]);
+                                                      }), 128))
+                                                    ])) : (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_19, Vue.toDisplayString(item.dataLinkFieldList.map((fieldId) => `${getFieldLabel(fieldId)}`).join(", ")), 1))
                                                   ])
                                                 ])
                                               ])
@@ -397,7 +508,7 @@ const _sfc_main = {
                                   _: 2
                                 }, 1024)
                               ])) : Vue.createCommentVNode("", true),
-                              !((_d = (_c = props.linkedConfig) == null ? void 0 : _c[tab.name]) == null ? void 0 : _d.length) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_17, [
+                              !((_d = (_c = props.linkedConfig) == null ? void 0 : _c[tab.name]) == null ? void 0 : _d.length) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_20, [
                                 Vue.createVNode(_component_el_empty, {
                                   description: tab.desc
                                 }, {
@@ -441,8 +552,8 @@ const _sfc_main = {
           default: Vue.withCtx(({ filterConfigData }) => {
             var _a, _b;
             return [
-              Vue.createElementVNode("span", _hoisted_18, Vue.toDisplayString(Vue.unref(filterSuccessDesc)), 1),
-              Vue.unref(currentTab).name !== "dataLink" ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_19, [
+              Vue.createElementVNode("span", _hoisted_21, Vue.toDisplayString(Vue.unref(filterSuccessDesc)), 1),
+              Vue.unref(currentTab).name !== "dataLink" && Vue.unref(currentTab).name !== "options" ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_22, [
                 Vue.createVNode(_component_el_select, {
                   modelValue: Vue.unref(dataLinkFieldList),
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => Vue.isRef(dataLinkFieldList) ? dataLinkFieldList.value = $event : null),
@@ -462,8 +573,80 @@ const _sfc_main = {
                   ]),
                   _: 2
                 }, 1032, ["modelValue", "placeholder", "disabled"])
-              ])) : (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_20, [
-                Vue.createElementVNode("div", _hoisted_21, [
+              ])) : Vue.unref(currentTab).name == "options" ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_23, [
+                Vue.createElementVNode("div", _hoisted_24, [
+                  (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(fieldAssignments), (assignment, index2) => {
+                    return Vue.openBlock(), Vue.createElementBlock("div", {
+                      key: index2,
+                      class: "field-assignment-item"
+                    }, [
+                      Vue.createVNode(_component_el_select, {
+                        modelValue: assignment.fieldId,
+                        "onUpdate:modelValue": ($event) => assignment.fieldId = $event,
+                        filterable: "",
+                        placeholder: "请选择字段",
+                        style: { "width": "200px", "margin-right": "12px" },
+                        onChange: ($event) => onFieldIdChange(index2)
+                      }, {
+                        default: Vue.withCtx(() => [
+                          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(optionsFieldsData), (item) => {
+                            return Vue.openBlock(), Vue.createBlock(_component_el_option, {
+                              key: item.id,
+                              label: item.label,
+                              value: item.id
+                            }, null, 8, ["label", "value"]);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]),
+                      assignment.fieldId ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_25, [
+                        Vue.createVNode(_component_el_select, {
+                          modelValue: assignment.optionsOpt,
+                          "onUpdate:modelValue": ($event) => assignment.optionsOpt = $event,
+                          multiple: "",
+                          placeholder: "请选择可选项",
+                          style: { "width": "100%", "margin-right": "12px" },
+                          loading: !Vue.unref(optionsFieldsOptionsCache)[assignment.fieldId],
+                          onChange: ($event) => onOptionsOptChange(index2)
+                        }, {
+                          default: Vue.withCtx(() => [
+                            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(getOptionsFieldsOptionsByCache(
+                              assignment.fieldId
+                            ), (item) => {
+                              return Vue.openBlock(), Vue.createBlock(_component_el_option, {
+                                key: item.value,
+                                label: item.label,
+                                value: item.value
+                              }, null, 8, ["label", "value"]);
+                            }), 128))
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue", "loading", "onChange"])
+                      ])) : Vue.createCommentVNode("", true),
+                      Vue.createVNode(_component_el_button, {
+                        type: "danger",
+                        link: "",
+                        icon: "Delete",
+                        onClick: ($event) => removeFieldAssignment(index2),
+                        style: { "margin-left": "8px" }
+                      }, null, 8, ["onClick"])
+                    ]);
+                  }), 128))
+                ]),
+                Vue.createVNode(_component_el_button, {
+                  type: "primary",
+                  link: "",
+                  icon: "CirclePlus",
+                  onClick: addFieldAssignment,
+                  class: "add-assignment-btn"
+                }, {
+                  default: Vue.withCtx(() => _cache[8] || (_cache[8] = [
+                    Vue.createTextVNode(" 添加可选项字段 ")
+                  ])),
+                  _: 1
+                })
+              ])) : (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_26, [
+                Vue.createElementVNode("div", _hoisted_27, [
                   (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(fieldAssignments), (assignment, index2) => {
                     return Vue.openBlock(), Vue.createElementBlock("div", {
                       key: index2,
@@ -510,7 +693,7 @@ const _sfc_main = {
                         ]),
                         _: 2
                       }, 1032, ["modelValue", "onUpdate:modelValue"]),
-                      assignment.fieldId ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_22, [
+                      assignment.fieldId ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_28, [
                         Vue.createVNode(Vue.unref(FormulaEditorInput.default), {
                           title: "公式配置",
                           formulaConf: assignment.formula.value,
@@ -536,7 +719,7 @@ const _sfc_main = {
                   onClick: addFieldAssignment,
                   class: "add-assignment-btn"
                 }, {
-                  default: Vue.withCtx(() => _cache[7] || (_cache[7] = [
+                  default: Vue.withCtx(() => _cache[9] || (_cache[9] = [
                     Vue.createTextVNode(" 添加字段赋值 ")
                   ])),
                   _: 1
@@ -550,5 +733,5 @@ const _sfc_main = {
     };
   }
 };
-const DataLinkage = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-889ebf8b"]]);
+const DataLinkage = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-35097e4f"]]);
 exports.default = DataLinkage;

package/lib/designer/src/packages/dialog/useDialogDialog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.vue2.js");
+const index = require("./index.vue.js");
 const Vue = require("vue");
 function useDialogDialog() {
   const dialogDialogVisible = Vue.ref(false);

package/lib/designer/src/packages/dialogGlobal/index.vue.js

@@ -86,7 +86,7 @@ const widgets = require("../table/property/widgets.vue.js");
 require("../../../../node_modules/element-plus/theme-chalk/el-tab-pane.css.js");
 ;/* empty css                                                              */
 ;/* empty css                                         */
-;/* empty css                                  */
+;/* empty css                                   */
 ;/* empty css                                                            */
 ;/* empty css                                                            */
 ;/* empty css                             */

package/lib/designer/src/packages/dialogGlobal/useDialogGlobalDialog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.vue2.js");
+const index = require("./index.vue.js");
 const Vue = require("vue");
 function useDialogGlobalDialog() {
   const dialogGlobalDialogVisible = Vue.ref(false);

package/lib/designer/src/packages/form/property/widgets.vue.js

@@ -54,8 +54,8 @@ const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_exp
 require("../../../components/TemplateSelector.vue.js");
 require("../../table/default.js");
 ;/* empty css                                 */
-;/* empty css                      */
-;/* empty css                            */
+;/* empty css                       */
+;/* empty css                             */
 require("../../../store/index.js");
 ;/* empty css              */
 const index$2 = require("../../../../../node_modules/element-plus/es/components/collapse/index.js");