@nutui/nutui 3.2.5 → 3.2.6-beta.1

package/dist/packages/_es/CircleProgress.js

@@ -1,10 +1,10 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { useSlots, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot, toDisplayString, createCommentVNode } from "vue";
-import { a as isObject, c as createComponent } from "./component.js";
+import { useSlots, computed, ref, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createTextVNode, renderSlot, toDisplayString, createCommentVNode } from "vue";
+import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("circleprogress");
@@ -28,49 +28,35 @@ const _sfc_main = create({
     },
     color: {
       type: [String, Object],
-      default: ""
+      default: "#FF673E"
     },
     pathColor: {
       type: String,
-      default: ""
+      default: "#d9d9d9"
     },
     clockwise: {
       type: Boolean,
       default: true
     }
   },
-  setup(props) {
+  emits: ["update:progress"],
+  setup(props, { emit }) {
     const slotDefault = !!useSlots().default;
-    const refRandomId = Math.random().toString(36).slice(-8);
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
         [prefixCls]: true
       };
     });
-    const path = computed(() => {
-      const isWise = props.clockwise ? 1 : 0;
-      return `M 50 50 m 0 -45 a 45 45 0 1 ${isWise} 0 90 a 45 45 0 1, ${isWise} 0 -90`;
-    });
-    const hoverColor = computed(() => {
-      return isObject(props.color) ? `url(#${refRandomId})` : props.color;
-    });
-    const hoverStyle = computed(() => {
-      let perimeter = 283;
-      let offset = perimeter * Number(props.progress) / 100;
-      return {
-        stroke: isObject(props.color) ? `url(#${refRandomId})` : props.color,
-        strokeDasharray: `${offset}px ${perimeter}px`
-      };
-    });
-    const pathStyle = computed(() => {
-      return {
-        stroke: props.pathColor
-      };
-    });
-    const stop = computed(() => {
+    const currentRate = ref(props.progress);
+    const refRandomId = Math.random().toString(36).slice(-8);
+    const isObject = (val) => val !== null && typeof val === "object";
+    const transColor = (color) => {
+      return color && color.replace("#", "%23");
+    };
+    const stop = () => {
       if (!isObject(props.color)) {
-        return;
+        return [];
       }
       let color = props.color;
       const colorArr = Object.keys(color).sort((a, b) => parseFloat(a) - parseFloat(b));
@@ -85,71 +71,101 @@ const _sfc_main = create({
         stopArr.push(obj);
       });
       return stopArr;
+    };
+    const style = computed(() => {
+      let { strokeWidth } = props;
+      let stopArr = stop();
+      let stopDom = [];
+      if (stopArr) {
+        stopArr.map((item) => {
+          let obj = "";
+          obj = `%3Cstop offset='${item.key}' stop-color='${transColor(item.value)}'/%3E`;
+          stopDom.push(obj);
+        });
+      }
+      let perimeter = 283;
+      let progress = +currentRate.value;
+      let offset = perimeter * Number(format(parseFloat(progress.toFixed(1)))) / 100;
+      const isWise = props.clockwise ? 1 : 0;
+      const color = isObject(props.color) ? `url(%23${refRandomId})` : transColor(props.color);
+      let d = `M 50 50 m 0 -45 a 45 45 0 1 ${isWise} 0 90 a 45 45 0 1, ${isWise} 0 -90`;
+      const pa = `%3Cdefs%3E%3ClinearGradient id='${refRandomId}' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E${stopDom}%3C/linearGradient%3E%3C/defs%3E`;
+      const path = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke='${transColor(
+        props.pathColor
+      )}' fill='none'/%3E`;
+      const path1 = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke-dasharray='${offset},${perimeter}' stroke-linecap='round' stroke='${color}' fill='none'/%3E`;
+      return {
+        background: `url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100'  xmlns='http://www.w3.org/2000/svg'%3E${pa}${path}${path1}%3C/svg%3E")`,
+        width: "100%",
+        height: "100%"
+      };
     });
