super-page-runtime 0.0.1-tmp2

package/lib/runtime/views/assemblys/container/tabs/tabs-runtime.vue2.js

@@ -0,0 +1,68 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const objectRender_vue_vue_type_script_setup_true_lang = require("../../object-render.vue.js");
+const agilebuilderUi = require("agilebuilder-ui");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "tabs-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const activeName = props.configure.props.defaultOpen ? props.configure.props.defaultOpen : 1;
+    const thisRef = vue.ref(null);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTabs), {
+        ref_key: "thisRef",
+        ref: thisRef,
+        modelValue: vue.unref(activeName),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(activeName) ? activeName.value = $event : null),
+        type: _ctx.configure.props.cardType,
+        "tab-position": _ctx.configure.props.tabPosition,
+        style: vue.normalizeStyle(vue.unref(runtimeStyle)),
+        class: vue.normalizeClass(vue.unref(runtimeClass))
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.configure.items, (item, index) => {
+            return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTabPane), {
+              label: item.label,
+              name: item.index
+            }, {
+              label: vue.withCtx(() => [
+                item.iconType && item.iconValue ? (vue.openBlock(), vue.createBlock(vue.unref(agilebuilderUi.SuperIcon), {
+                  key: 0,
+                  iconType: item.iconType,
+                  iconValue: item.iconValue,
+                  style: { "margin-right": "2px" }
+                }, null, 8, ["iconType", "iconValue"])) : vue.createCommentVNode("", true),
+                vue.createElementVNode("span", {
+                  style: vue.normalizeStyle(vue.unref(headerStyle))
+                }, vue.toDisplayString(item.label), 5)
+              ]),
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", null, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.items, (element, itemIndex) => {
+                    return vue.openBlock(), vue.createBlock(objectRender_vue_vue_type_script_setup_true_lang, {
+                      key: element.uuid,
+                      pageContext: _ctx.pageContext,
+                      configure: element
+                    }, null, 8, ["pageContext", "configure"]);
+                  }), 128))
+                ])
+              ]),
+              _: 2
+            }, 1032, ["label", "name"]);
+          }), 256))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "type", "tab-position", "style", "class"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/runtime/views/assemblys/container/tools/tools-runtime.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const toolsRuntime_vue_vue_type_script_setup_true_lang = require("./tools-runtime.vue2.js");
+module.exports = toolsRuntime_vue_vue_type_script_setup_true_lang;

package/lib/runtime/views/assemblys/container/tools/tools-runtime.vue2.js

@@ -0,0 +1,74 @@
+"use strict";
+const vue = require("vue");
+const objectRender_vue_vue_type_script_setup_true_lang = require("../../object-render.vue.js");
+const _hoisted_1 = { class: "amb-widget-tools-parent" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "tools-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const thisRef = vue.ref(null);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = vue.ref(runtimeInfo.style ? runtimeInfo.style : {});
+    const runtimeClass = runtimeInfo.class;
+    vue.onMounted(() => {
+      if (thisRef.value && thisRef.value.parentNode) {
+        const resizeObserver2 = new ResizeObserver((entries) => {
+          for (let entry of entries) {
+          }
+          caculatePositionStyle();
+        });
+        resizeObserver2.observe(thisRef.value.parentNode);
+      }
+    });
+    vue.onUnmounted(() => {
+    });
+    function caculatePositionStyle() {
+      if (thisRef.value && thisRef.value.parentNode) {
+        const thisProps = props.configure.props;
+        const position = thisProps.position;
+        if (position == "top1" || position == "bottom1") {
+          const tempStyle = {};
+          tempStyle["position"] = "fixed !important";
+          tempStyle["z-index"] = "1";
+          const contentObj = [thisRef.value.parentNode];
+          if (contentObj && contentObj.length > 0) {
+            const contentRec = contentObj[0].getBoundingClientRect();
+            if (position == "top") {
+              tempStyle["top"] = contentRec.top + "px";
+            }
+            if (position == "bottom") {
+              tempStyle["bottom"] = "10px";
+            }
+          }
+          const parentRec = thisRef.value.parentNode.getBoundingClientRect();
+          console.log("parentRec", parentRec);
+          tempStyle["width"] = parentRec.width - 25 + "px";
+          Object.assign(runtimeStyle.value, tempStyle);
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["amb-widget-container-tool amb-widget-tools", vue.unref(runtimeClass)]),
+          style: vue.normalizeStyle(runtimeStyle.value),
+          ref_key: "thisRef",
+          ref: thisRef
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.configure.items, (element, itemIndex) => {
+            return vue.openBlock(), vue.createBlock(objectRender_vue_vue_type_script_setup_true_lang, {
+              key: element.uuid,
+              pageContext: _ctx.pageContext,
+              configure: element
+            }, null, 8, ["pageContext", "configure"]);
+          }), 128))
+        ], 6)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;