@nutui/nutui 3.1.19-beta.1 → 3.1.19-beta.2

package/dist/packages/_es/Sticky.js

@@ -1,12 +1,11 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, computed, watch, h, unref } from "vue";
-import Taro from "@tarojs/taro";
+import { ref, reactive, computed, watch, onMounted, onUnmounted, h, unref } from "vue";
 import { c as createComponent } from "./component.js";
-import { u as useTaroRect } from "./index.js";
+import { u as useRect } from "./index2.js";
 const { componentName, create } = createComponent("sticky");
 const _sfc_main = create({
   props: {
@@ -33,8 +32,6 @@ const _sfc_main = create({
   emits: ["change", "scroll"],
   setup(props, { emit, slots }) {
     const root = ref();
-    const query = Taro.createSelectorQuery();
-    const refRandomId = Math.random().toString(36).slice(-8);
     const state = reactive({
       width: 0,
       height: 0,
@@ -70,22 +67,19 @@ const _sfc_main = create({
       const el = unref(elementRef);
       if (!el)
         return false;
-      return new Promise((resolve, reject) => {
-        query.select(`#${el.id}`).fields({
-          computedStyle: ["display", "position"]
-        }, (res) => {
-          const hidden = res.display === "none";
-          const parentHidden = el.offsetParent === null && res.position !== "fixed";
-          resolve(hidden || parentHidden);
-        }).exec();
-      });
+      const style = window.getComputedStyle(el);
+      const hidden = style.display === "none";
+      const parentHidden = el.offsetParent === null && style.position !== "fixed";
+      return hidden || parentHidden;
     };
-    const isExistRoot = async () => {
-      const hidden = await isHidden(root);
-      if (!root.value || hidden)
+    const isExistRoot = () => {
+      if (!root.value || isHidden(root))
         return false;
       return true;
     };
+    const getScrollTop = (el) => {
+      return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
+    };
     const renderFixed = () => {
       var _a;
       return h("view", {
@@ -93,18 +87,19 @@ const _sfc_main = create({
         class: state.fixed ? `${componentName} nut-sticky--fixed` : componentName
       }, (_a = slots.default) == null ? void 0 : _a.call(slots));
     };
-    const onScroll = async (scrollTop) => {
+    const onScroll = () => {
       if (!isExistRoot())
         return;
       const { container, position } = props;
-      const rootRect = await useTaroRect(root, Taro);
+      const scrollTop = getScrollTop(window);
+      const rootRect = useRect(root);
       if (rootRect.width || rootRect.height) {
         state.width = rootRect.width;
         state.height = rootRect.height;
       }
       if (position === "top") {
         if (container) {
-          const containerRect = await useTaroRect(container, Taro);
+          const containerRect = useRect(container);
           const diff = containerRect.bottom - +offset.value - state.height;
           state.fixed = +offset.value > rootRect.top && containerRect.bottom > 0;
           state.transform = diff < 0 ? diff : 0;
@@ -112,9 +107,9 @@ const _sfc_main = create({
           state.fixed = offset.value > rootRect.top;
         }
       } else if (position === "bottom") {
-        const clientHeight = Taro.getSystemInfoSync().windowHeight;
+        const clientHeight = document.documentElement.clientHeight;
         if (container) {
-          const containerRect = await useTaroRect(container, Taro);
+          const containerRect = useRect(container);
           const diff = clientHeight - containerRect.top - +offset.value - state.height;
           state.fixed = clientHeight - +offset.value < rootRect.bottom && clientHeight > containerRect.top;
           state.transform = diff < 0 ? -diff : 0;
@@ -130,16 +125,16 @@ const _sfc_main = create({
     watch(() => state.fixed, (val) => {
       emit("change", val);
     });
-    Taro.usePageScroll((res) => {
-      onScroll(res.scrollTop);
+    onMounted(() => {
+      window.addEventListener("scroll", onScroll);
+      onScroll();
     });
-    Taro.useReady(() => {
-      onScroll(0);
+    onUnmounted(() => {
+      window.removeEventListener("scroll", onScroll);
     });
     return () => {
       return h("view", {
         style: rootStyle.value,
-        id: `root-${refRandomId}`,
         ref: root
       }, [renderFixed()]);
     };

package/dist/packages/_es/SubSideNavBar.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Swipe.js

@@ -18,15 +18,13 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import Taro from "@tarojs/taro";
-import { u as useTouch } from "./index3.js";
-import { computed, ref, onMounted, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
+import { u as useTouch } from "./index4.js";
+import { computed, ref, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
-import { u as useTaroRect } from "./index.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("swipe");
 const _sfc_main = create({
@@ -50,29 +48,21 @@ const _sfc_main = create({
   },
   emits: ["open", "close"],
   setup(props, { emit }) {
-    const refRandomId = Math.random().toString(36).slice(-8);
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
         [prefixCls]: true
       };
     });
-    const getRefWidth = async (ref2) => {
-      let rect = await useTaroRect(ref2, Taro);
-      return rect.width || 0;
+    const getRefWidth = (ref2) => {
+      var _a;
+      return ((_a = ref2.value) == null ? void 0 : _a.clientWidth) || 0;
     };
-    const leftRef = ref();
-    const leftRefWidth = ref(0);
-    const rightRef = ref();
-    const rightRefWidth = ref(0);
-    const initWidth = async () => {
-      leftRefWidth.value = await getRefWidth(leftRef);
-      rightRefWidth.value = await getRefWidth(rightRef);
-    };
-    onMounted(() => {
-      setTimeout(() => {
-        initWidth();
-      }, 100);
+    const leftRef = ref(), leftRefWidth = computed(() => {
+      return getRefWidth(leftRef);
+    });
+    const rightRef = ref(), rightRefWidth = computed(() => {
+      return getRefWidth(rightRef);
     });
     let opened = false;
     let position = "";
@@ -132,7 +122,7 @@ const _sfc_main = create({
           return;
         touch.start(event);
       },
-      async onTouchMove(event) {
+      onTouchMove(event) {
         if (props.disabled)
           return;
         touch.move(event);
@@ -178,15 +168,20 @@ const _sfc_main = create({
     }, touchMethods), {
       leftRef,
       rightRef,
-      refRandomId,
       open,
       close
     });
   }
 });
-const _hoisted_1 = ["id"];
+const _hoisted_1 = {
+  class: "nut-swipe__left",
+  ref: "leftRef"
+};
 const _hoisted_2 = { class: "nut-swipe__content" };
-const _hoisted_3 = ["id"];
+const _hoisted_3 = {
+  class: "nut-swipe__right",
+  ref: "rightRef"
+};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -196,24 +191,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
     onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
-    createElementVNode("view", {
-      class: "nut-swipe__left",
-      ref: "leftRef",
-      id: "leftRef-" + _ctx.refRandomId
-    }, [
+    createElementVNode("view", _hoisted_1, [
       renderSlot(_ctx.$slots, "left")
-    ], 8, _hoisted_1),
+    ], 512),
     createElementVNode("view", _hoisted_2, [
       renderSlot(_ctx.$slots, "default")
     ]),
-    createElementVNode("view", {
-      class: "nut-swipe__right",
-      ref: "rightRef",
-      id: "rightRef-" + _ctx.refRandomId
-    }, [
+    createElementVNode("view", _hoisted_3, [
       renderSlot(_ctx.$slots, "right")
-    ], 8, _hoisted_3)
+    ], 512)
   ], 38);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Swiper.js

@@ -1,13 +1,11 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, ref, computed, provide, onMounted, onActivated, onDeactivated, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
+import { reactive, ref, computed, provide, onMounted, nextTick, onActivated, onDeactivated, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
 import { c as createComponent } from "./component.js";
-import { u as useTaroRect } from "./index.js";
-import { u as useExpose } from "./index2.js";
-import Taro, { eventCenter, getCurrentInstance } from "@tarojs/taro";
+import { u as useExpose } from "./index3.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const DISTANCE = 5;
 function useTouch() {
@@ -112,7 +110,6 @@ const _sfc_main = create({
   emits: ["change"],
   setup(props, { emit, slots }) {
     const container = ref();
-    const refRandomId = Math.random().toString(36).slice(-8);
     const state = reactive({
       active: 0,
       num: 0,
@@ -168,7 +165,7 @@ const _sfc_main = create({
       return Math.min(Math.max(num, min), max);
     };
     const requestFrame = (fn) => {
-      requestAnimationFrame.call(null, fn);
+      window.requestAnimationFrame.call(window, fn);
     };
     const getOffset = (active, offset = 0) => {
       let currentPosition = active * size.value;
@@ -280,9 +277,9 @@ const _sfc_main = create({
         autoplay();
       }, Number(props.autoPlay));
     };
-    const init = async (active = +props.initPage) => {
+    const init = (active = +props.initPage) => {
       stopAutoPlay();
-      state.rect = await useTaroRect(container, Taro);
+      state.rect = container.value.getBoundingClientRect();
       active = Math.min(childCount.value - 1, active);
       state.width = props.width ? +props.width : state.rect.width;
       state.height = props.height ? +props.height : state.rect.height;
@@ -349,26 +346,14 @@ const _sfc_main = create({
       to
     });
     onMounted(() => {
-      if (Taro.getEnv() === "WEB") {
+      nextTick(() => {
         init();
-      } else {
-        Taro.nextTick(async () => {
-          state.rect = await useTaroRect(container, Taro);
-          state.rect && init();
-        });
-        eventCenter.once(getCurrentInstance().router.onReady, () => {
-          init();
-        });
-      }
+      });
     });
     onActivated(() => {
-      if (Taro.getEnv() === "WEB") {
+      nextTick(() => {
         init();
-      } else {
-        eventCenter.once(getCurrentInstance().router.onReady, () => {
-          init();
-        });
-      }
+      });
     });
     onDeactivated(() => {
       stopAutoPlay();
@@ -377,12 +362,12 @@ const _sfc_main = create({
       stopAutoPlay();
     });
     watch(() => props.initPage, (val) => {
-      eventCenter.once(getCurrentInstance().router.onReady, () => {
-        init(+val);
+      nextTick(() => {
+        init(Number(val));
       });
     });
     watch(() => state.children.length, () => {
-      eventCenter.once(getCurrentInstance().router.onReady, () => {
+      nextTick(() => {
         init(state.active);
       });
     });
@@ -391,7 +376,6 @@ const _sfc_main = create({
     });
     return {
       state,
-      refRandomId,
       classes,
       container,
       componentName,
@@ -404,11 +388,9 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     ref: "container",
-    id: "container-" + _ctx.refRandomId,
     class: normalizeClass(_ctx.classes),
     onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
     onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
@@ -441,7 +423,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 4);
       }), 128))
     ], 2)) : createCommentVNode("", true)
-  ], 42, _hoisted_1);
+  ], 34);
 }
 var Swiper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { Swiper as default };

package/dist/packages/_es/SwiperItem.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, getCurrentInstance, reactive, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
-import { u as useExpose } from "./index2.js";
+import { u as useExpose } from "./index3.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { create, componentName } = createComponent("swiper-item");
 const _sfc_main = create({

package/dist/packages/_es/Switch.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -116,5 +116,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/TabPane.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Tabbar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -73,5 +73,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/TabbarItem.js

@@ -1,9 +1,10 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { c as createComponent } from "./component.js";
+import { u as useRouter } from "./index.js";
 import { inject, reactive, getCurrentInstance, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, toDisplayString, createCommentVNode, createVNode, renderSlot } from "vue";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { create } = createComponent("tabbar-item");
@@ -33,14 +34,14 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
-    dot: {
-      type: Boolean,
-      default: false
-    },
     classPrefix: {
       type: String,
       default: "nut-icon"
     },
+    dot: {
+      type: Boolean,
+      default: false
+    },
     fontClassName: {
       type: String,
       default: "nutui-iconfont"
@@ -56,16 +57,17 @@ const _sfc_main = create({
       active: parent.modelValue,
       index: 0
     });
+    const router = useRouter();
     const relation = (child) => {
       if (child.proxy) {
-        let index = parent.children.length;
-        state.index = index;
+        let index2 = parent.children.length;
+        state.index = index2;
         parent.children.push(child.proxy);
       }
     };
     relation(getCurrentInstance());
-    function change(index) {
-      parent.changeIndex(index);
+    function change(index2) {
+      parent.changeIndex(index2);
     }
     const choosed = computed(() => {
       if (parent) {
@@ -79,6 +81,14 @@ const _sfc_main = create({
         if (parent.children[value].href) {
           window.location.href = parent.children[value].href;
         }
+        if (parent.children[value].to) {
+          let to = parent.children[value].to;
+          if (to && router) {
+            router.push(to);
+          } else {
+            location.replace(to);
+          }
+        }
       });
     });
     return {
@@ -143,5 +153,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Table.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -114,17 +114,16 @@ const _hoisted_1 = { class: "nut-table__main__head" };
 const _hoisted_2 = { class: "nut-table__main__head__tr" };
 const _hoisted_3 = ["onClick"];
 const _hoisted_4 = { class: "nut-table__main__body" };
-const _hoisted_5 = { key: 1 };
-const _hoisted_6 = {
+const _hoisted_5 = {
   key: 0,
   class: "nut-table__summary"
 };
-const _hoisted_7 = ["innerHTML"];
-const _hoisted_8 = {
+const _hoisted_6 = ["innerHTML"];
+const _hoisted_7 = {
   key: 1,
   class: "nut-table__nodata"
 };
-const _hoisted_9 = {
+const _hoisted_8 = {
   key: 0,
   class: "nut-table__nodata__text"
 };
@@ -167,31 +166,32 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: normalizeClass(["nut-table__main__body__tr__td", _ctx.cellClasses(_ctx.getColumnItem(value))]),
                 key: value
               }, [
+                createTextVNode(toDisplayString(typeof item[value] !== "function" ? item[value] : "") + " ", 1),
                 typeof item[value] === "function" ? (openBlock(), createBlock(_component_RenderColumn, {
                   key: 0,
                   slots: item[value]
-                }, null, 8, ["slots"])) : (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(item[value]), 1))
+                }, null, 8, ["slots"])) : createCommentVNode("", true)
               ], 2);
             }), 128))
           ]);
         }), 128))
       ])
     ], 2),
-    _ctx.summary ? (openBlock(), createElementBlock("view", _hoisted_6, [
+    _ctx.summary ? (openBlock(), createElementBlock("view", _hoisted_5, [
       createElementVNode("span", {
         class: "nut-table__summary__text",
         innerHTML: _ctx.summary().value
-      }, null, 8, _hoisted_7)
+      }, null, 8, _hoisted_6)
     ])) : createCommentVNode("", true),
-    !_ctx.curData.length ? (openBlock(), createElementBlock("view", _hoisted_8, [
+    !_ctx.curData.length ? (openBlock(), createElementBlock("view", _hoisted_7, [
       createElementVNode("div", {
         class: normalizeClass(["nut-table__nodata", { "nut-table__nodata--border": _ctx.bordered }])
       }, [
         renderSlot(_ctx.$slots, "nodata"),
-        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_9, " \u6682\u65E0\u6570\u636E ")) : createCommentVNode("", true)
+        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_8, " \u6682\u65E0\u6570\u636E ")) : createCommentVNode("", true)
       ], 2)
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };