@epxing/designer 0.0.0-stage → 5.3.0-beta.2

package/dist/src/visual/config/Params.js

@@ -0,0 +1,353 @@
+import '../../../style.css';
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode, createBlock, withCtx, createVNode } from "vue";
+/* empty css           */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-params",
+  props: {
+    value: Object,
+    defaultValue: Object,
+    treeFieldStore: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    pageParams: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    showParamsType: {
+      type: Array,
+      default() {
+        return ["str", "field", "page"];
+      }
+    },
+    state: String,
+    metaId: String,
+    paramList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {
+      params: {},
+      paramType: "str",
+      paramKeyType: "defined",
+      paramsDialog: false,
+      addParams: {
+        key: "",
+        value: ""
+      }
+    };
+  },
+  computed: {
+    inParamType() {
+      const inParam = this.paramList.find((item) => item.NAME === this.addParams.key);
+      return inParam == null ? void 0 : inParam.PARAM_TYPE;
+    },
+    selectedFieldList() {
+      return this.addParams.value ? this.addParams.value.split(",").map((v) => v.replace(/#$/g, "")) : [];
+    }
+  },
+  watch: {
+    params: {
+      handler(v) {
+        if (!this.$_.isEqual(v, this.value)) {
+          this.changeValue(v);
+        }
+      },
+      deep: true
+    }
+  },
+  methods: {
+    changeValue(v) {
+      if (v !== this.defaultValue) {
+        this.$emit("change-configs", v === this.defaultValue ? null : v);
+        this.$emit("input", v === this.defaultValue ? null : v);
+      }
+    },
+    setParamsFieldValue(v) {
+      this.addParams.value = v.length > 0 ? v.join("#,") + "#" : "";
+    },
+    addParamsFn() {
+      const { key, value } = this.addParams;
+      const trimKey = key.trim();
+      const trimValue = value.trim();
+      if (key && value) {
+        this.params[trimKey] = trimValue;
+      }
+      this.addParams = {};
+      this.paramsDialog = false;
+    },
+    selectParamField(data) {
+      this.addParams.value = `#[${(data.field || data.code).replace(/\./g, "|")}]`;
+    },
+    editParams(key, value) {
+      this.addParams = { key, value };
+      this.paramsDialog = true;
+    },
+    deleteParams(key) {
+      delete this.params[key];
+    }
+  },
+  created() {
+    if (this.value) {
+      this.params = { ...this.value };
+    } else if (this.defaultValue) {
+      this.params = { ...this.defaultValue };
+    }
+  }
+};
+const _hoisted_1 = { class: "params" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "add-params-input" };
+const _hoisted_5 = { style: { flex: 1 } };
+const _hoisted_6 = { class: "add-params-input" };
+const _hoisted_7 = { class: "add-params-input" };
+const _hoisted_8 = ["innerHTML"];
+const _hoisted_9 = { class: "button-group" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_radio = resolveComponent("el-radio");
+  const _component_el_radio_group = resolveComponent("el-radio-group");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_epx_visual_config_field = resolveComponent("epx-visual-config-field");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_el_popover = resolveComponent("el-popover");
+  const _component_epx_visual_config_lazy_dialog = resolveComponent("epx-visual-config-lazy-dialog");
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode("div", _hoisted_1, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($data.params, (value, key) => {
+        return openBlock(), createElementBlock("p", {
+          class: "params-item",
+          key
+        }, [
+          createTextVNode(toDisplayString(key) + " = " + toDisplayString(value) + " ", 1),
+          $props.state !== "DETAIL" ? (openBlock(), createElementBlock("i", {
+            key: 0,
+            class: "el-icon-edit",
+            onClick: ($event) => $options.editParams(key, value)
+          }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+          $props.state !== "DETAIL" ? (openBlock(), createElementBlock("i", {
+            key: 1,
+            class: "el-icon-close",
+            onClick: ($event) => $options.deleteParams(key)
+          }, null, 8, _hoisted_3)) : createCommentVNode("", true)
+        ]);
+      }), 128)),
+      $props.state !== "DETAIL" ? (openBlock(), createBlock(_component_el_button, {
+        key: 0,
+        type: "primary",
+        link: "",
+        onClick: _cache[0] || (_cache[0] = ($event) => $data.paramsDialog = true)
+      }, {
+        default: withCtx(() => [..._cache[9] || (_cache[9] = [
+          createTextVNode("+ 添加参数", -1)
+        ])]),
+        _: 1
+      })) : createCommentVNode("", true)
+    ]),
+    createVNode(_component_epx_visual_config_lazy_dialog, {
+      title: "设置参数",
+      "model-value": !!$data.paramsDialog,
+      center: "",
+      width: "420px",
+      "append-to-body": true,
+      onClose: _cache[8] || (_cache[8] = ($event) => $data.paramsDialog = false)
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", null, [
+          createElementVNode("div", _hoisted_4, [
+            _cache[12] || (_cache[12] = createElementVNode("span", null, "参数名：", -1)),
+            createElementVNode("div", _hoisted_5, [
+              $props.paramList.length > 0 ? (openBlock(), createBlock(_component_el_radio_group, {
+                key: 0,
+                class: "add-params-key-type",
+                modelValue: $data.paramKeyType,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.paramKeyType = $event)
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_radio, {
+                    label: "defined",
+                    value: "defined"
+                  }, {
+                    default: withCtx(() => [..._cache[10] || (_cache[10] = [
+                      createTextVNode("内置参数", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_radio, {
+                    label: "custom",
+                    value: "custom"
+                  }, {
+                    default: withCtx(() => [..._cache[11] || (_cache[11] = [
+                      createTextVNode("自定义", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])) : createCommentVNode("", true),
+              $data.paramKeyType === "defined" && $props.paramList.length > 0 ? (openBlock(), createBlock(_component_el_select, {
+                key: 1,
+                size: "default",
+                modelValue: $data.addParams.key,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.addParams.key = $event)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($props.paramList, (item) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      key: item.Id,
+                      label: item.REMARK,
+                      value: item.NAME
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])) : (openBlock(), createBlock(_component_el_input, {
+                key: 2,
+                size: "default",
+                "model-value": $data.addParams.key,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = (v) => $data.addParams["key"] = v)
+              }, null, 8, ["model-value"]))
+            ])
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            _cache[16] || (_cache[16] = createElementVNode("span", null, "参数类型：", -1)),
+            createVNode(_component_el_radio_group, {
+              modelValue: $data.paramType,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.paramType = $event)
+            }, {
+              default: withCtx(() => [
+                $props.showParamsType.includes("str") ? (openBlock(), createBlock(_component_el_radio, {
+                  key: 0,
+                  label: "str",
+                  value: "str"
+                }, {
+                  default: withCtx(() => [..._cache[13] || (_cache[13] = [
+                    createTextVNode("固定值", -1)
+                  ])]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                $props.showParamsType.includes("field") ? (openBlock(), createBlock(_component_el_radio, {
+                  key: 1,
+                  label: "field",
+                  value: "field"
+                }, {
+                  default: withCtx(() => [..._cache[14] || (_cache[14] = [
+                    createTextVNode("字段值 ", -1)
+                  ])]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                $props.showParamsType.includes("page") ? (openBlock(), createBlock(_component_el_radio, {
+                  key: 2,
+                  label: "page",
+                  value: "page"
+                }, {
+                  default: withCtx(() => [..._cache[15] || (_cache[15] = [
+                    createTextVNode("页面参数", -1)
+                  ])]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          createElementVNode("div", _hoisted_7, [
+            _cache[17] || (_cache[17] = createElementVNode("span", null, "参数值：", -1)),
+            $data.paramType === "str" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              $options.inParamType === "field_code" ? (openBlock(), createBlock(_component_epx_visual_config_field, {
+                key: 0,
+                value: $options.selectedFieldList,
+                metaId: $props.metaId,
+                multiple: "",
+                onChangeConfigs: $options.setParamsFieldValue
+              }, null, 8, ["value", "metaId", "onChangeConfigs"])) : (openBlock(), createBlock(_component_el_input, {
+                key: 1,
+                "model-value": $data.addParams.value,
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = (v) => $data.addParams["value"] = v)
+              }, null, 8, ["model-value"]))
+            ], 64)) : $data.paramType === "field" ? (openBlock(), createBlock(_component_el_popover, {
+              key: 1,
+              width: "200",
+              trigger: "click"
+            }, {
+              reference: withCtx(() => [
+                createVNode(_component_el_input, {
+                  "model-value": $data.addParams.value
+                }, null, 8, ["model-value"])
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_el_tree, {
+                  style: { maxHeight: "300px", overflow: "auto" },
+                  data: $props.treeFieldStore,
+                  props: {
+                    children: "children",
+                    label: "text"
+                  },
+                  onNodeClick: $options.selectParamField
+                }, {
+                  default: withCtx(({ node }) => [
+                    createElementVNode("span", {
+                      innerHTML: _ctx.xss.process(node.label)
+                    }, null, 8, _hoisted_8)
+                  ]),
+                  _: 1
+                }, 8, ["data", "onNodeClick"])
+              ]),
+              _: 1
+            })) : $data.paramType === "page" ? (openBlock(), createBlock(_component_el_select, {
+              key: 2,
+              modelValue: $data.addParams.value,
+              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.addParams.value = $event)
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($props.pageParams, (item) => {
+                  return openBlock(), createBlock(_component_el_option, {
+                    key: item.code,
+                    label: item.name || item.code,
+                    value: `$[${item.code}]`
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_9, [
+            createVNode(_component_el_button, {
+              type: "primary",
+              onClick: $options.addParamsFn
+            }, {
+              default: withCtx(() => [..._cache[18] || (_cache[18] = [
+                createTextVNode("确定", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(_component_el_button, {
+              onClick: _cache[7] || (_cache[7] = ($event) => $data.paramsDialog = false)
+            }, {
+              default: withCtx(() => [..._cache[19] || (_cache[19] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["model-value"])
+  ]);
+}
+const Params = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4448e2da"]]);
+export {
+  Params as default
+};

package/dist/src/visual/config/Radio.js

@@ -0,0 +1,127 @@
+import '../../../style.css';
+import { mapGetters } from "vuex";
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-radio",
+  props: {
+    allConfigs: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    label: String,
+    value: [String, Boolean, Number],
+    defaultValue: [String, Boolean, Number],
+    code: String,
+    optionList: {
+      type: Array
+    },
+    configItem: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    inputable: Boolean
+  },
+  data() {
+    return {
+      radioValue: ""
+    };
+  },
+  computed: {
+    ...mapGetters([
+      "getCodeById"
+    ]),
+    options() {
+      if (this.optionList) return this.optionList.map((item) => ({ code: item.value, name: item.label }));
+      if (this.code) {
+        const options = this.getCodeById(this.code);
+        if (!options) {
+          this.$store.dispatch({
+            type: "ADD_LIST",
+            key: this.code
+          });
+        }
+        return options || [];
+      }
+      return [];
+    },
+    _value() {
+      return !this.$_.isNil(this.value) ? this.value : this.defaultValue;
+    }
+  },
+  methods: {
+    changeValue(v) {
+      this.$emit("change-configs", v === this.defaultValue ? null : v);
+    },
+    changeRadioValue(v) {
+      if (v !== "CUSTOM") {
+        this.$emit("change-configs", v === this.defaultValue ? null : v);
+      } else {
+        this.$emit("change-configs", null);
+      }
+    }
+  },
+  created() {
+    if (this.inputable && this._value) {
+      const item = this.options.find((item2) => item2.code === this._value);
+      if (!item) {
+        this.radioValue = "CUSTOM";
+      } else {
+        this.radioValue = this._value;
+      }
+    } else {
+      this.radioValue = this._value;
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_radio = resolveComponent("el-radio");
+  const _component_el_radio_group = resolveComponent("el-radio-group");
+  const _component_el_input = resolveComponent("el-input");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(_component_el_radio_group, {
+      modelValue: $data.radioValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.radioValue = $event),
+      onChange: $options.changeRadioValue
+    }, {
+      default: withCtx(() => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.options, (item) => {
+          return openBlock(), createBlock(_component_el_radio, {
+            key: item.id,
+            label: item.code,
+            value: item.code
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(item.name), 1)
+            ]),
+            _: 2
+          }, 1032, ["label", "value"]);
+        }), 128)),
+        $props.inputable ? (openBlock(), createBlock(_component_el_radio, {
+          key: 0,
+          label: "CUSTOM",
+          value: "CUSTOM"
+        }, {
+          default: withCtx(() => [..._cache[1] || (_cache[1] = [
+            createTextVNode("自定义", -1)
+          ])]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "onChange"]),
+    $props.inputable && $data.radioValue === "CUSTOM" ? (openBlock(), createBlock(_component_el_input, {
+      key: 0,
+      "model-value": $props.value,
+      "onUpdate:modelValue": $options.changeValue
+    }, null, 8, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("", true)
+  ]);
+}
+const Radio = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Radio as default
+};

package/dist/src/visual/config/Row.js

@@ -0,0 +1,104 @@
+import '../../../style.css';
+import { resolveComponent, openBlock, createElementBlock, Fragment, renderList, createVNode, mergeProps, withCtx, createTextVNode } from "vue";
+/* empty css        */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-row",
+  props: {
+    value: {
+      type: Array
+    }
+  },
+  data() {
+    return {
+      rows: []
+    };
+  },
+  methods: {
+    addRow() {
+      this.rows.push([]);
+    },
+    deleteRow(index) {
+      this.rows.splice(index, 1);
+    },
+    changeFields(index, v) {
+      this.rows.splice(index, 1, v);
+    }
+  },
+  watch: {
+    // Vue3 起浅层 watcher 不响应 push/splice，而 addRow / deleteRow / changeFields 全是 push/splice，
+    // 且 emit 只在这个 watcher 里 ⇒ 不加 deep 本组件对外零输出。首次配置（value 为空）时
+    // rows 是本地数组，新增的行 100% 丢失。
+    rows: {
+      deep: 1,
+      handler(v) {
+        this.$emit("change-configs", v);
+      }
+    },
+    value(v) {
+      if (!this.$_.isEqual(v, this.rows)) {
+        this.rows = [...v];
+      }
+    }
+  },
+  created() {
+    if (this.value) {
+      this.rows = [...this.value];
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_popconfirm = resolveComponent("el-popconfirm");
+  const _component_epx_visual_config_list_field = resolveComponent("epx-visual-config-list-field");
+  return openBlock(), createElementBlock("div", null, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList($data.rows, (row, index) => {
+      return openBlock(), createElementBlock("div", {
+        class: "row",
+        key: index + "-" + $data.rows.length
+      }, [
+        createVNode(_component_epx_visual_config_list_field, mergeProps({ ref_for: true }, _ctx.$forwardAttrs(_ctx.$attrs), {
+          "show-field-way": false,
+          value: row,
+          onChangeConfigs: (v) => $options.changeFields(index, v)
+        }), {
+          operate: withCtx(() => [
+            createVNode(_component_el_popconfirm, {
+              class: "delete-btn",
+              title: "确定删除？",
+              onConfirm: ($event) => $options.deleteRow(index)
+            }, {
+              reference: withCtx(() => [
+                createVNode(_component_el_button, {
+                  type: "danger",
+                  size: "small"
+                }, {
+                  default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                    createTextVNode("删除", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["onConfirm"])
+          ]),
+          _: 2
+        }, 1040, ["value", "onChangeConfigs"])
+      ]);
+    }), 128)),
+    createVNode(_component_el_button, {
+      type: "primary",
+      link: "",
+      onClick: $options.addRow
+    }, {
+      default: withCtx(() => [..._cache[1] || (_cache[1] = [
+        createTextVNode("+ 添加一行", -1)
+      ])]),
+      _: 1
+    }, 8, ["onClick"])
+  ]);
+}
+const Row = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ff889284"]]);
+export {
+  Row as default
+};