super-page-designer 0.0.2-tmp8 → 1.0.1

package/dist/lib/components/design/views/assemblys/page/page-attr-base.vue.js

@@ -0,0 +1,499 @@
+"use strict";
+const vue = require("vue");
+const Icons = require("@element-plus/icons");
+const commonSelectTable_vue_vue_type_script_setup_true_lang = require("../common/common-select-table.vue.js");
+const variableDialog_vue_vue_type_script_setup_true_lang = require("./variable-dialog.vue.js");
+const pageTableUtil = require("../../../utils/page-table-util.js");
+const pageStore = require("../../../../../stores/page-store.js");
+const pageDesignUtil = require("../../../utils/page-design-util.js");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_3 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_4 = { style: { "float": "left" } };
+const _hoisted_5 = { style: { "float": "right", "color": "var(--el-text-color-secondary)", "font-size": "13px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "page-attr-base",
+  props: {
+    configure: {}
+  },
+  setup(__props) {
+    const pageContextUtil = pageStore.usePageContextStore();
+    const props = __props;
+    const variableDefaultProps = {
+      children: "children",
+      label: "label"
+    };
+    const variableTreeDatas = vue.ref([]);
+    variableTreeDatas.value = getVariablesTreeData(props.configure.variables);
+    const gutters = vue.ref([2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24]);
+    const openCollapseItems = vue.ref(["1", "2", "3"]);
+    const selectTableDialog = vue.ref(null);
+    const refVariableDialog = vue.ref(null);
+    const workflows = vue.ref([]);
+    const linkWorkflowCodeInfo = vue.ref(null);
+    function selectWorkflow(value) {
+      if (value && value.indexOf(":") > 0) {
+        props.configure.props.linkWorkflowCode = value.substring(0, value.lastIndexOf(":"));
+        props.configure.props.linkWorkflowVersion = parseInt(value.substring(value.lastIndexOf(":") + 1));
+      }
+    }
+    function selectTable() {
+      selectTableDialog.value.openDialog();
+    }
+    function clearTable() {
+      props.configure.tableAlias = "";
+      props.configure.tableName = "";
+      props.configure.modelFields = [];
+    }
+    function onSelectTable(tableInfo) {
+      let hisKey = props.configure.tableSysCode ? props.configure.tableSysCode : "";
+      hisKey += "_";
+      hisKey += props.configure.tableSysVersion ? props.configure.tableSysVersion : "";
+      hisKey += "_";
+      hisKey += props.configure.tableName ? props.configure.tableName : "";
+      let newKey = tableInfo.systemCode ? tableInfo.systemCode : "";
+      newKey += "_";
+      newKey += tableInfo.systemVersion ? tableInfo.systemVersion : "";
+      newKey += "_";
+      newKey += tableInfo.name ? tableInfo.name : "";
+      if (newKey != hisKey) {
+        props.configure.tableSysCode = tableInfo.systemCode;
+        props.configure.tableSysVersion = tableInfo.systemVersion;
+        props.configure.tableName = tableInfo.name;
+        props.configure.tableAlias = tableInfo.alias;
+        const systemCode = tableInfo.systemCode ? tableInfo.systemCode : props.configure.systemCode;
+        const systemVersion = tableInfo.systemVersion ? tableInfo.systemVersion : props.configure.systemVersion;
+        pageTableUtil.queryTableFields(systemCode, systemVersion, tableInfo.name).then((tableFields) => {
+          props.configure.modelFields = tableFields;
+          pageContextUtil.setPageContext(props.configure);
+        });
+      }
+    }
+    function customVariables() {
+      refVariableDialog.value.openDialog();
+    }
+    function onCloseVariableDialog() {
+      variableTreeDatas.value = getVariablesTreeData(props.configure.variables);
+      pageContextUtil.setPageContext(props.configure);
+    }
+    function getVariablesTreeData(variables) {
+      const treeDatas = convertVariablesToTree(variables);
+      if (!treeDatas) {
+        return [{ label: "无自定义" }];
+      } else {
+        return treeDatas;
+      }
+    }
+    function convertVariablesToTree(variables) {
+      if (variables == null || variables.length == 0) {
+        return null;
+      } else {
+        const items = [];
+        for (let variable of variables) {
+          const item = {
+            label: variable.name + (variable.alias ? "(" + variable.alias + ")" : "")
+          };
+          const children = convertVariablesToTree(variable.items);
+          if (children) {
+            item.children = children;
+          }
+          items.push(item);
+        }
+        return items;
+      }
+    }
+    function changeWorkflowSource(value) {
+      if (value && value === "link") {
+        queryWorkflows();
+      }
+    }
+    function queryWorkflows() {
+      pageDesignUtil.queryWorkflowsRequest(props.configure.tableName).then((data) => {
+        workflows.value = data;
+      });
+    }
+    function createWorkflow() {
+      pageDesignUtil.createWorkflowRequest(props.configure.tableName, props.configure.label).then((definition) => {
+        if (definition) {
+          props.configure.props.createWorkflowCode = definition.code;
+          props.configure.props.createWorkflowName = definition.name;
+        }
+      });
+    }
+    return (_ctx, _cache) => {
+      const _component_el_text = vue.resolveComponent("el-text");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_radio_button = vue.resolveComponent("el-radio-button");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_switch = vue.resolveComponent("el-switch");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_tree = vue.resolveComponent("el-tree");
+      const _component_el_form = vue.resolveComponent("el-form");
+      const _component_el_radio = vue.resolveComponent("el-radio");
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_collapse, {
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_collapse_item, {
+                title: "基本",
+                name: "1",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_1, [
+                    vue.createVNode(_component_el_form_item, { label: "编码" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_text, null, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(vue.toDisplayString(_ctx.configure.code), 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "名称",
+                      style: { "margin-top": "-10px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: _ctx.configure.label,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.configure.label = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "页面类型",
+                      style: { "margin-top": "-10px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: _ctx.configure.pageType,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.configure.pageType = $event)
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio_button, { value: "form" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("表单")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio_button, { value: "list" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("台帐")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio_button, { value: "other" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("其他")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "Flex布局",
+                      style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: _ctx.configure.props.isFlex,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.configure.props.isFlex = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    _ctx.configure.props.isFlex ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 0,
+                      label: "水平对齐",
+                      style: { "margin-top": "18px", "margin-bottom": "-15px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_select, {
+                          modelValue: _ctx.configure.props.flexJustify,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.configure.props.flexJustify = $event),
+                          placeholder: "默认",
+                          clearable: ""
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_option, {
+                              label: "start",
+                              value: "start"
+                            }),
+                            vue.createVNode(_component_el_option, {
+                              label: "center",
+                              value: "center"
+                            }),
+                            vue.createVNode(_component_el_option, {
+                              label: "space-between",
+                              value: "space-between"
+                            }),
+                            vue.createVNode(_component_el_option, {
+                              label: "space-around",
+                              value: "space-around"
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true),
+                    _ctx.configure.props.isFlex == "2" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 1,
+                      label: "分栏间隔",
+                      style: { "margin-bottom": "-15px", "margin-top": "-10px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_select, {
+                          modelValue: _ctx.configure.props.flexGutter,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.configure.props.flexGutter = $event),
+                          placeholder: "默认",
+                          clearable: ""
+                        }, {
+                          default: vue.withCtx(() => [
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(gutters.value, (item) => {
+                              return vue.openBlock(), vue.createBlock(_component_el_option, {
+                                label: item,
+                                value: item
+                              }, null, 8, ["label", "value"]);
+                            }), 256))
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true)
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_collapse_item, {
+                title: "页面变量",
+                name: "3",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_2, [
+                    !_ctx.configure.pageType || _ctx.configure.pageType == "form" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 0,
+                      label: "数据模型",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: _ctx.configure.tableAlias,
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.configure.tableAlias = $event),
+                          title: _ctx.configure.tableAlias,
+                          clearable: "",
+                          readonly: "true"
+                        }, {
+                          append: vue.withCtx(() => [
+                            vue.createVNode(_component_el_button, {
+                              icon: vue.unref(Icons.Search),
+                              onClick: selectTable,
+                              size: "small"
+                            }, null, 8, ["icon"]),
+                            vue.createVNode(_component_el_button, {
+                              icon: vue.unref(Icons.Close),
+                              onClick: clearTable,
+                              title: "Clear",
+                              size: "small"
+                            }, null, 8, ["icon"])
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "title"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true),
+                    vue.createVNode(_component_el_form, {
+                      "label-position": "top",
+                      size: "small"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_form_item, {
+                          "label-position": "top",
+                          class: "amb-design-attr-item"
+                        }, {
+                          label: vue.withCtx(() => [
+                            vue.createTextVNode("   自定义变量 "),
+                            vue.createVNode(_component_el_button, {
+                              type: "primary",
+                              round: "",
+                              icon: vue.unref(Icons.Setting),
+                              onClick: customVariables,
+                              size: "small"
+                            }, null, 8, ["icon"])
+                          ]),
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_tree, {
+                              style: { "border": "1px solid #f5f6f8", "padding": "10px", "width": "100%", "min-height": "100px" },
+                              data: variableTreeDatas.value,
+                              props: variableDefaultProps,
+                              "default-expand-all": "",
+                              "expand-on-click-node": false
+                            }, null, 8, ["data"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              (!_ctx.configure.pageType || _ctx.configure.pageType == "form") && props.configure.tableName ? (vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+                key: 0,
+                title: "工作流",
+                name: "2",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_3, [
+                    vue.createVNode(_component_el_form_item, {
+                      label: "启用",
+                      style: { "margin-bottom": "-14px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: _ctx.configure.props.activeWorkflow,
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.configure.props.activeWorkflow = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    _ctx.configure.props.activeWorkflow ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 0,
+                      label: "流程来源",
+                      style: { "margin-top": "14px", "margin-bottom": "-15px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: _ctx.configure.props.workflowSource,
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.configure.props.workflowSource = $event),
+                          onChange: changeWorkflowSource
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: "link" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("选择引用")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: "create" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("新增流程")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createElementVNode("span", null, [
+                              vue.createVNode(_component_el_button, { onClick: createWorkflow }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("新增")
+                                ]),
+                                _: 1
+                              })
+                            ])
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true),
+                    _ctx.configure.props.activeWorkflow && _ctx.configure.props.workflowSource && _ctx.configure.props.workflowSource === "link" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 1,
+                      label: "选择引用",
+                      style: { "margin-top": "18px", "margin-bottom": "-12px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_select, {
+                          modelValue: linkWorkflowCodeInfo.value,
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => linkWorkflowCodeInfo.value = $event),
+                          onChange: selectWorkflow
+                        }, {
+                          default: vue.withCtx(() => [
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(workflows.value, (item) => {
+                              return vue.openBlock(), vue.createBlock(_component_el_option, {
+                                key: item.codeVersion,
+                                label: item.name,
+                                value: item.codeVersion
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(item.name), 1),
+                                  vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(item.code) + "(V" + vue.toDisplayString(item.definitionVersion) + ") ", 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["label", "value"]);
+                            }), 128))
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true),
+                    _ctx.configure.props.activeWorkflow && _ctx.configure.props.workflowSource && _ctx.configure.props.workflowSource === "create" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 2,
+                      label: "流程名称",
+                      style: { "margin-top": "18px", "margin-bottom": "-12px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(_ctx.configure.props.createWorkflowName), 1)
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true),
+                    _ctx.configure.props.activeWorkflow && _ctx.configure.props.workflowSource && _ctx.configure.props.workflowSource === "create" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 3,
+                      label: "流程编码",
+                      style: { "margin-top": "18px", "margin-bottom": "-12px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(_ctx.configure.props.createWorkflowCode) + "(V1) ", 1)
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true)
+                  ])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          vue.createVNode(commonSelectTable_vue_vue_type_script_setup_true_lang, {
+            ref_key: "selectTableDialog",
+            ref: selectTableDialog,
+            onSelectTable,
+            systemCode: _ctx.configure.systemCode,
+            systemVersion: _ctx.configure.systemVersion
+          }, null, 8, ["systemCode", "systemVersion"]),
+          vue.createVNode(variableDialog_vue_vue_type_script_setup_true_lang, {
+            ref_key: "refVariableDialog",
+            ref: refVariableDialog,
+            pageDesign: _ctx.configure,
+            onClose: onCloseVariableDialog
+          }, null, 8, ["pageDesign"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/page/page-attr-base.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const pageAttrBase_vue_vue_type_script_setup_true_lang = require("./page-attr-base.vue.js");
+module.exports = pageAttrBase_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/page/page-attr-events.vue.js

@@ -0,0 +1,29 @@
+"use strict";
+const vue = require("vue");
+const attrEvent = require("../form/common/attr-event.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "page-attr-events",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    const props = __props;
+    const events = props.configure.events;
+    return (_ctx, _cache) => {
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(attrEvent, {
+            configure: __props.configure,
+            events: vue.unref(events)
+          }, null, 8, ["configure", "events"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/page/page-attr-events.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const pageAttrEvents_vue_vue_type_script_setup_true_lang = require("./page-attr-events.vue.js");
+module.exports = pageAttrEvents_vue_vue_type_script_setup_true_lang;