+    const format = (progress) => Math.min(Math.max(+progress, 0), 100);
+    var lastTime = 0;
+    const requestAnimationFrame = function(callback) {
+      var currTime = new Date().getTime();
+      var timeToCall = Math.max(0, 16.7 - (currTime - lastTime));
+      lastTime = currTime + timeToCall;
+      var id = setTimeout(function() {
+        callback(currTime + timeToCall, lastTime);
+      }, timeToCall);
+      lastTime = currTime + timeToCall;
+      return id;
+    };
+    const cancelAnimationFrame = function(id) {
+      clearTimeout(id);
+    };
+    watch(
+      () => props.progress,
+      (value, oldvalue) => {
+        let rafId;
+        const startTime = Date.now();
+        const startRate = Number(oldvalue);
+        const endRate = Number(value);
+        const duration = Math.abs((startRate - endRate) * 1e3 / 100);
+        const animate = () => {
+          const now = Date.now();
+          const progress = Math.min((now - startTime) / duration, 1);
+          const rate = progress * (endRate - startRate) + startRate;
+          currentRate.value = Math.min(Math.max(+rate, 0), 100);
+          emit("update:progress", format(parseFloat(rate.toFixed(1))));
+          if (endRate > startRate ? rate < endRate : rate > endRate) {
+            rafId = requestAnimationFrame(animate);
+          }
+        };
+        if (rafId) {
+          cancelAnimationFrame(rafId);
+        }
+        rafId = requestAnimationFrame(animate);
+      }
+    );
     return {
-      classes,
-      hoverStyle,
-      pathStyle,
-      path,
-      hoverColor,
-      stop,
       slotDefault,
-      refRandomId
+      style,
+      currentRate,
+      refRandomId,
+      classes,
+      stop
     };
   }
 });
-const _hoisted_1 = { viewBox: "0 0 100 100" };
-const _hoisted_2 = ["id"];
-const _hoisted_3 = ["offset", "stop-color"];
-const _hoisted_4 = ["d", "stroke-width"];
-const _hoisted_5 = ["d", "stroke", "stroke-linecap", "stroke-width"];
-const _hoisted_6 = { class: "nut-circleprogress-text" };
-const _hoisted_7 = { key: 0 };
+const _hoisted_1 = { class: "nut-circleprogress-text" };
+const _hoisted_2 = { key: 0 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle({ height: _ctx.radius * 2 + "px", width: _ctx.radius * 2 + "px" })
   }, [
-    (openBlock(), createElementBlock("svg", _hoisted_1, [
-      createElementVNode("defs", null, [
-        createElementVNode("linearGradient", {
-          id: _ctx.refRandomId,
-          x1: "100%",
-          y1: "0%",
-          x2: "0%",
-          y2: "0%"
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.stop, (item, index2) => {
-            return openBlock(), createElementBlock("stop", {
-              key: index2,
-              offset: item.key,
-              "stop-color": item.value
-            }, null, 8, _hoisted_3);
-          }), 128))
-        ], 8, _hoisted_2)
-      ]),
-      createElementVNode("path", {
-        class: "nut-circleprogress-path",
-        style: normalizeStyle(_ctx.pathStyle),
-        d: _ctx.path,
-        fill: "none",
-        "stroke-width": _ctx.strokeWidth
-      }, " > ", 12, _hoisted_4),
-      createElementVNode("path", {
-        class: "nut-circleprogress-hover",
-        style: normalizeStyle(_ctx.hoverStyle),
-        d: _ctx.path,
-        fill: "none",
-        stroke: _ctx.hoverColor,
-        "stroke-linecap": _ctx.strokeLinecap,
-        "stroke-width": _ctx.strokeWidth
-      }, null, 12, _hoisted_5)
-    ])),
-    createElementVNode("div", _hoisted_6, [
+    createElementVNode("div", {
+      style: normalizeStyle(_ctx.style)
+    }, null, 4),
+    createTextVNode(),
+    createElementVNode("div", _hoisted_1, [
       renderSlot(_ctx.$slots, "default"),
-      !_ctx.slotDefault ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(_ctx.progress) + "%", 1)) : createCommentVNode("", true)
+      createTextVNode(),
+      !_ctx.slotDefault ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.progress) + "%", 1)) : createCommentVNode("", true)
     ])
   ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/Col.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Collapse.js

