ocpview-pro 0.1.30 → 0.1.31

package/dist/ocpviewplus.min.esm.js

@@ -453,7 +453,7 @@ common.initEview = function(ViewUI2) {
   common.initAnchor(ViewUI2.Anchor);
 };
 const name = "ocpview-pro";
-const version$2 = "0.1.29";
+const version$2 = "0.1.30";
 const title = "ocpviewPlus";
 const description = "A high quality Service UI components Library with Vue.js";
 const homepage = "";
@@ -8705,7 +8705,7 @@ const _hoisted_4$q = {
   ref: "page",
   name: "page"
 };
-const _hoisted_5$m = {
+const _hoisted_5$l = {
   key: 0,
   style: { "background": "#eee", "padding-top": "5px" }
 };
@@ -8892,7 +8892,7 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "footer")
       ])) : createCommentVNode("", true),
       createElementVNode("div", _hoisted_4$q, [
-        _ctx.myConfig.showPage ? (openBlock(), createElementBlock("div", _hoisted_5$m, [
+        _ctx.myConfig.showPage ? (openBlock(), createElementBlock("div", _hoisted_5$l, [
           createVNode(_component_Card, {
             bordered: false,
             padding: 0,
@@ -10518,7 +10518,7 @@ const _hoisted_3$r = {
   style: { "margin-left": "10px" }
 };
 const _hoisted_4$o = ["onClick"];
-const _hoisted_5$l = {
+const _hoisted_5$k = {
   key: 0,
   ref: "page",
   style: { "background": "#eee", "padding-top": "5px", "width": "100%" }
@@ -10616,7 +10616,7 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
                 };
               })
             ]), 1032, ["loading", "size", "row-class-name", "stripe", "border", "height", "maxHeight", "show-header", "columns", "onOnSelectionChange", "data", "onOnColumnWidthResize", "show-summary", "summary-method"]),
-            $data.myConfig.showPage ? (openBlock(), createElementBlock("div", _hoisted_5$l, [
+            $data.myConfig.showPage ? (openBlock(), createElementBlock("div", _hoisted_5$k, [
               createVNode(_component_Card, {
                 bordered: false,
                 padding: 0,
@@ -27242,7 +27242,7 @@ const _hoisted_3$q = {
   class: "ivu-tag ivu-tag-checked"
 };
 const _hoisted_4$n = { class: "ivu-tag-text ivu-select-max-tag" };
-const _hoisted_5$k = { class: "ivu-tag-text" };
+const _hoisted_5$j = { class: "ivu-tag-text" };
 function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Icon = resolveComponent("Icon");
   const _component_Col = resolveComponent("Col");
@@ -27284,7 +27284,7 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
                     key: "tag_" + index
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("span", _hoisted_5$k, toDisplayString$1(item.label), 1),
+                      createElementVNode("span", _hoisted_5$j, toDisplayString$1(item.label), 1),
                       !$data.myConfig.readOnly ? (openBlock(), createBlock(_component_Icon, {
                         key: 0,
                         type: "ios-close",
@@ -30189,7 +30189,7 @@ const _hoisted_1$11 = { style: { "text-align": "center" } };
 const _hoisted_2$L = ["onClick"];
 const _hoisted_3$p = ["onClick"];
 const _hoisted_4$m = ["src", "data-original"];
-const _hoisted_5$j = { key: 0 };
+const _hoisted_5$i = { key: 0 };
 function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Icon = resolveComponent("Icon");
   const _component_Badge = resolveComponent("Badge");
@@ -30287,7 +30287,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
                       size: $data.myConfig.iconSize,
                       color: $options.iconColor
                     }, null, 8, ["custom", "size", "color"]),
-                    $data.myConfig.text ? (openBlock(), createElementBlock("span", _hoisted_5$j, toDisplayString$1(_ctx.$t($data.myConfig.text)), 1)) : createCommentVNode("", true)
+                    $data.myConfig.text ? (openBlock(), createElementBlock("span", _hoisted_5$i, toDisplayString$1(_ctx.$t($data.myConfig.text)), 1)) : createCommentVNode("", true)
                   ]),
                   _: 1
                 }, 8, ["style"])
@@ -30647,7 +30647,7 @@ const _hoisted_1$10 = {
 const _hoisted_2$K = { ref: "photo" };
 const _hoisted_3$o = ["src", "data-original"];
 const _hoisted_4$l = ["innerHTML"];
-const _hoisted_5$i = {
+const _hoisted_5$h = {
   ref: "pdf",
   style: { "height": "630px" }
 };
@@ -30771,7 +30771,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
       "footer-hide": true
     }, {
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_5$i, null, 512)
+        createElementVNode("div", _hoisted_5$h, null, 512)
       ]),
       _: 1
     }, 8, ["title", "modelValue"]),
@@ -31385,7 +31385,7 @@ const _hoisted_1$$ = { style: { "text-align": "center" } };
 const _hoisted_2$J = ["onClick"];
 const _hoisted_3$n = ["onClick"];
 const _hoisted_4$k = ["src"];
-const _hoisted_5$h = { key: 1 };
+const _hoisted_5$g = { key: 1 };
 function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Icon = resolveComponent("Icon");
   const _component_Badge = resolveComponent("Badge");
@@ -31477,7 +31477,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
                       size: $data.myConfig.iconSize,
                       color: $options.iconColor
                     }, null, 8, ["type", "size", "color"])) : createCommentVNode("", true),
-                    $data.myConfig.text ? (openBlock(), createElementBlock("span", _hoisted_5$h, toDisplayString$1($data.myConfig.text), 1)) : createCommentVNode("", true)
+                    $data.myConfig.text ? (openBlock(), createElementBlock("span", _hoisted_5$g, toDisplayString$1($data.myConfig.text), 1)) : createCommentVNode("", true)
                   ]),
                   _: 1
                 }, 8, ["style"])
@@ -33701,7 +33701,7 @@ const _hoisted_1$U = ["textContent"];
 const _hoisted_2$E = { style: { "padding": "16px" } };
 const _hoisted_3$l = ["textContent"];
 const _hoisted_4$i = { key: 1 };
-const _hoisted_5$g = { style: { "padding": "16px" } };
+const _hoisted_5$f = { style: { "padding": "16px" } };
 const _hoisted_6$c = ["textContent"];
 const _hoisted_7$7 = ["textContent"];
 function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
@@ -33816,7 +33816,7 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
         $data.showBtn && $data.btnReadOnly ? (openBlock(), createElementBlock("span", _hoisted_4$i, toDisplayString$1($data.myConfig.editBtnName), 1)) : createCommentVNode("", true)
       ]),
       default: withCtx(() => [
-        withDirectives(createElementVNode("div", _hoisted_5$g, [
+        withDirectives(createElementVNode("div", _hoisted_5$f, [
           (openBlock(true), createElementBlock(Fragment, null, renderList($data.data, (temp) => {
             return openBlock(), createBlock(_component_FormDetail, {
               ref_for: true,
@@ -38094,7 +38094,7 @@ const _hoisted_1$L = ["title"];
 const _hoisted_2$A = ["title"];
 const _hoisted_3$k = ["value", "disabled"];
 const _hoisted_4$h = ["title"];
-const _hoisted_5$f = ["title"];
+const _hoisted_5$e = ["title"];
 const _hoisted_6$b = {
   key: 1,
   class: "ivu-icon ivu-icon-ios-arrow-back"
@@ -38199,7 +38199,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
           createTextVNode(toDisplayString$1(_ctx.prevText), 1)
         ], 64)) : (openBlock(), createElementBlock("i", _hoisted_6$b))
       ])
-    ], 10, _hoisted_5$f),
+    ], 10, _hoisted_5$e),
     createElementVNode("li", {
       title: "1",
       class: normalizeClass(_ctx.firstPageClasses),
@@ -38392,7 +38392,7 @@ const _hoisted_3$j = {
   style: { "padding-top": "10px" }
 };
 const _hoisted_4$g = ["textContent"];
-const _hoisted_5$e = ["textContent"];
+const _hoisted_5$d = ["textContent"];
 const _hoisted_6$a = {
   ref: "page",
   name: "page"
@@ -38649,7 +38649,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
                 title: withCtx(() => [
                   createElementVNode("span", {
                     textContent: toDisplayString$1(_ctx.myConfig.multiGridTitle)
-                  }, null, 8, _hoisted_5$e)
+                  }, null, 8, _hoisted_5$d)
                 ]),
                 default: withCtx(() => [
                   createVNode(_component_Table, {
@@ -41427,7 +41427,7 @@ const _hoisted_1$G = ["textContent"];
 const _hoisted_2$x = { style: { "padding-left": "24px" } };
 const _hoisted_3$h = { ref: "photo" };
 const _hoisted_4$f = ["src", "data-original"];
-const _hoisted_5$d = ["innerHTML"];
+const _hoisted_5$c = ["innerHTML"];
 const _hoisted_6$9 = {
   ref: "pdf",
   style: { "height": "630px" }
@@ -41568,7 +41568,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
         "footer-hide": true
       }, {
         default: withCtx(() => [
-          createElementVNode("div", { innerHTML: $data.textStr }, null, 8, _hoisted_5$d)
+          createElementVNode("div", { innerHTML: $data.textStr }, null, 8, _hoisted_5$c)
         ]),
         _: 1
       }, 8, ["title", "modelValue"]),
@@ -42066,7 +42066,7 @@ const _hoisted_1$F = { style: { "margin-bottom": "10px", "display": "flex", "jus
 const _hoisted_2$w = { style: { "font-size": "14px", "font-weight": "bold" } };
 const _hoisted_3$g = { style: { "margin-bottom": "10px", "display": "flex", "justify-content": "space-between" } };
 const _hoisted_4$e = { style: { "font-size": "14px", "font-weight": "bold" } };
-const _hoisted_5$c = { style: { "margin-bottom": "10px" } };
+const _hoisted_5$b = { style: { "margin-bottom": "10px" } };
 const _hoisted_6$8 = { style: { "font-size": "14px", "font-weight": "bold" } };
 const _hoisted_7$4 = { class: "demo-spin-col-bill" };
 const _hoisted_8$2 = {
@@ -42184,7 +42184,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             createVNode(_component_Col, { span: "8" }, {
               default: withCtx(() => [
-                createElementVNode("p", _hoisted_5$c, [
+                createElementVNode("p", _hoisted_5$b, [
                   _cache[11] || (_cache[11] = createElementVNode("span", { class: "efuture-title-verticalline" }, null, -1)),
                   _cache[12] || (_cache[12] = createTextVNode()),
                   createElementVNode("span", _hoisted_6$8, toDisplayString$1(_ctx.$t("\u5BFC\u5165\u6587\u4EF6")), 1)
@@ -44717,7 +44717,7 @@ const _hoisted_1$y = { style: { "font-size": "14px" } };
 const _hoisted_2$r = { style: { "margin-top": "3px", "margin-bottom": "3px", "margin-left": "8px", "margin-right": "10px" } };
 const _hoisted_3$f = { style: { "font-size": "14px" } };
 const _hoisted_4$d = { style: { "color": "#AF292E", "font-size": "14px" } };
-const _hoisted_5$b = { style: { "max-height": "400px", "overflow-y": "auto", "overflow-x": "hidden", "margin": "14px 16px" } };
+const _hoisted_5$a = { style: { "max-height": "400px", "overflow-y": "auto", "overflow-x": "hidden", "margin": "14px 16px" } };
 const _hoisted_6$7 = { style: { "padding-left": "14px" } };
 const _hoisted_7$3 = { style: { "font-size": "12px" } };
 const _hoisted_8$1 = ["onClick"];
@@ -44794,7 +44794,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_5$b, [
+          createElementVNode("div", _hoisted_5$a, [
             createVNode(_component_VueDraggable, {
               modelValue: $data.data,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.data = $event),
@@ -45623,7 +45623,7 @@ const _hoisted_2$p = {
 };
 const _hoisted_3$e = ["textContent"];
 const _hoisted_4$c = { key: 0 };
-const _hoisted_5$a = ["onClick", "cell-row", "cell-col"];
+const _hoisted_5$9 = ["onClick", "cell-row", "cell-col"];
 const _hoisted_6$6 = {
   key: 0,
   ref: "page",
@@ -45823,7 +45823,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
                         config: config2,
                         rowIndex: index
                       }, null, 8, ["label", "contentAlign", "class", "config", "rowIndex"]))
-                    ], 10, _hoisted_5$a)
+                    ], 10, _hoisted_5$9)
                   ])
                 };
               })
@@ -47968,7 +47968,7 @@ const _hoisted_1$s = ["textContent"];
 const _hoisted_2$l = { style: { "padding-left": "24px" } };
 const _hoisted_3$c = { ref: "photo" };
 const _hoisted_4$a = ["src", "data-original"];
-const _hoisted_5$9 = ["innerHTML"];
+const _hoisted_5$8 = ["innerHTML"];
 const _hoisted_6$5 = {
   ref: "pdf",
   style: { "height": "630px" }
@@ -48077,7 +48077,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
         "footer-hide": true
       }, {
         default: withCtx(() => [
-          createElementVNode("div", { innerHTML: $data.textStr }, null, 8, _hoisted_5$9)
+          createElementVNode("div", { innerHTML: $data.textStr }, null, 8, _hoisted_5$8)
         ]),
         _: 1
       }, 8, ["title", "modelValue"]),
@@ -48183,7 +48183,7 @@ const _sfc_main$u = {
         el2.modetype = modetype;
         el2.divId = "headForm_" + this.getRandom() + "_" + index;
         this.headVisible.push({ refname: el2.name, visible: true });
-        this.anchorData.push({ id: "#" + el2.divId, name: el2.title ? this.$t(el2.title) : el2.title, visible: true, refname: el2.name, isHead: true });
+        this.anchorData.push({ id: "#" + el2.divId, name: el2.title ? this.$t(el2.title) : el2.title, visible: true, refname: el2.name, isHead: true, sort: el2.sort === void 0 ? 0 : el2.sort });
       });
     }
     if (this.myConfig.billDetailConfig !== void 0) {
@@ -48223,7 +48223,7 @@ const _sfc_main$u = {
           }
           el2.divId = "detail_" + this.getRandom() + "_" + index;
           this.detailVisible.push({ refname: el2.name, visible: true });
-          this.anchorData.push({ id: "#" + el2.divId, name: el2.title ? this.$t(el2.title) : el2.title, refname: el2.name, visible: true, isHead: false });
+          this.anchorData.push({ id: "#" + el2.divId, name: el2.title ? this.$t(el2.title) : el2.title, refname: el2.name, visible: true, isHead: false, sort: el2.sort === void 0 ? Number.MAX_SAFE_INTEGER : el2.sort });
         });
       }
     }
@@ -48242,7 +48242,7 @@ const _sfc_main$u = {
       tmp.divId = "detail_" + this.getRandom() + "_" + this.detailConfig.items.length;
       this.detailConfig.items.push(tmp);
       this.detailVisible.push({ refname: tmp.name, visible: true });
-      this.anchorData.push({ id: "#" + tmp.divId, name: tmp.title ? this.$t(tmp.title) : tmp.title, refname: tmp.name, visible: true });
+      this.anchorData.push({ id: "#" + tmp.divId, name: tmp.title ? this.$t(tmp.title) : tmp.title, refname: tmp.name, visible: true, sort: Number.MAX_SAFE_INTEGER });
     } else if (this.billAppendixConfig.showAppendix2) {
       let tmp = Object.assign({}, {}, this.billAppendixConfig);
       tmp.type = "AppendixBox2";
@@ -48252,13 +48252,29 @@ const _sfc_main$u = {
       tmp.divId = "detail_" + this.getRandom() + "_" + this.detailConfig.items.length;
       this.detailConfig.items.push(tmp);
       this.detailVisible.push({ refname: tmp.name, visible: true });
-      this.anchorData.push({ id: "#" + tmp.divId, name: tmp.title ? this.$t(tmp.title) : tmp.title, refname: tmp.name, visible: true });
+      this.anchorData.push({ id: "#" + tmp.divId, name: tmp.title ? this.$t(tmp.title) : tmp.title, refname: tmp.name, visible: true, sort: Number.MAX_SAFE_INTEGER });
     }
     if (this.myConfig.showAnchorLink !== void 0) {
       this.showAnchorLink = this.myConfig.showAnchorLink;
     }
+    this.anchorData.sort((a2, b10) => a2.sort - b10.sort);
   },
   computed: {
+    renderItems() {
+      let heads = [];
+      let details = [];
+      if (this.myConfig.formsConfig && this.myConfig.formsConfig.items) {
+        heads = this.myConfig.formsConfig.items.map((el2, index) => {
+          return { el: el2, index, isHead: true, sort: el2.sort === void 0 ? 0 : el2.sort };
+        });
+      }
+      if (this.detailConfig.items) {
+        details = this.detailConfig.items.map((el2, index) => {
+          return { el: el2, index, isHead: false, sort: el2.sort === void 0 ? Number.MAX_SAFE_INTEGER : el2.sort };
+        });
+      }
+      return heads.concat(details).sort((a2, b10) => a2.sort - b10.sort);
+    },
     style2() {
       let height = this.$Store.state.app.clientHeight;
       if (this.extraHeight) {
@@ -49069,7 +49085,6 @@ const _hoisted_1$r = { style: { "background": "#fff" } };
 const _hoisted_2$k = { ref: "headarea" };
 const _hoisted_3$b = ["id"];
 const _hoisted_4$9 = ["id"];
-const _hoisted_5$8 = ["id"];
 function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_AnchorLink = resolveComponent("AnchorLink");
   const _component_Anchor = resolveComponent("Anchor");
@@ -49130,77 +49145,69 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
           style: normalizeStyle($options.style2),
           onScroll: _cache[0] || (_cache[0] = (...args) => $options.handleScroll && $options.handleScroll(...args))
         }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList($data.myConfig.formsConfig.items, (item, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.renderItems, (temp) => {
             return withDirectives((openBlock(), createElementBlock("div", {
-              id: item.divId,
-              key: item.divId
+              key: temp.el.divId,
+              id: temp.el.divId
             }, [
-              createVNode(_component_Formcard, {
-                ref_for: true,
-                ref: item.name,
-                config: item,
-                dictData: $props.dictData,
-                onDoAction: $options.doAction
-              }, null, 8, ["config", "dictData", "onDoAction"])
-            ], 8, _hoisted_4$9)), [
-              [vShow, $data.headVisible[index].visible]
-            ]);
-          }), 128)),
-          (openBlock(true), createElementBlock(Fragment, null, renderList($data.detailConfig.items, (temp2, index) => {
-            return withDirectives((openBlock(), createElementBlock("div", {
-              key: temp2.divId,
-              id: temp2.divId
-            }, [
-              temp2.type === "EditGridCard" ? (openBlock(), createBlock(_component_EditGridCardS, {
+              temp.isHead ? (openBlock(), createBlock(_component_Formcard, {
                 key: 0,
                 ref_for: true,
-                ref: temp2.name,
-                config: temp2,
+                ref: temp.el.name,
+                config: temp.el,
                 dictData: $props.dictData,
                 onDoAction: $options.doAction
               }, null, 8, ["config", "dictData", "onDoAction"])) : createCommentVNode("", true),
-              temp2.type === "DetailsBox" ? (openBlock(), createBlock(_component_DetailsBoxs, {
+              !temp.isHead && temp.el.type === "EditGridCard" ? (openBlock(), createBlock(_component_EditGridCardS, {
                 key: 1,
                 ref_for: true,
-                ref: temp2.name,
-                config: temp2,
+                ref: temp.el.name,
+                config: temp.el,
                 dictData: $props.dictData,
                 onDoAction: $options.doAction
               }, null, 8, ["config", "dictData", "onDoAction"])) : createCommentVNode("", true),
-              temp2.type === "FormCardBox" ? (openBlock(), createBlock(_component_FormCardBox, {
+              !temp.isHead && temp.el.type === "DetailsBox" ? (openBlock(), createBlock(_component_DetailsBoxs, {
                 key: 2,
                 ref_for: true,
-                ref: temp2.name,
-                config: temp2,
+                ref: temp.el.name,
+                config: temp.el,
+                dictData: $props.dictData,
+                onDoAction: $options.doAction
+              }, null, 8, ["config", "dictData", "onDoAction"])) : createCommentVNode("", true),
+              !temp.isHead && temp.el.type === "FormCardBox" ? (openBlock(), createBlock(_component_FormCardBox, {
+                key: 3,
+                ref_for: true,
+                ref: temp.el.name,
+                config: temp.el,
                 dictData: $props.dictData
               }, null, 8, ["config", "dictData"])) : createCommentVNode("", true),
-              temp2.type === "AppendixBox" ? (openBlock(), createBlock(_component_AppendixBoxs, {
-                key: 3,
+              !temp.isHead && temp.el.type === "AppendixBox" ? (openBlock(), createBlock(_component_AppendixBoxs, {
+                key: 4,
                 ref_for: true,
-                ref: temp2.name,
-                config: temp2,
+                ref: temp.el.name,
+                config: temp.el,
                 modulecode: $data.modulecode,
                 onDoAction: $options.doAction
               }, null, 8, ["config", "modulecode", "onDoAction"])) : createCommentVNode("", true),
-              temp2.type === "FormCardBox2" ? (openBlock(), createBlock(_component_FormCardBox2, {
-                key: 4,
+              !temp.isHead && temp.el.type === "FormCardBox2" ? (openBlock(), createBlock(_component_FormCardBox2, {
+                key: 5,
                 ref_for: true,
-                ref: temp2.name,
-                config: temp2,
+                ref: temp.el.name,
+                config: temp.el,
                 dictData: $props.dictData
               }, null, 8, ["config", "dictData"])) : createCommentVNode("", true),
-              temp2.type === "AppendixBox2" ? (openBlock(), createBlock(_component_AppendixBoxs2, {
-                key: 5,
+              !temp.isHead && temp.el.type === "AppendixBox2" ? (openBlock(), createBlock(_component_AppendixBoxs2, {
+                key: 6,
                 ref_for: true,
-                ref: temp2.name,
-                config: temp2,
+                ref: temp.el.name,
+                config: temp.el,
                 dictData: $props.dictData,
                 modulecode: $data.modulecode,
                 onHandleSuccessAfter: $options.handleSuccessAfter,
                 onDoAction: $options.doAction
               }, null, 8, ["config", "dictData", "modulecode", "onHandleSuccessAfter", "onDoAction"])) : createCommentVNode("", true)
-            ], 8, _hoisted_5$8)), [
-              [vShow, $data.detailVisible[index].visible]
+            ], 8, _hoisted_4$9)), [
+              [vShow, temp.isHead ? $data.headVisible[temp.index].visible : $data.detailVisible[temp.index].visible]
             ]);
           }), 128))
         ], 44, _hoisted_3$b)