super-page-designer 0.0.2-tmp8 → 1.0.1

package/dist/lib/components/design/views/assemblys/common/common-advanced-basic-showcondition.vue.js

@@ -0,0 +1,500 @@
+"use strict";
+const vue = require("vue");
+const Icons = require("@element-plus/icons");
+const commonVariableBind = require("./common-variable-bind.vue.js");
+const commonUtil = require("../../../utils/common-util.js");
+const pageStore = require("../../../../../stores/page-store.js");
+const _hoisted_1 = { style: { "text-align": "center", "margin": "0px -8px", "padding-top": "4px", "padding-left": "2px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-advanced-basic-showcondition",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    title: {
+      type: String,
+      default: "显示条件"
+    }
+  },
+  setup(__props) {
+    const pageDesignUtil = pageStore.usePageContextStore();
+    const props = __props;
+    if (!props.configure.props) {
+      props.configure.props = {};
+    }
+    if (!props.configure.props.showConditions) {
+      props.configure.props.showConditions = [];
+    }
+    const tableDatas = props.configure.props.showConditions;
+    const tableHeight = vue.ref(300);
+    const dialogTableVisible = vue.ref(false);
+    function openDialog() {
+      let tempHeight = window.innerHeight - 140 - 176;
+      if (tempHeight > 500) {
+        tempHeight = 500;
+      } else if (tempHeight < 100) {
+        tempHeight = 100;
+      }
+      tableHeight.value = tempHeight;
+      dialogTableVisible.value = true;
+    }
+    function moveTop(rowItem) {
+      let sortIndex = queryIndex(rowItem);
+      if (sortIndex < 1) {
+        return;
+      }
+      const items = tableDatas;
+      [items[sortIndex - 1], items[sortIndex]] = [items[sortIndex], items[sortIndex - 1]];
+    }
+    function moveToBottom(rowItem) {
+      let sortIndex = queryIndex(rowItem);
+      if (sortIndex == -1 || tableDatas.length == sortIndex + 1) {
+        return;
+      }
+      const items = tableDatas;
+      [items[sortIndex], items[sortIndex + 1]] = [items[sortIndex + 1], items[sortIndex]];
+    }
+    function queryIndex(rowItem) {
+      let sortIndex = -1;
+      const itemLen = tableDatas.length;
+      for (let index = 0; index < itemLen; index++) {
+        if (tableDatas[index].uuid == rowItem.uuid) {
+          sortIndex = index;
+          break;
+        }
+      }
+      return sortIndex;
+    }
+    function addData(rowItem) {
+      let sortIndex = -1;
+      if (rowItem) {
+        sortIndex = queryIndex(rowItem);
+      }
+      const data = {
+        uuid: commonUtil.getUuidv4(),
+        leftBracket: "",
+        propName: "",
+        operator: "",
+        propValueType: "",
+        rightBracket: "",
+        joinSign: "",
+        dataType: ""
+        //字段类型
+      };
+      tableDatas.splice(sortIndex + 1, 0, data);
+    }
+    function deleteData(rowItem) {
+      let delIdnex = queryIndex(rowItem);
+      if (delIdnex > -1) {
+        tableDatas.splice(delIdnex, 1);
+      }
+    }
+    const currentRow = vue.ref({});
+    function handleCurrentChange(val) {
+      currentRow.value = val;
+    }
+    function updatePropValue(val, rowObj, fieldName) {
+      if (fieldName == "propValue") {
+        rowObj.propValue = val;
+      } else {
+        rowObj.propName = val;
+        let dataType = "";
+        if (val && val.startsWith("${")) {
+          let propName = val.substring(2, val.length - 1);
+          if (propName.startsWith("page."))
+            ;
+          else if (propName.startsWith("data.")) {
+            propName = propName.substring(5);
+            dataType = pageDesignUtil.getModelField(propName);
+          }
+        }
+        rowObj.dataType = dataType;
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_text = vue.resolveComponent("el-text");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_Top = vue.resolveComponent("Top");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_Bottom = vue.resolveComponent("Bottom");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_table = vue.resolveComponent("el-table");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("div", null, [
+          vue.createVNode(_component_el_button, {
+            type: "primary",
+            onClick: openDialog
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode("编辑")
+            ]),
+            _: 1
+          }),
+          vue.withDirectives(vue.createVNode(_component_el_text, { type: "success" }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode("已设置条件.")
+            ]),
+            _: 1
+          }, 512), [
+            [vue.vShow, vue.unref(tableDatas) && vue.unref(tableDatas).length > 0]
+          ])
+        ]),
+        vue.createVNode(_component_el_dialog, {
+          modelValue: dialogTableVisible.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialogTableVisible.value = $event),
+          title: __props.title,
+          width: "900"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_row, { style: { "padding-bottom": "8px" } }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_button, {
+                  icon: vue.unref(Icons.Plus),
+                  plain: "",
+                  type: "primary",
+                  onClick: addData
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" 添加 ")
+                  ]),
+                  _: 1
+                }, 8, ["icon"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_table, {
+              border: "",
+              "highlight-current-row": "",
+              onCurrentChange: handleCurrentChange,
+              data: vue.unref(tableDatas),
+              style: { "width": "100%" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_table_column, {
+                  label: "",
+                  width: "50"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createElementVNode("div", _hoisted_1, [
+                      vue.createVNode(_component_el_icon, {
+                        size: "14",
+                        style: { "cursor": "pointer" },
+                        onClick: ($event) => moveTop(scope.row)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_Top)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]),
+                      vue.createVNode(_component_el_icon, {
+                        size: "14",
+                        style: { "margin-left": "2px", "cursor": "pointer" },
+                        onClick: ($event) => moveToBottom(scope.row)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_Bottom)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "leftBracket",
+                  label: "(",
+                  width: "80"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createVNode(_component_el_select, {
+                      modelValue: scope.row.leftBracket,
+                      "onUpdate:modelValue": ($event) => scope.row.leftBracket = $event,
+                      clearable: "",
+                      placeholder: "请选择"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_option, {
+                          label: "",
+                          value: ""
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "(",
+                          value: "("
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "((",
+                          value: "(("
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "(((",
+                          value: "((("
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "((((",
+                          value: "(((("
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "propName",
+                  label: "字段名(*)",
+                  width: "150"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createVNode(commonVariableBind, {
+                      modelValue: scope.row.propName,
+                      paramTypes: ["data", "task", "page", "request"],
+                      "onUpdate:modelValue": (val) => updatePropValue(val, scope.row, "propName")
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "operator",
+                  label: "操作符",
+                  width: "90"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createVNode(_component_el_select, {
+                      modelValue: scope.row.operator,
+                      "onUpdate:modelValue": ($event) => scope.row.operator = $event,
+                      clearable: "",
+                      placeholder: "请选择"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.withDirectives(vue.createVNode(_component_el_option, {
+                          label: "大于",
+                          value: "GT"
+                        }, null, 512), [
+                          [vue.vShow, scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double"]
+                        ]),
+                        vue.withDirectives(vue.createVNode(_component_el_option, {
+                          label: "小于",
+                          value: "LT"
+                        }, null, 512), [
+                          [vue.vShow, scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double"]
+                        ]),
+                        vue.withDirectives(vue.createVNode(_component_el_option, {
+                          label: "晚于",
+                          value: "GT"
+                        }, null, 512), [
+                          [vue.vShow, scope.row.dataType == "date" || scope.row.dataType == "datetime"]
+                        ]),
+                        vue.withDirectives(vue.createVNode(_component_el_option, {
+                          label: "早于",
+                          value: "LT"
+                        }, null, 512), [
+                          [vue.vShow, scope.row.dataType == "date" || scope.row.dataType == "datetime"]
+                        ]),
+                        vue.createVNode(_component_el_option, {
+                          label: "等于",
+                          value: "EQ"
+                        }),
+                        vue.withDirectives(vue.createVNode(_component_el_option, {
+                          label: "不大于",
+                          value: "LET"
+                        }, null, 512), [
+                          [vue.vShow, scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double"]
+                        ]),
+                        vue.withDirectives(vue.createVNode(_component_el_option, {
+                          label: "不小于",
+                          value: "GET"
+                        }, null, 512), [
+                          [vue.vShow, scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double"]
+                        ]),
+                        vue.withDirectives(vue.createVNode(_component_el_option, {
+                          label: "不晚于",
+                          value: "LET"
+                        }, null, 512), [
+                          [vue.vShow, scope.row.dataType == "date" || scope.row.dataType == "datetime"]
+                        ]),
+                        vue.withDirectives(vue.createVNode(_component_el_option, {
+                          label: "不早于",
+                          value: "GET"
+                        }, null, 512), [
+                          [vue.vShow, scope.row.dataType == "date" || scope.row.dataType == "datetime"]
+                        ]),
+                        vue.createVNode(_component_el_option, {
+                          label: "不等于",
+                          value: "NET"
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "包含",
+                          value: "CONTAIN"
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "不包含",
+                          value: "NOT_CONTAIN"
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "等于Null",
+                          value: "IS_NULL"
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "不等于Null",
+                          value: "IS_NOT_NULL"
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "propValue",
+                  label: "值(*)",
+                  width: "150"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createVNode(commonVariableBind, {
+                      modelValue: scope.row.propValue,
+                      "onUpdate:modelValue": (val) => updatePropValue(val, scope.row, "propValue")
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "rightBracket",
+                  label: ")",
+                  width: "80"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createVNode(_component_el_select, {
+                      modelValue: scope.row.rightBracket,
+                      "onUpdate:modelValue": ($event) => scope.row.rightBracket = $event,
+                      placeholder: "请选择",
+                      clearable: ""
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_option, {
+                          label: "",
+                          value: ""
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: ")",
+                          value: ")"
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "))",
+                          value: "))"
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: ")))",
+                          value: ")))"
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "))))",
+                          value: "))))"
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "joinSign",
+                  label: "并且/或者",
+                  width: "80"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createVNode(_component_el_select, {
+                      modelValue: scope.row.joinSign,
+                      "onUpdate:modelValue": ($event) => scope.row.joinSign = $event,
+                      clearable: "",
+                      placeholder: "请选择"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_option, {
+                          label: "或者",
+                          value: "or"
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "并且",
+                          value: "and"
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "variableIsNull",
+                  label: "变量为空时",
+                  width: "120"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createVNode(_component_el_select, {
+                      modelValue: scope.row.variableIsNull,
+                      "onUpdate:modelValue": ($event) => scope.row.variableIsNull = $event,
+                      clearable: "",
+                      placeholder: "请选择"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_option, {
+                          label: "Null",
+                          value: "null"
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "忽略(1=1)",
+                          value: "ignore"
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "不符合(1<>1)",
+                          value: "notequal"
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  label: "操作",
+                  width: "60"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createVNode(_component_el_icon, {
+                      size: "14",
+                      style: { "color": "#5893EF", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px", "margin-left": "6px" },
+                      onClick: ($event) => addData(scope.row)
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(Icons.Plus))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]),
+                    vue.createVNode(_component_el_icon, {
+                      size: "14",
+                      style: { "color": "#5893EF", "cursor": "pointer" },
+                      onClick: ($event) => deleteData(scope.row)
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(Icons.Delete))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["data"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/common/common-advanced-basic-showcondition.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonAdvancedBasicShowcondition_vue_vue_type_script_setup_true_lang = require("./common-advanced-basic-showcondition.vue.js");
+module.exports = commonAdvancedBasicShowcondition_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/common/common-advanced-basic.vue.js

@@ -0,0 +1,40 @@
+"use strict";
+const vue = require("vue");
+const commonAdvancedBasicShowcondition_vue_vue_type_script_setup_true_lang = require("./common-advanced-basic-showcondition.vue.js");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-advanced-basic",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "通用设置",
+        name: "base",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_form_item, {
+              label: "显示条件",
+              class: "amb-design-attr-item"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(commonAdvancedBasicShowcondition_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/common/common-advanced-basic.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonAdvancedBasic_vue_vue_type_script_setup_true_lang = require("./common-advanced-basic.vue.js");
+module.exports = commonAdvancedBasic_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/common/common-attr-cursor.vue.js

@@ -0,0 +1,52 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-attr-cursor",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_radio = vue.resolveComponent("el-radio");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "鼠标手势",
+        name: "cursor",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_radio_group, {
+              modelValue: __props.configure.style.cursor,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.cursor = $event),
+              class: "ml-4"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_radio, { value: "default" }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("Default")
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_radio, { value: "pointer" }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("Pointer")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/common/common-attr-cursor.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonAttrCursor_vue_vue_type_script_setup_true_lang = require("./common-attr-cursor.vue.js");
+module.exports = commonAttrCursor_vue_vue_type_script_setup_true_lang;