super-page-designer 2.1.94 → 2.2.2

package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-design.vue2.js

@@ -1,106 +1,25 @@
-import { defineComponent, ref, watch, onUnmounted, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode, Fragment, renderList } from "vue";
-import { caculateDetailComponentStyle, removComponentOptionConfigs, caculateComponentProps } from "../../../../utils/form-design-util.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "checkbox-design",
-  props: {
-    configure: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    if (!props.configure.runtime) {
-      props.configure.runtime = {};
-    }
-    const listOptions = ref([]);
-    const designStyle = ref({});
-    const designClass = ref("");
-    const designHeaderStyle = ref({});
-    const designProperty = ref({});
-    const titleExceedStyle = ref({});
-    function getRestsParameter() {
-      if (props.configure.props.preSuffix) {
-        props.configure.props;
-      }
-    }
-    watch(
-      props.configure.style,
-      () => {
-        caculateDetailComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
-        props.configure.runtime.style = designStyle.value;
-        props.configure.runtime.class = designClass.value;
-        props.configure.runtime.headerStyle = designHeaderStyle.value;
-      },
-      { immediate: true }
-    );
-    setTimeout(() => {
-      caculateThisProps();
-    }, 10);
-    onUnmounted(() => {
-      removComponentOptionConfigs(props.configure);
-    });
-    function caculateThisProps() {
-      caculateComponentProps(props.configure, designProperty, titleExceedStyle);
-      getRestsParameter();
-      props.configure.runtime.props = designProperty.value;
-      props.configure.runtime.titleExceedStyle = titleExceedStyle.value;
-      listOptions.value = designProperty.value["options"];
-      if (listOptions.value == null || listOptions.value.length == 0) {
-        listOptions.value = [
-          {
-            label: "选项1",
-            value: "1"
-          },
-          {
-            label: "选项2",
-            value: "2"
-          }
-        ];
-      }
-    }
-    watch(props.configure.props, () => {
-      caculateThisProps();
-    });
-    return (_ctx, _cache) => {
-      const _component_el_checkbox = resolveComponent("el-checkbox");
-      const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
-      const _component_el_form_item = resolveComponent("el-form-item");
-      return openBlock(), createBlock(_component_el_form_item, {
-        class: normalizeClass([designClass.value, "remove-formLabel-formContent-blankStyle"]),
-        "label-width": designProperty.value.labelWidth,
-        style: normalizeStyle(designStyle.value)
-      }, {
-        label: withCtx(() => [
-          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            style: normalizeStyle({ ...designHeaderStyle.value, ...titleExceedStyle.value, "padding-right": "12px" })
-          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_el_checkbox_group, {
-            disabled: designProperty.value.state === "disabled",
-            size: designProperty.value.size,
-            modelValue: designProperty.value.defaultValue,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => designProperty.value.defaultValue = $event)
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(listOptions.value, (item) => {
-                return openBlock(), createBlock(_component_el_checkbox, {
-                  key: item.value,
-                  value: item.value,
-                  label: item.label
-                }, null, 8, ["value", "label"]);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["disabled", "size", "modelValue"])
-        ]),
-        _: 1
-      }, 8, ["class", "label-width", "style"]);
-    };
+import { defineComponent as e, ref as l, watch as u, onUnmounted as a, resolveComponent as t, openBlock as i, createBlock as o, normalizeClass as r, normalizeStyle as n, withCtx as s, createElementBlock as c, toDisplayString as v, createCommentVNode as f, createVNode as d, Fragment as m, renderList as g } from "vue";
+import { caculateDetailComponentStyle as p, removComponentOptionConfigs as b, caculateComponentProps as y } from "../../../../utils/form-design-util.js";
+const h = e({ __name: "checkbox-design", props: { configure: { type: Object, required: true } }, setup(e2) {
+  const h2 = e2;
+  h2.configure.runtime || (h2.configure.runtime = {});
+  const x = l([]), k = l({}), S = l(""), V = l({}), _ = l({}), w = l({});
+  function z() {
+    y(h2.configure, _, w), h2.configure.props.preSuffix && h2.configure.props, h2.configure.runtime.props = _.value, h2.configure.runtime.titleExceedStyle = w.value, x.value = _.value.options, null != x.value && 0 != x.value.length || (x.value = [{ label: "选项1", value: "1" }, { label: "选项2", value: "2" }]);
   }
-});
+  return u(h2.configure.style, () => {
+    p(h2.configure, k, S, V), h2.configure.runtime.style = k.value, h2.configure.runtime.class = S.value, h2.configure.runtime.headerStyle = V.value;
+  }, { immediate: true }), setTimeout(() => {
+    z();
+  }, 10), a(() => {
+    b(h2.configure);
+  }), u(h2.configure.props, () => {
+    z();
+  }), (e3, l2) => {
+    const u2 = t("el-checkbox"), a2 = t("el-checkbox-group"), p2 = t("el-form-item");
+    return i(), o(p2, { class: r([S.value, "remove-formLabel-formContent-blankStyle"]), "label-width": _.value.labelWidth, style: n(k.value) }, { label: s(() => [_.value.tittleShow ? (i(), c("div", { key: 0, style: n({ ...V.value, ...w.value, "padding-right": "12px" }) }, v(_.value.title), 5)) : f("", true)]), default: s(() => [d(a2, { disabled: "disabled" === _.value.state, size: _.value.size, modelValue: _.value.defaultValue, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => _.value.defaultValue = e4) }, { default: s(() => [(i(true), c(m, null, g(x.value, (e4) => (i(), o(u2, { key: e4.value, value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 128))]), _: 1 }, 8, ["disabled", "size", "modelValue"])]), _: 1 }, 8, ["class", "label-width", "style"]);
+  };
+} });
 export {
-  _sfc_main as default
+  h as default
 };

package/dist/es/components/design/views/assemblys/form/common/attr-event.vue.js

@@ -1,7 +1,7 @@
-import _sfc_main from "./attr-event.vue2.js";
+import t from "./attr-event.vue2.js";
 import "./attr-event.vue3.js";
-import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const AttrEvent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c7ab7527"]]);
+import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const r = e(t, [["__scopeId", "data-v-c7ab7527"]]);
 export {
-  AttrEvent as default
+  r as default
 };

package/dist/es/components/design/views/assemblys/form/common/attr-event.vue2.js

@@ -1,85 +1,15 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createVNode, createTextVNode, toDisplayString, createCommentVNode, unref } from "vue";
-import { Edit } from "@element-plus/icons";
-import eventBus from "../../../../utils/eventBus.js";
-const _hoisted_1 = {
-  key: 1,
-  style: { "float": "right", "color": "#e6a23c" }
-};
-const _hoisted_2 = {
-  key: 2,
-  style: { "float": "right", "color": "#e6a23c" }
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "attr-event",
-  props: {
-    configure: {
-      type: Object,
-      default: () => ({})
-      // 设置默认值
-    },
-    events: {
-      type: Array,
-      default: () => []
-      // 设置默认值
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    function editEvent(event) {
-      eventBus.$emit("editComponentEvent", { configureObj: props.configure, event });
-    }
-    return (_ctx, _cache) => {
-      const _component_el_col = resolveComponent("el-col");
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_row = resolveComponent("el-row");
-      return openBlock(), createElementBlock("div", null, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.events, (event, index) => {
-          return openBlock(), createBlock(_component_el_row, {
-            key: index,
-            class: "event-item"
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_el_col, {
-                title: event.tip ? event.tip : event.label,
-                style: { "overflow": "hidden" },
-                span: 20
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("   " + toDisplayString(event.label) + " ", 1),
-                  event.name ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    createTextVNode(" (" + toDisplayString(event.name) + ") ", 1)
-                  ], 64)) : createCommentVNode("", true),
-                  event.isStandard && event.eventName ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(event.eventName), 1)) : createCommentVNode("", true),
-                  !event.isStandard && event.jsContent ? (openBlock(), createElementBlock("span", _hoisted_2, " 已绑定 ")) : createCommentVNode("", true)
-                ]),
-                _: 2
-              }, 1032, ["title"]),
-              createVNode(_component_el_col, {
-                span: 4,
-                style: { "text-align": "center", "font-weight": "bold" }
-              }, {
-                default: withCtx(() => [
-                  event.isEdit === void 0 || event.isEdit ? (openBlock(), createBlock(_component_el_icon, {
-                    key: 0,
-                    style: { "cursor": "pointer", "color": "#5893ef", "margin-right": "6px" },
-                    onClick: ($event) => editEvent(event)
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(Edit))
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"])) : createCommentVNode("", true)
-                ]),
-                _: 2
-              }, 1024)
-            ]),
-            _: 2
-          }, 1024);
-        }), 128))
-      ]);
-    };
-  }
-});
+import { defineComponent as e, resolveComponent as t, openBlock as n, createElementBlock as l, Fragment as o, renderList as i, createBlock as r, withCtx as a, createVNode as s, createTextVNode as c, toDisplayString as u, createCommentVNode as d, unref as f } from "vue";
+import { Edit as p } from "@element-plus/icons";
+import m from "../../../../utils/eventBus.js";
+const v = { key: 1, style: { float: "right", color: "#e6a23c" } }, y = { key: 2, style: { float: "right", color: "#e6a23c" } }, g = e({ __name: "attr-event", props: { configure: { type: Object, default: () => ({}) }, events: { type: Array, default: () => [] } }, setup(e2) {
+  const g2 = e2;
+  return (k, _) => {
+    const b = t("el-col"), h = t("el-icon"), j = t("el-row");
+    return n(), l("div", null, [(n(true), l(o, null, i(e2.events, (e3, t2) => (n(), r(j, { key: t2, class: "event-item" }, { default: a(() => [s(b, { title: e3.tip ? e3.tip : e3.label, style: { overflow: "hidden" }, span: 20 }, { default: a(() => [c("   " + u(e3.label) + " ", 1), e3.name ? (n(), l(o, { key: 0 }, [c(" (" + u(e3.name) + ") ", 1)], 64)) : d("", true), e3.isStandard && e3.eventName ? (n(), l("span", v, u(e3.eventName), 1)) : d("", true), !e3.isStandard && e3.jsContent ? (n(), l("span", y, " 已绑定 ")) : d("", true)]), _: 2 }, 1032, ["title"]), s(b, { span: 4, style: { "text-align": "center", "font-weight": "bold" } }, { default: a(() => [void 0 === e3.isEdit || e3.isEdit ? (n(), r(h, { key: 0, style: { cursor: "pointer", color: "#5893ef", "margin-right": "6px" }, onClick: (t3) => function(e4) {
+      m.$emit("editComponentEvent", { configureObj: g2.configure, event: e4 });
+    }(e3) }, { default: a(() => [s(f(p))]), _: 2 }, 1032, ["onClick"])) : d("", true)]), _: 2 }, 1024)]), _: 2 }, 1024))), 128))]);
+  };
+} });
 export {
-  _sfc_main as default
+  g as default
 };

