super-page-designer 0.0.2-tmp8 → 1.0.1

package/dist/lib/components/design/views/assemblys/form/custom/custom-attr-event.vue.js

@@ -0,0 +1,29 @@
+"use strict";
+const vue = require("vue");
+const attrEvent = require("../common/attr-event.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "custom-attr-event",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    const props = __props;
+    const events = props.configure.events;
+    return (_ctx, _cache) => {
+      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(attrEvent, {
+            configure: __props.configure,
+            events: vue.unref(events)
+          }, null, 8, ["configure", "events"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/form/custom/custom-attr-event.vue2.js

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

package/dist/lib/components/design/views/assemblys/form/custom/custom-attr-style.vue.js

@@ -0,0 +1,34 @@
+"use strict";
+const vue = require("vue");
+const attrStyle_vue_vue_type_script_setup_true_lang = require("../common/attr-style.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "custom-attr-style",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      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: _ctx.openCollapseItems,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.openCollapseItems = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(attrStyle_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/form/custom/custom-attr-style.vue2.js

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

package/dist/lib/components/design/views/assemblys/form/custom/custom-attr.vue.js

@@ -0,0 +1,4 @@
+"use strict";
+const customAttr_vue_vue_type_script_setup_true_lang = require("./custom-attr.vue2.js");
+;/* empty css                  */
+module.exports = customAttr_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/form/custom/custom-attr.vue2.js

@@ -0,0 +1,42 @@
+"use strict";
+const vue = require("vue");
+const customAttrBase_vue_vue_type_script_setup_true_lang = require("./custom-attr-base.vue.js");
+const customAttrStyle_vue_vue_type_script_setup_true_lang = require("./custom-attr-style.vue.js");
+const attrHeader = require("../common/attr-header.vue.js");
+const customAttrEvent_vue_vue_type_script_setup_true_lang = require("./custom-attr-event.vue.js");
+const _hoisted_1 = { class: "amb-design-attr-content" };
+const _hoisted_2 = { class: "amb-design-attr-list" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "custom-attr",
+  props: {
+    configure: {
+      type: Object,
+      default: () => ({ title: "Text", props: { type: "input-text" } })
+      // 设置默认值
+    }
+  },
+  setup(__props) {
+    let currentConfigType = vue.ref("base");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(attrHeader, {
+          showAdvanced: false,
+          modelValue: vue.unref(currentConfigType),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(currentConfigType) ? currentConfigType.value = $event : currentConfigType = $event)
+        }, null, 8, ["modelValue"]),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.withDirectives(vue.createVNode(customAttrBase_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "base"]
+          ]),
+          vue.withDirectives(vue.createVNode(customAttrStyle_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "style"]
+          ]),
+          vue.withDirectives(vue.createVNode(customAttrEvent_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "event"]
+          ])
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/form/custom/custom-design.css

@@ -0,0 +1,4 @@
+
+[data-v-bbacb76f] .el-form-item__label{
+	padding: 0;
+}

package/dist/lib/components/design/views/assemblys/form/custom/custom-design.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const customDesign_vue_vue_type_script_setup_true_lang = require("./custom-design.vue2.js");
+;/* empty css                    */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const customDesign = /* @__PURE__ */ _pluginVue_exportHelper(customDesign_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-bbacb76f"]]);
+module.exports = customDesign;

package/dist/lib/components/design/views/assemblys/form/custom/custom-design.vue2.js

@@ -0,0 +1,59 @@
+"use strict";
+const vue = require("vue");
+const formDesignUtil = require("../../../../utils/form-design-util.js");
+require("@element-plus/icons-vue");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "custom-design",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    const props = __props;
+    const designStyle = vue.ref({});
+    const designClass = vue.ref("");
+    const designHeaderStyle = vue.ref({});
+    const designProperty = vue.ref({});
+    vue.watch(props.configure.style, () => {
+      formDesignUtil.caculateDetailComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
+    }, { immediate: true });
+    vue.watch(props.configure.props, () => {
+      formDesignUtil.caculateComponentProps(props.configure, designProperty);
+    }, { immediate: true });
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(designClass.value),
+        style: vue.normalizeStyle(designStyle.value)
+      }, [
+        vue.createVNode(_component_el_form_item, {
+          required: designProperty.value.required ? true : false,
+          class: vue.normalizeClass(designClass.value),
+          "label-width": designProperty.value.labelWidth,
+          style: vue.normalizeStyle(designStyle.value)
+        }, {
+          label: vue.withCtx(() => [
+            designProperty.value.tittleShow ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              style: vue.normalizeStyle({ ...designHeaderStyle.value, "padding-right": "12px" })
+            }, vue.toDisplayString(designProperty.value.title ? designProperty.value.title : "custom"), 5)) : vue.createCommentVNode("", true)
+          ]),
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_button, {
+              disabled: designProperty.value.state === "disabled" ? true : false,
+              size: designProperty.value.size,
+              type: "primary"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" 自定义组件 ")
+              ]),
+              _: 1
+            }, 8, ["disabled", "size"])
+          ]),
+          _: 1
+        }, 8, ["required", "class", "label-width", "style"])
+      ], 6);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/form/date-picker/datepicker-attr-advanced.vue.js

@@ -0,0 +1,39 @@
+"use strict";
+const vue = require("vue");
+const commonAdvancedBasic_vue_vue_type_script_setup_true_lang = require("../../common/common-advanced-basic.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "datepicker-attr-advanced",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    default: () => ({ props: {} })
+  },
+  setup(__props) {
+    const openCollapseItems = vue.ref(["base"]);
+    return (_ctx, _cache) => {
+      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[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(commonAdvancedBasic_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/form/date-picker/datepicker-attr-advanced.vue2.js

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