@@ -1,10 +1,11 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, watch, onMounted, getCurrentInstance, provide, openBlock, createElementBlock, renderSlot } from "vue";
+import { ref, onMounted, getCurrentInstance, watch, provide, openBlock, createElementBlock, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
+import { nextTick } from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { create } = createComponent("collapse");
@@ -52,45 +53,19 @@ const _sfc_main = create({
   emits: ["update:active", "change"],
   setup(props, { emit, slots }) {
     const collapseDom = ref(null);
-    const collapseChldren = ref([]);
-    watch(
-      () => props.active,
-      (newval, oldval) => {
-        let doms = collapseChldren.value;
-        Array.from(doms).forEach((item) => {
-          if (typeof newval == "number" || typeof newval == "string") {
-            if (newval == item.name) {
-              item.changeOpen(true);
-            } else {
-              item.changeOpen(false);
-            }
-          } else if (Object.values(newval) instanceof Array) {
-            if (newval.indexOf(Number(item.name)) > -1 || newval.indexOf(String(item.name)) > -1) {
-              item.changeOpen(true);
-            } else {
-              item.changeOpen(false);
-            }
-          }
-          item.animation();
-        });
-      }
-    );
-    onMounted(() => {
-      collapseChldren.value = getCurrentInstance().provides.collapseParent.children || [];
-    });
     const changeVal = (val) => {
       emit("update:active", val);
       emit("change", val);
     };
     const changeValAry = (name) => {
       const activeItem = props.active instanceof Object ? Object.values(props.active) : props.active;
-      let index2 = -1;
+      let index = -1;
       activeItem.forEach((item, idx) => {
         if (String(item) == String(name)) {
-          index2 = idx;
+          index = idx;
         }
       });
-      index2 > -1 ? activeItem.splice(index2, 1) : activeItem.push(name);
+      index > -1 ? activeItem.splice(index, 1) : activeItem.push(name);
       changeVal(activeItem);
     };
     const isExpanded = (name) => {
@@ -99,12 +74,68 @@ const _sfc_main = create({
         return typeof active === "number" || typeof active === "string" ? active == name : false;
       }
     };
+    const activeIndex = () => {
+      var _a;
+      const activeCollapse = props.active;
+      const childrenList = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      let act = [];
+      childrenList.forEach((item, index) => {
+        if (typeof activeCollapse == "number" || typeof activeCollapse == "string") {
+          if (item.props.name == activeCollapse) {
+            act.push(item.flag);
+            return act;
+          }
+        } else {
+          let ary = Array.from(activeCollapse);
+          if (ary.includes(String(item.props.name)) || ary.includes(Number(item.props.name))) {
+            act.push(item.flag);
+          }
+        }
+      });
+      return act;
+    };
+    const childrenDom = ref(null);
+    onMounted(() => {
+      childrenDom.value = getCurrentInstance().provides.collapseParent.children;
+    });
+    watch(
+      () => props.active,
+      (newval, oldval) => {
+        nextTick(() => {
+          var _a;
+          let domsProps = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots);
+          let doms = childrenDom.value;
+          Array.from(doms).forEach((item, index) => {
+            if (typeof newval == "number" || typeof newval == "string") {
+              if (newval == domsProps[index].props.name) {
+                item.changeOpen(true);
+              } else {
+                item.changeOpen(false);
+              }
+            } else if (Object.values(newval) instanceof Array) {
+              if (newval.indexOf(Number(domsProps[index].props.name)) > -1 || newval.indexOf(String(domsProps[index].props.name)) > -1) {
+                item.changeOpen(true);
+              } else {
+                item.changeOpen(false);
+              }
+            }
+            item.animation();
+          });
+        });
+      }
+    );
+    const getParentChildren = () => {
+      var _a;
+      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+    };
     provide("collapseParent", {
       children: [],
       props,
       changeValAry,
       changeVal,
-      isExpanded
+      isExpanded,
+      activeIndex,
+      getParentChildren
     });
     return { collapseDom };
   }
@@ -115,5 +146,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 512);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/CollapseItem.js

@@ -1,9 +1,10 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject, reactive, computed, getCurrentInstance, ref, watch, onMounted, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, mergeProps, createCommentVNode, renderSlot } from "vue";
+import { inject, ref, reactive, computed, getCurrentInstance, watch, onMounted, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, mergeProps, createCommentVNode, createTextVNode, renderSlot, normalizeStyle } from "vue";
+import Taro, { eventCenter, getCurrentInstance as getCurrentInstance$1 } from "@tarojs/taro";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -33,6 +34,7 @@ const _sfc_main = create({
   },
   setup(props, ctx) {
     const collapse = inject("collapseParent");
+    const conHeight = ref("auto");
     const parent = reactive(collapse);
     const classes = computed(() => {
       const prefixCls = componentName;
@@ -66,31 +68,33 @@ const _sfc_main = create({
     const wrapperRef = ref(null);
     const contentRef = ref(null);
     const onTransitionEnd = () => {
-      const wrapperRefEle = document.getElementsByClassName("collapse-wrapper")[0];
-      if (wrapperRefEle) {
-        wrapperRefEle.style.willChange = "auto";
-      }
+      nextTick(() => {
+        parent.children.forEach((item1, index) => {
+          let ary = Array.from(item1.$el.children);
+          ary.forEach((item2, index2) => {
+            if (item2.className.includes("collapse-wrapper")) {
+              item2.style.willChange = "auto";
+            }
+          });
+        });
+      });
     };
     const animation = () => {
-      const wrapperRefEle = wrapperRef.value;
-      const contentRefEle = contentRef.value;
-      if (!wrapperRefEle || !contentRefEle) {
-        return;
+      if (parent.props.icon && !proxyData.openExpanded) {
+        proxyData.iconStyle["transform"] = "rotate(0deg)";
+      } else {
+        proxyData.iconStyle["transform"] = "rotate(" + parent.props.rotate + "deg)";
       }
-      const offsetHeight = contentRefEle.offsetHeight || "auto";
-      if (offsetHeight) {
-        const contentHeight = `${offsetHeight}px`;
-        wrapperRefEle.style.willChange = "height";
-        wrapperRefEle.style.height = !proxyData.openExpanded ? 0 : contentHeight;
-        if (parent.props.icon && !proxyData.openExpanded) {
-          proxyData.iconStyle["transform"] = "rotate(0deg)";
-        } else {
-          proxyData.iconStyle["transform"] = "rotate(" + parent.props.rotate + "deg)";
+      nextTick(() => {
+        const query = Taro.getEnv() === "ALIPAY" ? my.createSelectorQuery() : Taro.createSelectorQuery();
+        query.selectAll(".collapse-content").boundingClientRect();
+        query.exec((res) => {
+          getH(res[0]);
+        });
+        if (!proxyData.openExpanded) {
+          onTransitionEnd();
         }
-      }
-      if (!proxyData.openExpanded) {
-        onTransitionEnd();
-      }
+      });
     };
     const open = () => {
       proxyData.openExpanded = !proxyData.openExpanded;
@@ -113,7 +117,7 @@ const _sfc_main = create({
           }
         });
       } else {
-        parent.changeValAry(String(props.name));
+        parent.changeValAry(props.name);
         open();
       }
     };
@@ -136,45 +140,68 @@ const _sfc_main = create({
         var _a, _b;
         return (_b = (_a = ctx == null ? void 0 : ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a);
       },
-      () => {
+      (vnodes) => {
         setTimeout(() => {
-          animation();
+          getRefHeight();
         }, 300);
       }
     );
-    const init = () => {
-      const { name } = props;
-      const active = parent && parent.props.active;
-      nextTick(() => {
-        if (typeof active == "number" || typeof active == "string") {
-          if (name == active) {
-            defaultOpen();
-          }
-        } else if (Object.values(active) instanceof Array) {
-          const f = Object.values(active).filter((item) => item == name);
-          if (f.length > 0) {
-            defaultOpen();
-          }
+    const getH = (list) => {
+      parent.children.forEach((item1, index1) => {
+        let ary = Array.from(item1.$el.children);
+        let _uid = ary[1].children[0]["uid"];
+        let tm = list.filter((item2) => item2.id == _uid);
+        if (tm && tm.length > 0) {
+          let h = tm[0]["height"];
+          item1.conHeight = h;
+        }
+      });
+    };
+    const getH5 = () => {
+      parent.children.forEach((item1, index1) => {
+        let ary = Array.from(item1.$el.children);
+        let h = ary[1].children[0]["offsetHeight"];
+        item1.conHeight = h;
+      });
+    };
+    const getRefHeight = () => {
+      const query = Taro.getEnv() === "ALIPAY" ? my.createSelectorQuery() : Taro.createSelectorQuery();
+      query.selectAll(".collapse-content").boundingClientRect();
+      query.exec((res) => {
+        if (Taro.getEnv() === "WEB") {
+          getH5();
+        } else {
+          getH(res[0]);
         }
       });
     };
     onMounted(() => {
-      init();
-    });
-    const emptyContent = computed(() => {
-      let ele = contentRef.value;
-      let _class = "";
-      if (!(ele == null ? void 0 : ele.innerText)) {
-        _class = "empty";
+      const { name } = props;
+      const active = parent && parent.props.active;
+      if (typeof active == "number" || typeof active == "string") {
+        if (name == active) {
+          defaultOpen();
+        }
+      } else if (Object.values(active) instanceof Array) {
+        const f = Object.values(active).filter((item) => item == name);
+        if (f.length > 0) {
+          defaultOpen();
+        }
+      }
+      if (Taro.getEnv() === "WEB") {
+        getRefHeight();
+      } else {
+        eventCenter.once(getCurrentInstance$1().router.onReady, () => {
+          getRefHeight();
+        });
       }
-      return _class;
     });
     return {
       classes,
-      emptyContent,
       ...toRefs(proxyData),
       ...toRefs(parent.props),
       ...toRefs(titleIconStyle),
+      conHeight,
       wrapperRef,
       contentRef,
       open,
@@ -198,8 +225,8 @@ const _hoisted_6 = {
 };
 const _hoisted_7 = { class: "collapse-extraRender" };
 const _hoisted_8 = {
-  class: "collapse-wrapper",
-  ref: "wrapperRef"
+  class: "collapse-content",
+  ref: "contentRef"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
@@ -219,8 +246,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, _ctx.$attrs, {
               size: _ctx.titleIconSize,
               color: _ctx.titleIconColor,
-              class: [_ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"]
+              class: ["collapse-title-icon", _ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"]
             }), null, 16, ["name", "size", "color", "class"])) : createCommentVNode("", true),
+            createTextVNode(),
             _ctx.$slots.mTitle ? renderSlot(_ctx.$slots, "mTitle", { key: 1 }) : (openBlock(), createElementBlock("view", {
               key: 2,
               innerHTML: _ctx.title,
@@ -229,6 +257,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ])
       ]),
+      createTextVNode(),
       _ctx.$slots.sTitle ? (openBlock(), createElementBlock("view", _hoisted_4, [
         renderSlot(_ctx.$slots, "sTitle")
       ])) : (openBlock(), createElementBlock("view", {
@@ -236,6 +265,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         innerHTML: _ctx.subTitle,
         class: "subTitle"
       }, null, 8, _hoisted_5)),
+      createTextVNode(),
       _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
         key: 2,
         name: _ctx.icon
@@ -246,20 +276,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         style: _ctx.iconStyle
       }), null, 16, ["name", "size", "color", "class", "style"])) : createCommentVNode("", true)
     ], 2),
+    createTextVNode(),
     _ctx.$slots.extraRender ? (openBlock(), createElementBlock("view", _hoisted_6, [
       createElementVNode("div", _hoisted_7, [
         renderSlot(_ctx.$slots, "extraRender")
       ])
     ])) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_8, [
-      createElementVNode("view", {
-        class: normalizeClass(["collapse-content", _ctx.emptyContent]),
-        ref: "contentRef"
-      }, [
+    createTextVNode(),
+    createElementVNode("view", {
+      class: normalizeClass(["collapse-wrapper", _ctx.openExpanded ? "open-style" : "close-style"]),
+      ref: "wrapperRef",
+      style: normalizeStyle({ height: _ctx.openExpanded ? _ctx.conHeight == "auto" ? "auto" : _ctx.conHeight + "px" : 0 })
+    }, [
+      createElementVNode("view", _hoisted_8, [
         renderSlot(_ctx.$slots, "default")
-      ], 2)
-    ], 512)
+      ], 512)
+    ], 6)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };