super-page-designer 0.0.1-tmp1

package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr-base.vue.js

@@ -0,0 +1,426 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString, withDirectives, vShow, createCommentVNode } from "vue";
+import _sfc_main$2 from "../../form/common/row-ul-li.vue.js";
+import BindVariable from "../../common/common-variable-bind.vue.js";
+import _sfc_main$1 from "../../common/common-function-code.vue.js";
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dropdown-attr-base",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    default: () => ({ props: {} })
+  },
+  setup(__props) {
+    const props = __props;
+    if (!props.configure.props.dataOrigin) {
+      props.configure.props.dataOrigin = {};
+    }
+    const openCollapseItems = ref(["base", "appearance"]);
+    function afterBindVariable(modelValue) {
+      props.configure.props.base.menuField = modelValue;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_text = resolveComponent("el-text");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_radio_group = resolveComponent("el-radio-group");
+      const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_collapse = resolveComponent("el-collapse");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_collapse, {
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_collapse_item, {
+                title: "基本",
+                name: "base",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    createVNode(_component_el_form_item, {
+                      label: "组件类型",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_text, null, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(__props.configure.label) + "(" + toDisplayString(__props.configure.name) + ")", 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "唯一编码",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: __props.configure.uuid,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.uuid = $event),
+                          readonly: "",
+                          title: __props.configure.uuid
+                        }, null, 8, ["modelValue", "title"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "绑定权限",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "标题",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: __props.configure.props.base.title,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.base.title = $event),
+                          placeholder: "请输入"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "菜单数据",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.dataOrigin.optionValueSetType,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.dataOrigin.optionValueSetType = $event)
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio, { value: "static" }, {
+                              default: withCtx(() => [
+                                createTextVNode("静态数据")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_radio, { value: "variable" }, {
+                              default: withCtx(() => [
+                                createTextVNode("绑定变量")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    withDirectives(createVNode(_sfc_main$2, {
+                      style: { "margin-bottom": "10px", "border-top": "1px solid var(--el-border-color-lighter)" },
+                      dataOrigin: __props.configure.props.dataOrigin,
+                      type: "dropdown",
+                      leftTittle: "编码",
+                      rightTittle: "显示名称"
+                    }, null, 8, ["dataOrigin"]), [
+                      [vShow, !__props.configure.props.dataOrigin.optionValueSetType || __props.configure.props.dataOrigin.optionValueSetType === "static"]
+                    ]),
+                    withDirectives(createVNode(_component_el_form_item, {
+                      label: "选择变量",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(BindVariable, {
+                          modelValue: __props.configure.props.base.menuField,
+                          paramTypes: ["data", "page"],
+                          "onUpdate:modelValue": afterBindVariable
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }, 512), [
+                      [vShow, __props.configure.props.dataOrigin.optionValueSetType === "variable"]
+                    ]),
+                    createVNode(_component_el_form_item, {
+                      label: "尺寸",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.size,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.base.size = $event),
+                          class: "ml-4"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio, { value: "large" }, {
+                              default: withCtx(() => [
+                                createTextVNode("大")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_radio, { value: "default" }, {
+                              default: withCtx(() => [
+                                createTextVNode("中")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_radio, { value: "small" }, {
+                              default: withCtx(() => [
+                                createTextVNode("小")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "状态",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.state,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.props.base.state = $event),
+                          class: "ml-4"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio, { value: "default" }, {
+                              default: withCtx(() => [
+                                createTextVNode("普通")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_radio, { value: "disabled" }, {
+                              default: withCtx(() => [
+                                createTextVNode("禁用")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_collapse_item, {
+                title: "外观",
+                name: "appearance",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_2, [
+                    createVNode(_component_el_form_item, {
+                      label: "触发行为",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.trigger,
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.props.base.trigger = $event),
+                          class: "ml-4"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio, { value: "hover" }, {
+                              default: withCtx(() => [
+                                createTextVNode("鼠标移动")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_radio, { value: "click" }, {
+                              default: withCtx(() => [
+                                createTextVNode("鼠标点击")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "呈现元素",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.triggerElement,
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.base.triggerElement = $event),
+                          class: "ml-4"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio, { value: "button" }, {
+                              default: withCtx(() => [
+                                createTextVNode("按钮")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_radio, { value: "text" }, {
+                              default: withCtx(() => [
+                                createTextVNode("文本")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    __props.configure.props.base.triggerElement == "button" ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 0,
+                      label: "按钮类型",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_select, {
+                          modelValue: __props.configure.props.base.buttonType,
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.props.base.buttonType = $event),
+                          class: "ml-4"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_option, {
+                              label: "primary",
+                              value: "primary"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "success",
+                              value: "success"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "warning",
+                              value: "warning"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "danger",
+                              value: "danger"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "info",
+                              value: "info"
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true),
+                    __props.configure.props.base.triggerElement == "button" ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 1,
+                      label: "分隔符",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.splitButton,
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.props.base.splitButton = $event),
+                          class: "ml-4"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio, { value: true }, {
+                              default: withCtx(() => [
+                                createTextVNode("是")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_radio, { value: false }, {
+                              default: withCtx(() => [
+                                createTextVNode("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true),
+                    createVNode(_component_el_form_item, {
+                      label: "弹出位置",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_select, {
+                          modelValue: __props.configure.props.base.placement,
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.configure.props.base.placement = $event),
+                          clearable: "",
+                          class: "ml-4"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_option, { value: "bottom" }, {
+                              default: withCtx(() => [
+                                createTextVNode("bottom")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_option, { value: "top" }, {
+                              default: withCtx(() => [
+                                createTextVNode("top")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_option, { value: "top-start" }, {
+                              default: withCtx(() => [
+                                createTextVNode("top-start")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_option, { value: "top-end" }, {
+                              default: withCtx(() => [
+                                createTextVNode("top-end")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_option, { value: "bottom-start" }, {
+                              default: withCtx(() => [
+                                createTextVNode("bottom-start")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_option, { value: "bottom-end" }, {
+                              default: withCtx(() => [
+                                createTextVNode("bottom-end")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr-base.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./dropdown-attr-base.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr-event.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref } from "vue";
+import AttrEvent from "../../form/common/attr-event.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dropdown-attr-event",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    const props = __props;
+    const events = props.configure.events;
+    return (_ctx, _cache) => {
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          createVNode(AttrEvent, {
+            configure: __props.configure,
+            events: unref(events)
+          }, null, 8, ["configure", "events"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr-event.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./dropdown-attr-event.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr-style.vue.js

@@ -0,0 +1,60 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
+import _sfc_main$1 from "../../form/common/attr-style.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dropdown-attr-style",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    const blankOption = {
+      showTittleFont: false,
+      // 是否显示标题字体
+      showBackground: false,
+      // 是否显示背景
+      showPosition: true,
+      // 是否显示定位
+      showMargin: true,
+      // 是否显示外边距
+      showPadding: false,
+      // 是否显示内边距
+      showBorder: false,
+      // 是否显示边框
+      showShadow: false,
+      // 是否显示阴影
+      showCursor: false,
+      // 是否显示鼠标手势
+      showClass: false,
+      // 是否显示class
+      showCustom: false
+      // 是否显示自定义
+    };
+    return (_ctx, _cache) => {
+      const _component_el_collapse = resolveComponent("el-collapse");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_collapse, {
+            modelValue: _ctx.openCollapseItems,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.openCollapseItems = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1, {
+                blankOption,
+                configure: __props.configure
+              }, null, 8, ["configure"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr-style.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./dropdown-attr-style.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr.vue.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./dropdown-attr.vue2.js";
+/* empty css                   */
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr.vue2.js

@@ -0,0 +1,46 @@
+import { defineComponent, ref, openBlock, createElementBlock, createVNode, unref, isRef, createElementVNode, withDirectives, vShow } from "vue";
+import _sfc_main$1 from "./dropdown-attr-base.vue.js";
+import _sfc_main$2 from "./dropdown-attr-style.vue.js";
+import AttrHeader from "../../form/common/attr-header.vue.js";
+import _sfc_main$3 from "./dropdown-attr-event.vue.js";
+import _sfc_main$4 from "./dropdown-attr-advanced.vue.js";
+const _hoisted_1 = { class: "amb-design-attr-content" };
+const _hoisted_2 = { class: "amb-design-attr-list" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dropdown-attr",
+  props: {
+    configure: {
+      type: Object,
+      default: () => ({ title: "Text", props: { type: "input-text" } })
+      // 设置默认值
+    }
+  },
+  setup(__props) {
+    let currentConfigType = ref("base");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(AttrHeader, {
+          modelValue: unref(currentConfigType),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(currentConfigType) ? currentConfigType.value = $event : currentConfigType = $event)
+        }, null, 8, ["modelValue"]),
+        createElementVNode("div", _hoisted_2, [
+          withDirectives(createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vShow, unref(currentConfigType) === "base"]
+          ]),
+          withDirectives(createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vShow, unref(currentConfigType) === "style"]
+          ]),
+          withDirectives(createVNode(_sfc_main$3, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vShow, unref(currentConfigType) === "event"]
+          ]),
+          withDirectives(createVNode(_sfc_main$4, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vShow, unref(currentConfigType) === "advanced"]
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-design.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./dropdown-design.vue2.js";
+export {
+  _sfc_main as default
+};