super-page-designer 2.1.94 → 2.2.2

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

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

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

@@ -1,30 +1,12 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref } from "vue";
-import AttrEvent from "../common/attr-event.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "datepicker-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
-      });
-    };
-  }
-});
+import { defineComponent as e, resolveComponent as t, openBlock as r, createBlock as n, withCtx as o, createVNode as u, unref as s } from "vue";
+import c from "../common/attr-event.vue.js";
+const f = e({ __name: "datepicker-attr-event", props: { configure: Object }, setup(e2) {
+  const f2 = e2.configure.events;
+  return (i, a) => {
+    const l = t("el-form");
+    return r(), n(l, { "label-width": "80px", size: "small" }, { default: o(() => [u(c, { configure: e2.configure, events: s(f2) }, null, 8, ["configure", "events"])]), _: 1 });
+  };
+} });
 export {
-  _sfc_main as default
+  f as default
 };

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

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

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

@@ -1,31 +1,9 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
-import _sfc_main$1 from "../common/attr-style.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "datepicker-attr-style",
-  props: {
-    configure: Object
-  },
-  setup(__props) {
-    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, { style: { "margin-top": "6px" } }, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-});
+import { defineComponent as e, resolveComponent as t, openBlock as o, createBlock as r, withCtx as l, createVNode as a } from "vue";
+import s from "../common/attr-style.vue.js";
+const u = e({ __name: "datepicker-attr-style", props: { configure: Object }, setup: (e2) => (u2, n) => {
+  const p = t("el-collapse"), c = t("el-form");
+  return o(), r(c, { "label-width": "80px", size: "small" }, { default: l(() => [a(p, { style: { "margin-top": "6px" } }, { default: l(() => [a(s, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 })]), _: 1 });
+} });
 export {
-  _sfc_main as default
+  u as default
 };

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

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

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

@@ -1,5 +1,5 @@
-import _sfc_main from "./datepicker-attr.vue2.js";
+import t from "./datepicker-attr.vue2.js";
 import "./datepicker-attr.vue3.js";
 export {
-  _sfc_main as default
+  t as default
 };

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

@@ -1,56 +1,14 @@
-import { defineComponent, ref, openBlock, createElementBlock, createVNode, unref, isRef, createElementVNode, withDirectives, vShow } from "vue";
-import _sfc_main$1 from "./datepicker-attr-base.vue.js";
-import _sfc_main$2 from "./datepicker-attr-style.vue.js";
-import AttrHeader from "../common/attr-header.vue.js";
-import _sfc_main$3 from "./datepicker-attr-event.vue.js";
-import _sfc_main$4 from "./datepicker-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: "datepicker-attr",
-  props: {
-    configure: {
-      type: Object,
-      default: () => ({ title: "Text", props: { type: "input-text" } })
-      // 设置默认值
-    },
-    // 页面设计对象
-    pageDesign: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  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,
-            pageDesign: __props.pageDesign,
-            onChangeAssembly: _cache[1] || (_cache[1] = (val) => _ctx.$emit("changeAssembly", val))
-          }, null, 8, ["configure", "pageDesign"]), [
-            [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"]
-          ])
-        ])
-      ]);
-    };
-  }
-});
+import { defineComponent as e, ref as t, openBlock as r, createElementBlock as a, createVNode as n, unref as o, isRef as i, createElementVNode as u, withDirectives as s, vShow as l } from "vue";
+import c from "./datepicker-attr-base.vue.js";
+import p from "./datepicker-attr-style.vue.js";
+import g from "../common/attr-header.vue.js";
+import m from "./datepicker-attr-event.vue.js";
+import f from "./datepicker-attr-advanced.vue.js";
+const d = { class: "amb-design-attr-content" }, v = { class: "amb-design-attr-list" }, b = e({ __name: "datepicker-attr", props: { configure: { type: Object, default: () => ({ title: "Text", props: { type: "input-text" } }) }, pageDesign: { type: Object, default: () => {
+} } }, setup(e2) {
+  let b2 = t("base");
+  return (t2, j) => (r(), a("div", d, [n(g, { modelValue: o(b2), "onUpdate:modelValue": j[0] || (j[0] = (e3) => i(b2) ? b2.value = e3 : b2 = e3) }, null, 8, ["modelValue"]), u("div", v, [s(n(c, { configure: e2.configure, pageDesign: e2.pageDesign, onChangeAssembly: j[1] || (j[1] = (e3) => t2.$emit("changeAssembly", e3)) }, null, 8, ["configure", "pageDesign"]), [[l, "base" === o(b2)]]), s(n(p, { configure: e2.configure }, null, 8, ["configure"]), [[l, "style" === o(b2)]]), s(n(m, { configure: e2.configure }, null, 8, ["configure"]), [[l, "event" === o(b2)]]), s(n(f, { configure: e2.configure }, null, 8, ["configure"]), [[l, "advanced" === o(b2)]])])]));
+} });
 export {
-  _sfc_main as default
+  b as default
 };

package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-design.vue.js

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

package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-design.vue2.js

@@ -1,160 +1,33 @@
-import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode, unref } from "vue";
-import { caculateDetailComponentStyle, caculateComponentProps } from "../../../../utils/form-design-util.js";
-import _sfc_main$1 from "../common/title-suffix-element.vue.js";
+import { defineComponent as e, ref as a, watch as t, resolveComponent as l, openBlock as r, createBlock as u, normalizeClass as o, normalizeStyle as i, withCtx as n, createElementBlock as m, Fragment as d, createTextVNode as s, toDisplayString as c, createCommentVNode as p, createVNode as f, unref as v } from "vue";
+import { caculateDetailComponentStyle as g, caculateComponentProps as y } from "../../../../utils/form-design-util.js";
+import h from "../common/title-suffix-element.vue.js";
 import "super-page-runtime";
-import { Clock, Calendar } from "@element-plus/icons-vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "datepicker-design",
-  props: {
-    configure: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    if (!props.configure.runtime) {
-      props.configure.runtime = {};
-    }
-    const designStyle = ref({});
-    const designClass = ref("");
-    const designHeaderStyle = ref({});
-    const designProperty = ref({});
-    const titleExceedStyle = ref({});
-    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 }
-    );
-    ref([]);
-    function caculateDateProps() {
-      let propBase = props.configure && props.configure.props ? props.configure.props.base : {};
-      propBase = propBase ? propBase : {};
-      const tempProps = {};
-      tempProps.defaultValue2 = propBase.defaultValue2;
-      tempProps.prop2 = propBase.prop2;
-      if (propBase.format) {
-        tempProps["format"] = propBase.format;
-      }
-      let dateType = propBase.type ? propBase.type : "date";
-      if (propBase.dateScope) {
-        let rangeType = "daterange";
-        if (dateType == "datetime") {
-          rangeType = "datetimerange";
-        } else if (dateType == "week") {
-          rangeType = "week";
-        } else if (dateType == "month") {
-          rangeType = "monthrange";
-        } else if (dateType == "year") {
-          rangeType = "year";
-        } else if (dateType == "time") {
-          rangeType = "timerange";
-        } else if (dateType == "month") {
-          rangeType = "monthrange";
-        }
-        tempProps.dateType = rangeType;
-        if (propBase.endPlaceholder) {
-          tempProps.endPlaceholder = propBase.endPlaceholder;
-        }
-      } else {
-        tempProps.dateType = dateType;
-      }
-      if (propBase.timestamp) {
-        tempProps.valueFormat = "x";
-      } else {
-        tempProps.valueFormat = propBase.valueFormat;
-        if (!tempProps.valueFormat) {
-          if (dateType === "datetime") {
-            tempProps.valueFormat = "YYYY-MM-DD hh:mm:ss";
-          } else if (dateType === "year") {
-            tempProps.valueFormat = "YYYY";
-          } else if (dateType === "month") {
-            tempProps.valueFormat = "YYYY-MM";
-          } else if (dateType === "time") {
-            tempProps.valueFormat = "hh:mm:ss";
-          } else if (dateType === "date") {
-            tempProps.valueFormat = "YYYY-MM-DD";
-          } else if (dateType === "week") {
-            tempProps.valueFormat = "YYYY-MM-DD";
-          }
-        }
-      }
-      tempProps.sourceType = dateType;
-      tempProps.dateScopeDetails = propBase.dateScopeDetails;
-      if (propBase.dateScopeDetails && propBase.dateScopeDetails.includes("custom") && propBase.scopeFunc) {
-        tempProps.shortcutsFunc = propBase.scopeFunc;
-      }
-      Object.assign(designProperty.value, tempProps);
-    }
-    watch(
-      props.configure.props,
-      () => {
-        caculateComponentProps(props.configure, designProperty, titleExceedStyle);
-        caculateDateProps();
-        props.configure.runtime.props = designProperty.value;
-        props.configure.runtime.titleExceedStyle = titleExceedStyle.value;
-      },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_form_item = resolveComponent("el-form-item");
-      return openBlock(), createBlock(_component_el_form_item, {
-        required: designProperty.value.required,
-        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" })
-          }, [
-            designProperty.value.prefixType ? (openBlock(), createBlock(_sfc_main$1, {
-              key: 0,
-              configure: __props.configure
-            }, null, 8, ["configure"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(toDisplayString(designProperty.value.title), 1)
-            ], 64))
-          ], 4)) : createCommentVNode("", true)
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_el_input, {
-            disabled: designProperty.value.state === "disabled",
-            readonly: "",
-            size: designProperty.value.size,
-            clearable: designProperty.value.clearable,
-            placeholder: designProperty.value.placeholder,
-            modelValue: designProperty.value.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => designProperty.value.value = $event)
-          }, {
-            prefix: withCtx(() => [
-              designProperty.value.dateType == "timerange" || designProperty.value.dateType == "time" ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
-                default: withCtx(() => [
-                  createVNode(unref(Clock))
-                ]),
-                _: 1
-              })) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
-                default: withCtx(() => [
-                  createVNode(unref(Calendar))
-                ]),
-                _: 1
-              }))
-            ]),
-            _: 1
-          }, 8, ["disabled", "size", "clearable", "placeholder", "modelValue"])
-        ]),
-        _: 1
-      }, 8, ["required", "class", "label-width", "style"]);
-    };
-  }
-});
+import { Clock as Y, Calendar as b } from "@element-plus/icons-vue";
+const F = e({ __name: "datepicker-design", props: { configure: { type: Object, required: true } }, setup(e2) {
+  const F2 = e2;
+  F2.configure.runtime || (F2.configure.runtime = {});
+  const k = a({}), S = a(""), D = a({}), x = a({}), w = a({});
+  return t(F2.configure.style, () => {
+    g(F2.configure, k, S, D), F2.configure.runtime.style = k.value, F2.configure.runtime.class = S.value, F2.configure.runtime.headerStyle = D.value;
+  }, { immediate: true }), a([]), t(F2.configure.props, () => {
+    y(F2.configure, x, w), function() {
+      let e3 = F2.configure && F2.configure.props ? F2.configure.props.base : {};
+      e3 = e3 || {};
+      const a2 = {};
+      a2.defaultValue2 = e3.defaultValue2, a2.prop2 = e3.prop2, e3.format && (a2.format = e3.format);
+      let t2 = e3.type ? e3.type : "date";
+      if (e3.dateScope) {
+        let l2 = "daterange";
+        "datetime" == t2 ? l2 = "datetimerange" : "week" == t2 ? l2 = "week" : "month" == t2 ? l2 = "monthrange" : "year" == t2 ? l2 = "year" : "time" == t2 ? l2 = "timerange" : "month" == t2 && (l2 = "monthrange"), a2.dateType = l2, e3.endPlaceholder && (a2.endPlaceholder = e3.endPlaceholder);
+      } else
+        a2.dateType = t2;
+      e3.timestamp ? a2.valueFormat = "x" : (a2.valueFormat = e3.valueFormat, a2.valueFormat || ("datetime" === t2 ? a2.valueFormat = "YYYY-MM-DD hh:mm:ss" : "year" === t2 ? a2.valueFormat = "YYYY" : "month" === t2 ? a2.valueFormat = "YYYY-MM" : "time" === t2 ? a2.valueFormat = "hh:mm:ss" : ("date" === t2 || "week" === t2) && (a2.valueFormat = "YYYY-MM-DD"))), a2.sourceType = t2, a2.dateScopeDetails = e3.dateScopeDetails, e3.dateScopeDetails && e3.dateScopeDetails.includes("custom") && e3.scopeFunc && (a2.shortcutsFunc = e3.scopeFunc), Object.assign(x.value, a2);
+    }(), F2.configure.runtime.props = x.value, F2.configure.runtime.titleExceedStyle = w.value;
+  }, { immediate: true }), (a2, t2) => {
+    const g2 = l("el-icon"), y2 = l("el-input"), F3 = l("el-form-item");
+    return r(), u(F3, { required: x.value.required, class: o([S.value, "remove-formLabel-formContent-blankStyle"]), "label-width": x.value.labelWidth, style: i(k.value) }, { label: n(() => [x.value.tittleShow ? (r(), m("div", { key: 0, style: i({ ...D.value, ...w.value, "padding-right": "12px" }) }, [x.value.prefixType ? (r(), u(h, { key: 0, configure: e2.configure }, null, 8, ["configure"])) : (r(), m(d, { key: 1 }, [s(c(x.value.title), 1)], 64))], 4)) : p("", true)]), default: n(() => [f(y2, { disabled: "disabled" === x.value.state, readonly: "", size: x.value.size, clearable: x.value.clearable, placeholder: x.value.placeholder, modelValue: x.value.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => x.value.value = e3) }, { prefix: n(() => ["timerange" == x.value.dateType || "time" == x.value.dateType ? (r(), u(g2, { key: 0 }, { default: n(() => [f(v(Y))]), _: 1 })) : (r(), u(g2, { key: 1 }, { default: n(() => [f(v(b))]), _: 1 }))]), _: 1 }, 8, ["disabled", "size", "clearable", "placeholder", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
+  };
+} });
 export {
-  _sfc_main as default
+  F as default
 };

package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr-advanced.vue.js

@@ -1,43 +1,12 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
-import _sfc_main$1 from "../../common/common-advanced-basic.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "depttree-attr-advanced",
-  props: {
-    configure: {
-      type: Object,
-      required: true
-    },
-    default: () => ({ props: {} })
-  },
-  setup(__props) {
-    const openCollapseItems = ref(["base"]);
-    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: openCollapseItems.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
-            style: { "margin-top": "6px" }
-          }, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$1, {
-                configure: __props.configure,
-                type: "form"
-              }, null, 8, ["configure"])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
+import { defineComponent as e, ref as o, resolveComponent as t, openBlock as a, createBlock as l, withCtx as r, createVNode as u } from "vue";
+import n from "../../common/common-advanced-basic.vue.js";
+const m = e({ __name: "depttree-attr-advanced", props: { configure: { type: Object, required: true }, default: () => ({ props: {} }) }, setup(e2) {
+  const m2 = o(["base"]);
+  return (o2, p) => {
+    const d = t("el-collapse"), c = t("el-form");
+    return a(), l(c, { "label-width": "80px", size: "small" }, { default: r(() => [u(d, { modelValue: m2.value, "onUpdate:modelValue": p[0] || (p[0] = (e3) => m2.value = e3), style: { "margin-top": "6px" } }, { default: r(() => [u(n, { configure: e2.configure, type: "form" }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
 export {
-  _sfc_main as default
+  m as default
 };

package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr-advanced.vue2.js

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