super-page-designer 0.0.2-tmp8 → 1.0.1

package/dist/lib/components/design/views/assemblys/data/component/attr-style.vue.js

@@ -0,0 +1,120 @@
+"use strict";
+const vue = require("vue");
+;/* empty css                                     */
+const rowBackgroudColor = require("./row-backgroud-color.vue.js");
+const commonStylePosition_vue_vue_type_script_setup_true_lang = require("../../common/common-style-position.vue.js");
+const commonStyleMargin_vue_vue_type_script_setup_true_lang = require("../../common/common-style-margin.vue.js");
+const commonStylePadding_vue_vue_type_script_setup_true_lang = require("../../common/common-style-padding.vue.js");
+const commonStyleBorder_vue_vue_type_script_setup_true_lang = require("../../common/common-style-border.vue.js");
+const commonStyleShadow_vue_vue_type_script_setup_true_lang = require("../../common/common-style-shadow.vue.js");
+const commonStyleCustom_vue_vue_type_script_setup_true_lang = require("../../common/common-style-custom.vue.js");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "attr-style",
+  props: {
+    configure: {
+      type: Object,
+      default: () => ({})
+      // 设置默认值
+    },
+    blankOption: {
+      type: Object,
+      default: {
+        showTittleFont: true,
+        // 是否显示标题字体
+        showBackground: true,
+        // 是否显示背景
+        showBorder: true,
+        // 是否显示边框
+        showShadow: true,
+        // 是否显示阴影
+        showClass: true,
+        // 是否显示class
+        showCustom: true
+        // 是否显示自定义
+      }
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(_component_el_collapse_item, {
+          title: "表头",
+          name: "tableHeader",
+          class: "amb-design-attr-group-header"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createVNode(_component_el_form_item, {
+                label: "表头Class",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_input, {
+                    modelValue: __props.configure.style.tableHeader.class,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.tableHeader.class = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_form_item, {
+                label: "表头Style",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_input, {
+                    modelValue: __props.configure.style.tableHeader.style,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.tableHeader.style = $event),
+                    style: { "width": "240px" },
+                    autosize: { minRows: 4 },
+                    type: "textarea",
+                    placeholder: "Please input"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        vue.createVNode(_component_el_collapse_item, {
+          title: "行背景颜色动态设置",
+          name: "rowBackgroundColor",
+          class: "amb-design-attr-group-header"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(rowBackgroudColor, {
+              list: __props.configure.style.rowStyle
+            }, null, 8, ["list"])
+          ]),
+          _: 1
+        }),
+        vue.createVNode(commonStylePosition_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]),
+        __props.blankOption.showMargin ? (vue.openBlock(), vue.createBlock(commonStyleMargin_vue_vue_type_script_setup_true_lang, {
+          key: 0,
+          configure: __props.configure
+        }, null, 8, ["configure"])) : vue.createCommentVNode("", true),
+        __props.blankOption.showPadding ? (vue.openBlock(), vue.createBlock(commonStylePadding_vue_vue_type_script_setup_true_lang, {
+          key: 1,
+          configure: __props.configure
+        }, null, 8, ["configure"])) : vue.createCommentVNode("", true),
+        __props.blankOption.showBorder ? (vue.openBlock(), vue.createBlock(commonStyleBorder_vue_vue_type_script_setup_true_lang, {
+          key: 2,
+          configure: __props.configure
+        }, null, 8, ["configure"])) : vue.createCommentVNode("", true),
+        __props.blankOption.showShadow ? (vue.openBlock(), vue.createBlock(commonStyleShadow_vue_vue_type_script_setup_true_lang, {
+          key: 3,
+          configure: __props.configure
+        }, null, 8, ["configure"])) : vue.createCommentVNode("", true),
+        __props.blankOption.showCustom ? (vue.openBlock(), vue.createBlock(commonStyleCustom_vue_vue_type_script_setup_true_lang, {
+          key: 4,
+          configure: __props.configure
+        }, null, 8, ["configure"])) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/data/component/attr-style.vue2.js

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

package/dist/lib/components/design/views/assemblys/data/component/column-config.vue.js

@@ -0,0 +1,438 @@
+"use strict";
+const vue = require("vue");
+const assemblysConfig = require("../../../../utils/assemblys-config.js");
+const commonUtil = require("../../../../utils/common-util.js");
+require("element-plus");
+const iconsVue = require("@element-plus/icons-vue");
+const dataTableUtil = require("../../../../utils/data-table-util.js");
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("span", { style: { "color": "red" } }, "*", -1);
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { key: 0 };
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = { key: 0 };
+const _hoisted_10 = { key: 0 };
+const _hoisted_11 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "column-config",
+  props: {
+    configure: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["close", "setConfigure"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const tableData = vue.ref([
+      {
+        columnName: "columnName",
+        variableName: "variableName",
+        moduleType: "1",
+        show: true,
+        export: false,
+        align: "center",
+        disabled: false
+      }
+    ]);
+    if (props.configure) {
+      tableData.value = dataTableUtil.getColumnsWithGroupHeader(props.configure);
+      console.log("%c描述-140200", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", tableData.value);
+    }
+    function add() {
+      let obj = {
+        uuid: commonUtil.getUuidv4(),
+        name: "",
+        props: {
+          base: { name: "", visible: true, tittleShow: true, displayOrder: 1, sortable: true },
+          size: {},
+          editLine: {
+            plugType: "input-text"
+          },
+          scan: {},
+          preSuffix: {},
+          verification: {},
+          dataOrigin: {
+            sortField: [{ name: "", type: "" }],
+            staticState: [{ label: "选项1", vaule: 1 }],
+            displayQuantity: 20
+          },
+          defaultValue: {},
+          inParameter: {},
+          title: {},
+          definition: {},
+          uploadConfig: {},
+          singleWidth: {},
+          suffixModule: {},
+          querySetting: {},
+          orgFields: [{ type: "", model: "" }],
+          format: `{"type":"","icon":"111","suffixModule":{"staticStates":[]},"jumpPageAdditional":{"staticStates":[]}}`
+        },
+        events: [
+          { name: "show", label: "列表显示", tip: "列表显示回调方法" },
+          { name: "hidden", label: "列表隐藏", tip: "列表隐藏回调方法" }
+        ],
+        style: {
+          titleFont: {},
+          contentFont: {},
+          width: {},
+          background: {},
+          tableCell: [{ value: "", label: "" }],
+          conentPadding: {},
+          tittlePadding: {},
+          border: {},
+          shadow: {},
+          tittleClass: ""
+        }
+      };
+      tableData.value.push(obj);
+    }
+    function remove(row) {
+      tableData.value = tableData.value.filter((item) => item != row);
+    }
+    function moveTop(rowItem) {
+      let sortIndex = queryIndex(rowItem);
+      if (sortIndex < 1) {
+        return;
+      }
+      const items = tableData.value;
+      [items[sortIndex - 1], items[sortIndex]] = [items[sortIndex], items[sortIndex - 1]];
+    }
+    function queryIndex(rowItem) {
+      let sortIndex = -1;
+      const itemLen = tableData.value.length;
+      for (let index = 0; index < itemLen; index++) {
+        if (tableData.value[index].uuid == rowItem.uuid) {
+          sortIndex = index;
+          break;
+        }
+      }
+      return sortIndex;
+    }
+    function moveToBottom(rowItem) {
+      let sortIndex = queryIndex(rowItem);
+      if (sortIndex == -1 || tableData.value.length == sortIndex + 1) {
+        return;
+      }
+      const items = tableData.value;
+      [items[sortIndex], items[sortIndex + 1]] = [items[sortIndex + 1], items[sortIndex]];
+    }
+    function setColumnConfig() {
+      emit("setConfigure", tableData.value);
+    }
+    function getTableHeaderName(item) {
+      let nameValue = "";
+      if (item.children && item.children.length > 0) {
+        nameValue = item.titleText;
+      } else if (item.props && item.props.base.name && item.props.base.name.length > 0) {
+        nameValue = item.props.base.name;
+      } else {
+        nameValue = item.titleText;
+      }
+      return nameValue;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_input = vue.resolveComponent("el-input");
+      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_table = vue.resolveComponent("el-table");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createVNode(_component_el_dialog, {
+          "model-value": "",
+          title: "快捷设置",
+          width: "70%",
+          "close-on-click-modal": false,
+          onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              style: { "margin": "8px 0" },
+              onClick: setColumnConfig
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("确定")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_table, {
+              data: tableData.value,
+              "row-key": "uuid",
+              style: { "width": "100%" },
+              "default-expand-all": ""
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_table_column, {
+                  type: "index",
+                  label: "序号",
+                  align: "center",
+                  width: "60"
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  label: "操作",
+                  align: "center",
+                  width: "180"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
+                      vue.createVNode(_component_el_button, {
+                        type: "primary",
+                        plain: "",
+                        onClick: add
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode("添加")
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_button, {
+                        type: "danger",
+                        plain: "",
+                        onClick: ($event) => remove(scope.row)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode("删除")
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ])) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, { align: "center" }, {
+                  default: vue.withCtx((scope) => [
+                    vue.createVNode(_component_el_icon, {
+                      size: "14",
+                      style: { "cursor": "pointer" },
+                      onClick: ($event) => moveTop(scope.row)
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(iconsVue.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(vue.unref(iconsVue.Bottom))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, { align: "center" }, {
+                  header: vue.withCtx(() => [
+                    vue.createTextVNode(" 列名 "),
+                    _hoisted_2
+                  ]),
+                  default: vue.withCtx((scope) => [
+                    scope.row.children && scope.row.children.length > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(getTableHeaderName(scope.row)), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [
+                      vue.createVNode(_component_el_input, {
+                        modelValue: scope.row.props.base.name,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.name = $event
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]))
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  label: "变量名",
+                  align: "center"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, [
+                      vue.createVNode(_component_el_input, {
+                        modelValue: scope.row.props.base.prop,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.prop = $event
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ])) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  label: "显示",
+                  align: "center"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
+                      vue.createVNode(_component_el_switch, {
+                        modelValue: scope.row.props.base.visible,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.visible = $event
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ])) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  label: "编辑组件",
+                  align: "center"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, [
+                      vue.createVNode(_component_el_select, {
+                        modelValue: scope.row.name,
+                        "onUpdate:modelValue": ($event) => scope.row.name = $event,
+                        placeholder: "请选择"
+                      }, {
+                        default: vue.withCtx(() => [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(assemblysConfig.getFormComponentOptions)(), (item) => {
+                            return vue.openBlock(), vue.createBlock(_component_el_option, {
+                              key: item.name,
+                              label: item.label,
+                              value: item.name
+                            }, null, 8, ["label", "value"]);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ])) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  label: "导出",
+                  align: "center"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, [
+                      vue.createVNode(_component_el_switch, {
+                        modelValue: scope.row.props.base.exportable,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.exportable = $event
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ])) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  label: "标题对齐",
+                  align: "center"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9, [
+                      vue.createVNode(_component_el_select, {
+                        modelValue: scope.row.props.base.alignTittle,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.alignTittle = $event
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_option, { value: "left" }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("居左")
+                            ]),
+                            _: 1
+                          }),
+                          vue.createVNode(_component_el_option, { value: "center" }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("居中")
+                            ]),
+                            _: 1
+                          }),
+                          vue.createVNode(_component_el_option, { value: "right" }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("居右")
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ])) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  label: "内容对齐",
+                  align: "center"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, [
+                      vue.createVNode(_component_el_select, {
+                        modelValue: scope.row.props.base.alignContent,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.alignContent = $event
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_option, { value: "left" }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("居左")
+                            ]),
+                            _: 1
+                          }),
+                          vue.createVNode(_component_el_option, { value: "center" }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("居中")
+                            ]),
+                            _: 1
+                          }),
+                          vue.createVNode(_component_el_option, { value: "right" }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("居右")
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ])) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  label: "固定列",
+                  align: "center"
+                }, {
+                  default: vue.withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, [
+                      vue.createVNode(_component_el_select, {
+                        modelValue: scope.row.props.base.listColumnFixed,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.listColumnFixed = $event
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_option, { value: "left" }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("居左")
+                            ]),
+                            _: 1
+                          }),
+                          vue.createVNode(_component_el_option, { value: "center" }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("居中")
+                            ]),
+                            _: 1
+                          }),
+                          vue.createVNode(_component_el_option, { value: "right" }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("居右")
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ])) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["data"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/data/component/column-config.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const columnConfig_vue_vue_type_script_setup_true_lang = require("./column-config.vue.js");
+module.exports = columnConfig_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/data/component/composite-header.css

@@ -0,0 +1,37 @@
+
+li[data-v-73667c88] {
+  color: #333;
+}
+.context-menu[data-v-73667c88] {
+  position: fixed;
+  background: #fff;
+  z-index: 999;
+  padding: 5px;
+  margin: 0;
+  margin-top: 30px;
+}
+.context-menu li[data-v-73667c88] {
+  min-width: 75px;
+  height: 28px;
+  line-height: 28px;
+  text-align: left;
+  color: #1a1a1a;
+  cursor: pointer;
+}
+
+/*.context-menu li:hover {*/
+/*  background: #5893ef;*/
+/*  color: #fff;*/
+/*}*/
+.context-menuLi[data-v-73667c88]:hover{
+	background: #5893ef;
+	color: #fff;
+}
+.context-menu[data-v-73667c88] {
+  border: 1px solid #eee;
+  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+}
+li[data-v-73667c88] {
+  list-style-type: none;
+}

package/dist/lib/components/design/views/assemblys/data/component/composite-header.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const compositeHeader_vue_vue_type_script_setup_true_lang = require("./composite-header.vue2.js");
+;/* empty css                       */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const CompositeHeader = /* @__PURE__ */ _pluginVue_exportHelper(compositeHeader_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-73667c88"]]);
+module.exports = CompositeHeader;