package/dist/es/components/design/views/assemblys/form/common/attr-header.vue.js

@@ -1,7 +1,7 @@
-import _sfc_main from "./attr-header.vue2.js";
+import e from "./attr-header.vue2.js";
 import "./attr-header.vue3.js";
-import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const AttrHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-226997f7"]]);
+import r from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const t = r(e, [["__scopeId", "data-v-226997f7"]]);
 export {
-  AttrHeader as default
+  t as default
 };

package/dist/es/components/design/views/assemblys/form/common/attr-header.vue2.js

@@ -1,57 +1,11 @@
-import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode } from "vue";
-const _hoisted_1 = { class: "amb-design-attr-header" };
-const _hoisted_2 = { class: "amb-design-attr-header-type" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "attr-header",
-  props: {
-    modelValue: {
-      type: String,
-      default: "base"
-      // 设置默认值
-    },
-    showAdvanced: {
-      type: Boolean,
-      default: true
-    },
-    showEvent: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const clickType = ref(props.modelValue);
-    function changeType(type) {
-      clickType.value = type;
-      emit("update:modelValue", type);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            class: normalizeClass({ selected: clickType.value === "base" }),
-            onClick: _cache[0] || (_cache[0] = ($event) => changeType("base"))
-          }, "属性", 2),
-          createElementVNode("label", {
-            class: normalizeClass({ selected: clickType.value === "style" }),
-            onClick: _cache[1] || (_cache[1] = ($event) => changeType("style"))
-          }, "样式", 2),
-          createElementVNode("label", {
-            class: normalizeClass({ selected: clickType.value === "event" }),
-            onClick: _cache[2] || (_cache[2] = ($event) => changeType("event"))
-          }, "事件", 2),
-          __props.showAdvanced ? (openBlock(), createElementBlock("label", {
-            key: 0,
-            class: normalizeClass({ selected: clickType.value === "advanced" }),
-            onClick: _cache[3] || (_cache[3] = ($event) => changeType("advanced"))
-          }, " 高级 ", 2)) : createCommentVNode("", true)
-        ])
-      ]);
-    };
+import { defineComponent as e, ref as a, openBlock as l, createElementBlock as t, createElementVNode as s, normalizeClass as d, createCommentVNode as n } from "vue";
+const o = { class: "amb-design-attr-header" }, c = { class: "amb-design-attr-header-type" }, u = e({ __name: "attr-header", props: { modelValue: { type: String, default: "base" }, showAdvanced: { type: Boolean, default: true }, showEvent: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: u2 }) {
+  const v = u2, i = a(e2.modelValue);
+  function r(e3) {
+    i.value = e3, v("update:modelValue", e3);
   }
-});
+  return (a2, u3) => (l(), t("div", o, [s("div", c, [s("label", { class: d({ selected: "base" === i.value }), onClick: u3[0] || (u3[0] = (e3) => r("base")) }, "属性", 2), s("label", { class: d({ selected: "style" === i.value }), onClick: u3[1] || (u3[1] = (e3) => r("style")) }, "样式", 2), s("label", { class: d({ selected: "event" === i.value }), onClick: u3[2] || (u3[2] = (e3) => r("event")) }, "事件", 2), e2.showAdvanced ? (l(), t("label", { key: 0, class: d({ selected: "advanced" === i.value }), onClick: u3[3] || (u3[3] = (e3) => r("advanced")) }, " 高级 ", 2)) : n("", true)])]));
+} });
 export {
-  _sfc_main as default
+  u as default
 };

package/dist/es/components/design/views/assemblys/form/common/attr-style.vue.js

@@ -1,90 +1,14 @@
-import { defineComponent, openBlock, createElementBlock, Fragment, createBlock, createCommentVNode, renderSlot } from "vue";
-import _sfc_main$1 from "../../common/common-style-font-head.vue.js";
-import _sfc_main$2 from "../../common/common-style-background.vue.js";
-import _sfc_main$3 from "../../common/common-style-position.vue.js";
-import _sfc_main$4 from "../../common/common-style-margin.vue.js";
-import _sfc_main$5 from "../../common/common-style-padding.vue.js";
-import _sfc_main$6 from "../../common/common-style-border.vue.js";
-import _sfc_main$7 from "../../common/common-style-shadow.vue.js";
-import _sfc_main$8 from "../../common/common-attr-cursor.vue.js";
-import _sfc_main$9 from "../../common/common-style-custom.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "attr-style",
-  props: {
-    configure: {
-      type: Object,
-      default: () => ({})
-      // 设置默认值
-    },
-    blankOption: {
-      type: Object,
-      default: {
-        showTittleFont: true,
-        // 是否显示标题字体
-        showBackground: true,
-        // 是否显示背景
-        showPosition: true,
-        // 是否显示定位
-        showMargin: true,
-        // 是否显示外边距
-        showPadding: true,
-        // 是否显示内边距
-        showBorder: true,
-        // 是否显示边框
-        showShadow: true,
-        // 是否显示阴影
-        showCursor: true,
-        // 是否显示鼠标手势
-        showCustom: true
-        // 是否显示自定义
-      }
-    }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        __props.blankOption.showTittleFont ? (openBlock(), createBlock(_sfc_main$1, {
-          key: 0,
-          headerTextAlign: false,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "font", { row: __props.configure }),
-        __props.blankOption.showBackground ? (openBlock(), createBlock(_sfc_main$2, {
-          key: 1,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true),
-        __props.blankOption.showPosition ? (openBlock(), createBlock(_sfc_main$3, {
-          key: 2,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true),
-        __props.blankOption.showMargin ? (openBlock(), createBlock(_sfc_main$4, {
-          key: 3,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true),
-        __props.blankOption.showPadding ? (openBlock(), createBlock(_sfc_main$5, {
-          key: 4,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true),
-        __props.blankOption.showBorder ? (openBlock(), createBlock(_sfc_main$6, {
-          key: 5,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true),
-        __props.blankOption.showShadow ? (openBlock(), createBlock(_sfc_main$7, {
-          key: 6,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true),
-        __props.blankOption.showCursor1 ? (openBlock(), createBlock(_sfc_main$8, {
-          key: 7,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true),
-        __props.blankOption.showCustom ? (openBlock(), createBlock(_sfc_main$9, {
-          key: 8,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true)
-      ], 64);
-    };
-  }
-});
+import { defineComponent as o, openBlock as n, createElementBlock as e, Fragment as r, createBlock as i, createCommentVNode as u, renderSlot as m } from "vue";
+import t from "../../common/common-style-font-head.vue.js";
+import c from "../../common/common-style-background.vue.js";
+import s from "../../common/common-style-position.vue.js";
+import l from "../../common/common-style-margin.vue.js";
+import f from "../../common/common-style-padding.vue.js";
+import g from "../../common/common-style-border.vue.js";
+import a from "../../common/common-style-shadow.vue.js";
+import p from "../../common/common-attr-cursor.vue.js";
+import h from "../../common/common-style-custom.vue.js";
+const k = o({ __name: "attr-style", props: { configure: { type: Object, default: () => ({}) }, blankOption: { type: Object, default: { showTittleFont: true, showBackground: true, showPosition: true, showMargin: true, showPadding: true, showBorder: true, showShadow: true, showCursor: true, showCustom: true } } }, setup: (o2) => (k2, w) => (n(), e(r, null, [o2.blankOption.showTittleFont ? (n(), i(t, { key: 0, headerTextAlign: false, configure: o2.configure }, null, 8, ["configure"])) : u("", true), m(k2.$slots, "font", { row: o2.configure }), o2.blankOption.showBackground ? (n(), i(c, { key: 1, configure: o2.configure }, null, 8, ["configure"])) : u("", true), o2.blankOption.showPosition ? (n(), i(s, { key: 2, configure: o2.configure }, null, 8, ["configure"])) : u("", true), o2.blankOption.showMargin ? (n(), i(l, { key: 3, configure: o2.configure }, null, 8, ["configure"])) : u("", true), o2.blankOption.showPadding ? (n(), i(f, { key: 4, configure: o2.configure }, null, 8, ["configure"])) : u("", true), o2.blankOption.showBorder ? (n(), i(g, { key: 5, configure: o2.configure }, null, 8, ["configure"])) : u("", true), o2.blankOption.showShadow ? (n(), i(a, { key: 6, configure: o2.configure }, null, 8, ["configure"])) : u("", true), o2.blankOption.showCursor1 ? (n(), i(p, { key: 7, configure: o2.configure }, null, 8, ["configure"])) : u("", true), o2.blankOption.showCustom ? (n(), i(h, { key: 8, configure: o2.configure }, null, 8, ["configure"])) : u("", true)], 64)) });
 export {
-  _sfc_main as default
+  k as default
 };

package/dist/es/components/design/views/assemblys/form/common/attr-style.vue2.js

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