super-page-designer 0.0.2-tmp9 → 1.0.2

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

@@ -0,0 +1,1218 @@
+"use strict";
+const vue = require("vue");
+const assemblysConfig = require("../../../../utils/assemblys-config.js");
+const dataOrigin = require("../component/data-origin.vue.js");
+const commonAttrSize_vue_vue_type_script_setup_true_lang = require("../../common/common-attr-size.vue.js");
+const dataLinkage_vue_vue_type_script_setup_true_lang = require("../../form/common/data-linkage.vue.js");
+const commonVariableBind = require("../../common/common-variable-bind.vue.js");
+const commonUtil = require("../../../../utils/common-util.js");
+require("../../../../utils/eventBus.js");
+require("agilebuilder-ui/src/utils/request");
+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: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_5 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_6 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "table-attr-base",
+  props: {
+    pageDesign: {
+      type: Object,
+      default: () => ({ props: {} })
+    },
+    configure: {
+      type: Object,
+      default: () => ({ props: {} })
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const openCollapseItems = vue.ref([]);
+    vue.watch(() => props.configure.props.base.selection, (newVal) => {
+      if (newVal) {
+        let selectColumn = {
+          uuid: commonUtil.getUuidv4(),
+          name: "",
+          props: {
+            base: { name: "复选框", prop: "$selection", tittleShow: true, columnWidth: 80, sortable: true },
+            size: {},
+            editLine: {},
+            scan: {},
+            preSuffix: {},
+            verification: {},
+            dataOrigin: {
+              sortField: [{ name: "", type: "" }],
+              staticState: [{ label: "选项1", vaule: 1 }],
+              displayQuantity: 20
+            },
+            defaultValue: {},
+            inParameter: {},
+            title: {},
+            definition: {},
+            uploadConfig: {},
+            singleWidth: {},
+            suffixModule: {},
+            querySetting: {},
+            formatting: {
+              type: "",
+              suffixModule: {
+                jumpPageAdditional: [],
+                icon: "111"
+              }
+            }
+          },
+          events: [
+            { name: "show", label: "列表显示", tip: "列表显示回调方法" },
+            { name: "hidden", label: "列表隐藏", tip: "列表隐藏回调方法" }
+          ],
+          style: {
+            titleFont: {},
+            contentFont: {},
+            width: {},
+            background: {},
+            conentPadding: {},
+            tittlePadding: {},
+            border: {},
+            shadow: {},
+            tittleClass: ""
+          }
+        };
+        props.configure.items.splice(0, 0, selectColumn);
+      } else {
+        if (props.configure.items[0].props.base.prop === "$selection") {
+          props.configure.items.splice(0, 1);
+        }
+      }
+    });
+    vue.watch(() => props.configure.props.base.showIndex, (newVal) => {
+      if (newVal) {
+        let indexColumn = {
+          uuid: commonUtil.getUuidv4(),
+          name: "",
+          props: {
+            base: { name: "序号", prop: "$index", tittleShow: true, columnWidth: 80, sortable: true },
+            size: {},
+            editLine: {},
+            scan: {},
+            preSuffix: {},
+            verification: {},
+            dataOrigin: {
+              sortField: [{ name: "", type: "" }],
+              staticState: [{ label: "选项1", vaule: 1 }],
+              displayQuantity: 20
+            },
+            defaultValue: {},
+            inParameter: {},
+            title: {},
+            definition: {},
+            uploadConfig: {},
+            singleWidth: {},
+            suffixModule: {},
+            querySetting: {},
+            formatting: {
+              type: "",
+              suffixModule: {
+                jumpPageAdditional: [],
+                icon: "111"
+              }
+            }
+          },
+          events: [
+            { name: "show", label: "列表显示", tip: "列表显示回调方法" },
+            { name: "hidden", label: "列表隐藏", tip: "列表隐藏回调方法" }
+          ],
+          style: {
+            titleFont: {},
+            contentFont: {},
+            width: {},
+            background: {},
+            tableCell: [{ type: "", model: "" }],
+            conentPadding: {},
+            tittlePadding: {},
+            border: {},
+            shadow: {},
+            tittleClass: ""
+          }
+        };
+        if (props.configure.items[0].props.base.prop === "$selection") {
+          props.configure.items.splice(1, 0, indexColumn);
+        } else {
+          props.configure.items.splice(0, 0, indexColumn);
+        }
+      } else {
+        let delIndex = null;
+        props.configure.items.forEach((item, index) => {
+          if (item.props.base.prop === "$index") {
+            delIndex = index;
+          }
+        });
+        if (delIndex != null) {
+          props.configure.items.splice(delIndex, 1);
+        }
+      }
+    });
+    vue.watch(() => props.configure.props.base.showOperation, (newVal) => {
+      if (newVal) {
+        let selectColumn = {
+          uuid: commonUtil.getUuidv4(),
+          name: "",
+          props: {
+            base: { name: "操作", title: "操作", prop: "operation", tittleShow: true, columnWidth: 150, sortable: true },
+            size: {},
+            editLine: {},
+            scan: {},
+            preSuffix: {},
+            verification: {},
+            dataOrigin: {
+              sortField: [{ name: "", type: "" }],
+              staticState: [{ label: "选项1", vaule: 1 }],
+              displayQuantity: 20
+            },
+            defaultValue: {},
+            inParameter: {},
+            title: {},
+            definition: {},
+            uploadConfig: {},
+            singleWidth: {},
+            suffixModule: {},
+            querySetting: {},
+            formatting: {
+              type: "",
+              suffixModule: {
+                jumpPageAdditional: [],
+                icon: "111"
+              }
+            }
+          },
+          events: [
+            { name: "show", label: "列表显示", tip: "列表显示回调方法" },
+            { name: "hidden", label: "列表隐藏", tip: "列表隐藏回调方法" }
+          ],
+          style: {
+            titleFont: {},
+            contentFont: {},
+            width: {},
+            background: {},
+            conentPadding: {},
+            tittlePadding: {},
+            border: {},
+            shadow: {},
+            tittleClass: ""
+          }
+        };
+        props.configure.items.push(selectColumn);
+      } else {
+        let delIndex = null;
+        props.configure.items.forEach((item, index) => {
+          if (item.props.base.prop === "operation") {
+            delIndex = index;
+          }
+        });
+        if (delIndex != null) {
+          props.configure.items.splice(delIndex, 1);
+        }
+      }
+    });
+    function afterBindVariable(modelValue) {
+      props.configure.props.base.prop = modelValue;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      const _component_el_radio = vue.resolveComponent("el-radio");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_switch = vue.resolveComponent("el-switch");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      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(_component_el_collapse, {
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[35] || (_cache[35] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_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(_component_el_select, {
+                          modelValue: __props.configure.name,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.name = $event),
+                          disabled: "",
+                          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))
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "唯一编码",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.uuid,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.uuid = $event),
+                          readonly: "",
+                          title: __props.configure.uuid
+                        }, null, 8, ["modelValue", "title"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "绑定变量",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(commonVariableBind, {
+                          modelValue: __props.configure.props.base.prop,
+                          paramTypes: ["data", "page"],
+                          "onUpdate:modelValue": afterBindVariable
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "标题",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.title,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.title = $event),
+                          title: __props.configure.tittle
+                        }, null, 8, ["modelValue", "title"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "列表内容Url",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.props.base.urlToListData,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.base.urlToListData = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "备注",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.props.base.remark,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.props.base.remark = $event),
+                          rows: 3,
+                          type: "textarea"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(dataOrigin, {
+                title: "数据",
+                pageDesign: __props.pageDesign,
+                configure: __props.configure,
+                remote: false
+              }, {
+                bottom: vue.withCtx((scope) => [
+                  vue.createVNode(_component_el_form_item, {
+                    label: "行主键字段",
+                    class: "amb-design-attr-item"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_select, {
+                        modelValue: scope.row.principalLinkage,
+                        "onUpdate:modelValue": ($event) => scope.row.principalLinkage = $event,
+                        placeholder: "Select"
+                      }, {
+                        default: vue.withCtx(() => [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(scope.row.modelFields, (Ttime, index) => {
+                            return vue.openBlock(), vue.createBlock(_component_el_option, {
+                              key: index,
+                              label: Ttime.alias,
+                              value: Ttime.name
+                            }, null, 8, ["label", "value"]);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 1
+              }, 8, ["pageDesign", "configure"]),
+              vue.createVNode(_component_el_collapse_item, {
+                title: "外观",
+                name: "appearance",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_2, [
+                    vue.createVNode(_component_el_form_item, {
+                      label: "支持多选",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.selection,
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.props.base.selection = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "显示序列",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.showIndex,
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.base.showIndex = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    __props.configure.props.base.showIndex ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 0,
+                      label: "序号连续",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.serialNumberContinuous,
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.props.base.serialNumberContinuous = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "显示操作列",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.showOperation,
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.props.base.showOperation = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "显示效果",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.displayEffect,
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.configure.props.base.displayEffect = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: "default" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("默认")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: "covered" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("铺满")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "显示表头",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.showHeader,
+                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => __props.configure.props.base.showHeader = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "标题对齐",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.alignTittle,
+                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => __props.configure.props.base.alignTittle = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: "left" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("居左")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: "center" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("居中")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: "right" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("居右")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "内容对齐",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.alignContent,
+                          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => __props.configure.props.base.alignContent = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: "left" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("居左")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: "center" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("居中")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: "right" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("居右")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "锁住表头",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.immobilizationHeader,
+                          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => __props.configure.props.base.immobilizationHeader = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "锁住底部",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.immobilizationBottom,
+                          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => __props.configure.props.base.immobilizationBottom = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "纵向边框",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.border,
+                          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => __props.configure.props.base.border = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "带斑马纹",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.stripe,
+                          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => __props.configure.props.base.stripe = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "列宽自撑开",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.fit,
+                          "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => __props.configure.props.base.fit = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "高亮当前行",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.highlightCurrentRow,
+                          "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => __props.configure.props.base.highlightCurrentRow = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "是否换行",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.otherSettings.isBreakLine,
+                          "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => __props.configure.props.otherSettings.isBreakLine = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "启用回车",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.otherSettings.isEnableEnterEvent,
+                          "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => __props.configure.props.otherSettings.isEnableEnterEvent = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "可自定义",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.custom,
+                          "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => __props.configure.props.base.custom = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "空数据文本",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.props.base.emptyText,
+                          "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => __props.configure.props.base.emptyText = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "合计方式",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.totalType,
+                          "onUpdate:modelValue": _cache[23] || (_cache[23] = ($event) => __props.configure.props.base.totalType = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: "no" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("不合计")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: "current" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("当前页")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: "all" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("所有页")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "字段配置",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: __props.configure.props.base.customConfig,
+                          "onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => __props.configure.props.base.customConfig = $event),
+                          "active-text": "使用",
+                          "inactive-text": "不使用"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_collapse_item, {
+                title: "查询设置",
+                name: "querySetting",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_3, [
+                    vue.createVNode(_component_el_form_item, {
+                      label: "显示方式",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_select, {
+                          modelValue: __props.configure.props.base.popUp,
+                          "onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => __props.configure.props.base.popUp = $event),
+                          clearable: "",
+                          style: { "width": "100%" }
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_option, {
+                              label: "弹出式",
+                              value: true
+                            }),
+                            vue.createVNode(_component_el_option, {
+                              label: "嵌入式",
+                              value: false
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "Label位置",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_select, {
+                          modelValue: __props.configure.props.base.queryLabelPosition,
+                          "onUpdate:modelValue": _cache[26] || (_cache[26] = ($event) => __props.configure.props.base.queryLabelPosition = $event),
+                          clearable: ""
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_option, {
+                              label: "左",
+                              value: "left"
+                            }),
+                            vue.createVNode(_component_el_option, {
+                              label: "右",
+                              value: "right"
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_collapse_item, {
+                title: "行设置",
+                name: "editSetting",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_4, [
+                    vue.createVNode(_component_el_form_item, {
+                      label: "启用编辑",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: __props.configure.props.base.editable,
+                          "onUpdate:modelValue": _cache[27] || (_cache[27] = ($event) => __props.configure.props.base.editable = $event),
+                          "active-text": "使用",
+                          "inactive-text": "不使用"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_collapse_item, {
+                title: "列设置",
+                name: "columnSetting",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_5, [
+                    vue.createVNode(_component_el_form_item, {
+                      label: "是否可以拖拽列",
+                      class: "amb-design-attr-item-linefeed-two"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: __props.configure.props.base.isDragColumn,
+                          "onUpdate:modelValue": _cache[28] || (_cache[28] = ($event) => __props.configure.props.base.isDragColumn = $event),
+                          "active-text": "是",
+                          "inactive-text": "否"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_collapse_item, {
+                title: "分页设置",
+                name: "paging",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_6, [
+                    vue.createVNode(_component_el_form_item, {
+                      label: "支持分页",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.subPaging,
+                          "onUpdate:modelValue": _cache[29] || (_cache[29] = ($event) => __props.configure.props.base.subPaging = $event)
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    __props.configure.props.base.subPaging ? (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: __props.configure.props.base.pageSize,
+                          "onUpdate:modelValue": _cache[30] || (_cache[30] = ($event) => __props.configure.props.base.pageSize = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true),
+                    __props.configure.props.base.subPaging ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 1,
+                      label: "可选行数",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.props.base.pageSizes,
+                          "onUpdate:modelValue": _cache[31] || (_cache[31] = ($event) => __props.configure.props.base.pageSizes = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true),
+                    __props.configure.props.base.subPaging ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 2,
+                      label: "可选项",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_checkbox_group, {
+                          modelValue: __props.configure.props.base.layout,
+                          "onUpdate:modelValue": _cache[32] || (_cache[32] = ($event) => __props.configure.props.base.layout = $event)
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_checkbox, {
+                              label: "总条数",
+                              value: "total"
+                            }),
+                            vue.createVNode(_component_el_checkbox, {
+                              label: "每页大小选项列表",
+                              value: "sizes"
+                            }),
+                            vue.createVNode(_component_el_checkbox, {
+                              label: "上一页",
+                              value: "prev"
+                            }),
+                            vue.createVNode(_component_el_checkbox, {
+                              label: "跳转页码",
+                              value: "pager"
+                            }),
+                            vue.createVNode(_component_el_checkbox, {
+                              label: "下一页",
+                              value: "next"
+                            }),
+                            vue.createVNode(_component_el_checkbox, {
+                              label: "跳转指定页",
+                              value: "jumper"
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true),
+                    __props.configure.props.base.subPaging ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 3,
+                      label: "总页数变量",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.props.base.pageCount,
+                          "onUpdate:modelValue": _cache[33] || (_cache[33] = ($event) => __props.configure.props.base.pageCount = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true),
+                    __props.configure.props.base.subPaging ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 4,
+                      label: "总条数变量",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.props.base.total,
+                          "onUpdate:modelValue": _cache[34] || (_cache[34] = ($event) => __props.configure.props.base.total = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true)
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(dataLinkage_vue_vue_type_script_setup_true_lang, {
+                configureProps: __props.configure.props
+              }, null, 8, ["configureProps"]),
+              vue.createVNode(commonAttrSize_vue_vue_type_script_setup_true_lang, {
+                size: __props.configure.props.size,
+                showMaxHeight: true
+              }, null, 8, ["size"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;