super-page-runtime 2.0.4 → 2.0.9

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

@@ -0,0 +1,69 @@
+"use strict";
+const Vue = require("vue");
+const objectRender_vue_vue_type_script_setup_true_lang = require("../../object-render.vue.js");
+const superUi = require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/lib/super-ui.js");
+require("../../../../utils/global-refs.js");
+const index = require("../../../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/tabs/index.js");
+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(index.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$1) => {
+            return Vue.openBlock(), Vue.createBlock(Vue.unref(index.ElTabPane), {
+              label: item.label,
+              name: item.index
+            }, {
+              label: Vue.withCtx(() => [
+                item.iconType && item.iconValue ? (Vue.openBlock(), Vue.createBlock(Vue.unref(superUi.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/dist/lib/components/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/dist/lib/components/runtime/views/assemblys/container/tools/tools-runtime.vue2.js

@@ -0,0 +1,75 @@
+"use strict";
+const Vue = require("vue");
+const objectRender_vue_vue_type_script_setup_true_lang = require("../../object-render.vue.js");
+require("../../../../utils/global-refs.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;