super-page-designer 2.0.26 → 2.0.34

package/dist/es/components/design/views/assemblys/button/print-label/printlabel-attr-base.vue.js

@@ -0,0 +1,706 @@
+import { defineComponent, ref, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createTextVNode, withDirectives, vShow, createCommentVNode } from "vue";
+import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
+import _sfc_main$3 from "../../common/common-icon-bind.vue.js";
+import _sfc_main$1 from "../../common/common-function-code.vue.js";
+import _sfc_main$2 from "./print-template-select.vue.js";
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_3 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_4 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "printlabel-attr-base",
+  props: {
+    configure: {
+      type: Object,
+      default: () => ({ props: {} })
+    },
+    pageDesign: {
+      type: Object,
+      default: () => ({ props: {} })
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const openCollapseItems = ref(["base", "appearance", "otherSettings", "linkPage"]);
+    onMounted(() => {
+    });
+    function afterBindIcon(iconType, iconValue) {
+      props.configure.props.base.iconType = iconType;
+      props.configure.props.base.iconValue = iconValue;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      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_radio_button = resolveComponent("el-radio-button");
+      const _component_el_switch = resolveComponent("el-switch");
+      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[21] || (_cache[21] = ($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_select, {
+                          modelValue: __props.configure.name,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.name = $event),
+                          placeholder: "请选择"
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getFormComponentOptions)(), (item) => {
+                              return openBlock(), createBlock(_component_el_option, {
+                                key: item.name,
+                                label: item.label,
+                                value: item.name
+                              }, null, 8, ["label", "value"]);
+                            }), 128))
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 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[1] || (_cache[1] = ($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(_component_el_input, {
+                          modelValue: __props.configure.code,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.code = $event),
+                          placeholder: "请输入"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "绑定权限",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(), createBlock(_sfc_main$1, {
+                          key: __props.configure.uuid,
+                          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[3] || (_cache[3] = ($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.base.size,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($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[5] || (_cache[5] = ($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
+                    }),
+                    createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"])
+                  ])
+                ]),
+                _: 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_select, {
+                          modelValue: __props.configure.props.base.type,
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.base.type = $event),
+                          class: "ml-4",
+                          clearable: ""
+                        }, {
+                          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
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "图标",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(), createBlock(_sfc_main$3, {
+                          key: __props.configure.uuid,
+                          iconType: __props.configure.props.base.iconType,
+                          iconValue: __props.configure.props.base.iconValue,
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = (iconType, iconValue) => afterBindIcon(iconType, iconValue))
+                        }, null, 8, ["iconType", "iconValue"]))
+                      ]),
+                      _: 1
+                    }),
+                    withDirectives(createVNode(_component_el_form_item, {
+                      label: "图标位置",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.iconPosition,
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.props.base.iconPosition = $event),
+                          class: "ml-4"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio_button, { value: "left" }, {
+                              default: withCtx(() => [
+                                createTextVNode("标题前")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_radio_button, { value: "right" }, {
+                              default: withCtx(() => [
+                                createTextVNode("标题后")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }, 512), [
+                      [vShow, __props.configure.props.base.iconValue]
+                    ]),
+                    createVNode(_component_el_form_item, {
+                      label: "文字按钮",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.text,
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.configure.props.base.text = $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
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "朴素按钮",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.plain,
+                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => __props.configure.props.base.plain = $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
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "圆角按钮",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.round,
+                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => __props.configure.props.base.round = $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
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "加载状态",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.loading,
+                          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => __props.configure.props.base.loading = $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
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "默认聚焦",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.focus,
+                          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => __props.configure.props.base.focus = $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
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "原生type",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.originalType,
+                          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => __props.configure.props.base.originalType = $event),
+                          class: "ml-4"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio, { value: "button" }, {
+                              default: withCtx(() => [
+                                createTextVNode("button")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_radio, { value: "submit" }, {
+                              default: withCtx(() => [
+                                createTextVNode("submit")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_radio, { value: "reset" }, {
+                              default: withCtx(() => [
+                                createTextVNode("reset")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_collapse_item, {
+                title: "下拉按钮外观",
+                name: "dropdowAppearance",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_3, [
+                    createVNode(_component_el_form_item, {
+                      label: "触发行为",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.dropdown.trigger,
+                          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => __props.configure.props.dropdown.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.dropdown.triggerElement,
+                          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => __props.configure.props.dropdown.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.dropdown.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.dropdown.buttonType,
+                          "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => __props.configure.props.dropdown.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.dropdown.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.dropdown.splitButton,
+                          "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => __props.configure.props.dropdown.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.dropdown.placement,
+                          "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => __props.configure.props.dropdown.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
+              }),
+              createVNode(_component_el_collapse_item, {
+                title: "其他设置",
+                name: "otherSettings",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_4, [
+                    createVNode(_component_el_form_item, {
+                      label: "权限保护",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_switch, {
+                          modelValue: __props.configure.props.base.isPermission,
+                          "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => __props.configure.props.base.isPermission = $event),
+                          size: "default"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};