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

package/dist/packages/_es/Ellipsis.js

@@ -1,12 +1,10 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, computed, watch, onMounted, unref, toRefs, openBlock, createElementBlock, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, createTextVNode, withModifiers, normalizeStyle } from "vue";
+import { ref, reactive, computed, watch, onMounted, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createTextVNode, withModifiers } from "vue";
 import { c as createComponent } from "./component.js";
-import { u as useTaroRect } from "./index.js";
-import Taro from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("ellipsis");
@@ -18,7 +16,7 @@ const _sfc_main = create({
     },
     direction: {
       type: String,
-      default: "start"
+      default: "end"
     },
     rows: {
       type: [Number, String],
@@ -44,14 +42,9 @@ const _sfc_main = create({
   emits: ["click", "change"],
   setup(props, { emit }) {
     const root = ref(null);
-    const rootContain = ref(null);
-    let contantCopy = ref(props.content);
+    let container = null;
     let maxHeight = 0;
-    let lineHeight = 0;
-    let originHeight = 0;
     const ellipsis = ref();
-    const refRandomId = Math.random().toString(36).slice(-8);
-    let widthRef = ref("auto");
     const state = reactive({
       exceeded: false,
       expanded: false
@@ -65,113 +58,108 @@ const _sfc_main = create({
     watch(
       () => props.content,
       (newV, oldVal) => {
+        if (newV != oldVal) {
+          if (container) {
+            document.body.appendChild(container);
+          }
+          createContainer();
+        }
       }
     );
     onMounted(() => {
-      setTimeout(() => {
-        getReference();
-      }, 500);
+      createContainer();
     });
-    const getReference = async () => {
-      let element = unref(root);
-      const query = Taro.createSelectorQuery();
-      query.select(`#${element.id}`) && query.select(`#${element.id}`).fields(
-        {
-          computedStyle: ["width", "height", "lineHeight", "paddingTop", "paddingBottom"]
-        },
-        (res) => {
-          lineHeight = pxToNumber(res.lineHeight === "normal" ? props.lineHeight : res.lineHeight);
-          maxHeight = Math.floor(
-            lineHeight * (Number(props.rows) + 0.5) + pxToNumber(res.paddingTop) + pxToNumber(res.paddingBottom)
-          );
-          originHeight = pxToNumber(res.height);
-          widthRef.value = res.width;
-          calcEllipse();
-        }
-      ).exec();
+    const createContainer = () => {
+      if (!root.value)
+        return;
+      const originStyle = window.getComputedStyle(root.value);
+      container = document.createElement("div");
+      const styleNames = Array.prototype.slice.apply(originStyle);
+      styleNames.forEach((name) => {
+        container.style.setProperty(name, originStyle.getPropertyValue(name));
+      });
+      container.style.position = "fixed";
+      container.style.left = "999999px";
+      container.style.top = "999999px";
+      container.style.zIndex = "-1000";
+      container.style.height = "auto";
+      container.style.minHeight = "auto";
+      container.style.maxHeight = "auto";
+      container.style.textOverflow = "clip";
+      container.style.whiteSpace = "normal";
+      container.style.webkitLineClamp = "unset";
+      container.style.display = "block";
+      const lineHeight = pxToNumber(originStyle.lineHeight === "normal" ? props.lineHeight : originStyle.lineHeight);
+      maxHeight = Math.floor(
+        lineHeight * (Number(props.rows) + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom)
+      );
+      container.innerText = props.content;
+      document.body.appendChild(container);
+      calcEllipse();
     };
-    const calcEllipse = async () => {
-      const refe = await useTaroRect(rootContain, Taro);
-      if (refe.height <= maxHeight) {
+    const calcEllipse = () => {
+      if (container.offsetHeight <= maxHeight) {
         state.exceeded = false;
       } else {
-        const rowNum = Math.floor(props.content.length / (originHeight / lineHeight - 1));
-        if (props.direction === "middle") {
-          const end = props.content.length;
-          tailorMiddle(
-            [0, rowNum * (Number(props.rows) + 0.5)],
-            [props.content.length - rowNum * (Number(props.rows) + 0.5), end]
-          );
-        } else if (props.direction === "end") {
-          const end = rowNum * (Number(props.rows) + 0.5);
-          tailor(0, end);
-        } else {
-          const start = props.content.length - rowNum * (Number(props.rows) + 0.5) - 5;
-          tailor(start, props.content.length);
-        }
+        state.exceeded = true;
+        const end = props.content.length;
+        const middle = Math.floor((0 + end) / 2);
+        const ellipsised = props.direction === "middle" ? tailorMiddle([0, middle], [middle, end]) : tailor(0, end);
+        ellipsis.value = ellipsised;
+        document.body.removeChild(container);
       }
     };
-    const tailor = async (left, right) => {
+    const tailor = (left, right) => {
       const actionText = state.expanded ? props.collapseText : props.expandText;
       const end = props.content.length;
       if (right - left <= 1) {
-        state.exceeded = true;
         if (props.direction === "end") {
-          ellipsis.value = {
+          return {
             leading: props.content.slice(0, left) + props.symbol
           };
         } else {
-          ellipsis.value = {
+          return {
             tailing: props.symbol + props.content.slice(right, end)
           };
         }
-        return false;
       }
       const middle = Math.round((left + right) / 2);
       if (props.direction === "end") {
-        contantCopy.value = props.content.slice(0, middle) + props.symbol + actionText;
+        container.innerText = props.content.slice(0, middle) + props.symbol + actionText;
       } else {
-        contantCopy.value = actionText + props.symbol + props.content.slice(middle, end);
+        container.innerText = actionText + props.symbol + props.content.slice(middle, end);
       }
-      setTimeout(async () => {
-        const refe = await useTaroRect(rootContain, Taro);
-        if (refe.height <= maxHeight) {
-          if (props.direction === "end") {
-            tailor(middle, right);
-          } else {
-            tailor(left, middle);
-          }
+      if (container.offsetHeight <= maxHeight) {
+        if (props.direction === "end") {
+          return tailor(middle, right);
         } else {
-          if (props.direction === "end") {
-            tailor(left, middle);
-          } else {
-            tailor(middle, right);
-          }
+          return tailor(left, middle);
         }
-      }, 10);
+      } else {
+        if (props.direction === "end") {
+          return tailor(left, middle);
+        } else {
+          return tailor(middle, right);
+        }
+      }
     };
-    const tailorMiddle = async (leftPart, rightPart) => {
+    const tailorMiddle = (leftPart, rightPart) => {
       const actionText = state.expanded ? props.collapseText : props.expandText;
       const end = props.content.length;
       if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
-        state.exceeded = true;
-        ellipsis.value = {
+        return {
           leading: props.content.slice(0, leftPart[0]) + props.symbol,
           tailing: props.symbol + props.content.slice(rightPart[1], end)
         };
-        return false;
       }
       const leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
       const rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
-      contantCopy.value = props.content.slice(0, leftPartMiddle) + props.symbol + actionText + props.symbol + props.content.slice(rightPartMiddle, end);
-      setTimeout(async () => {
-        const refe = await useTaroRect(rootContain, Taro);
-        if (refe.height <= maxHeight) {
-          tailorMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
-        } else {
-          tailorMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
-        }
-      }, 10);
+      container.innerText = props.content.slice(0, leftPartMiddle) + props.symbol + actionText + props.symbol + props.content.slice(rightPartMiddle, end);
+      if (container.offsetHeight <= maxHeight) {
+        return tailorMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
+      } else {
+        return tailorMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
+      }
     };
     const pxToNumber = (value) => {
       if (!value)
@@ -191,65 +179,37 @@ const _sfc_main = create({
     const handleClick = () => {
       emit("click");
     };
-    return {
-      ...toRefs(state),
-      root,
-      rootContain,
-      ellipsis,
-      classes,
-      contantCopy,
-      clickHandle,
-      handleClick,
-      refRandomId,
-      widthRef
-    };
+    return { ...toRefs(state), root, ellipsis, classes, clickHandle, handleClick };
   }
 });
-const _hoisted_1 = ["id"];
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { key: 1 };
-const _hoisted_4 = { key: 2 };
-const _hoisted_5 = ["id"];
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = { key: 2 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", null, [
-    createElementVNode("view", {
-      class: normalizeClass(_ctx.classes),
-      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
-      ref: "root",
-      id: "root" + _ctx.refRandomId
-    }, [
-      !_ctx.exceeded ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true),
-      createTextVNode(),
-      _ctx.exceeded && !_ctx.expanded ? (openBlock(), createElementBlock("view", _hoisted_3, [
-        createTextVNode(toDisplayString(_ctx.ellipsis.leading), 1),
-        _ctx.expandText ? (openBlock(), createElementBlock("view", {
-          key: 0,
-          class: "nut-ellipsis-text",
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.clickHandle(1), ["stop"]))
-        }, toDisplayString(_ctx.expandText), 1)) : createCommentVNode("", true),
-        createTextVNode(toDisplayString(_ctx.ellipsis.tailing), 1)
-      ])) : createCommentVNode("", true),
-      createTextVNode(),
-      _ctx.exceeded && _ctx.expanded ? (openBlock(), createElementBlock("view", _hoisted_4, [
-        createTextVNode(toDisplayString(_ctx.content) + " ", 1),
-        _ctx.expandText ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: "nut-ellipsis-text",
-          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.clickHandle(2), ["stop"]))
-        }, toDisplayString(_ctx.collapseText), 1)) : createCommentVNode("", true)
-      ])) : createCommentVNode("", true)
-    ], 10, _hoisted_1),
-    createTextVNode(),
-    createElementVNode("view", {
-      class: "nut-ellipsis-copy",
-      onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
-      ref: "rootContain",
-      id: "rootContain" + _ctx.refRandomId,
-      style: normalizeStyle({ width: _ctx.widthRef })
-    }, [
-      createElementVNode("view", null, toDisplayString(_ctx.contantCopy), 1)
-    ], 12, _hoisted_5)
-  ]);
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+    ref: "root"
+  }, [
+    !_ctx.exceeded ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true),
+    _ctx.exceeded && !_ctx.expanded ? (openBlock(), createElementBlock("view", _hoisted_2, [
+      createTextVNode(toDisplayString(_ctx.ellipsis.leading) + " ", 1),
+      _ctx.expandText ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: "nut-ellipsis-text",
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.clickHandle(1), ["stop"]))
+      }, toDisplayString(_ctx.expandText), 1)) : createCommentVNode("", true),
+      createTextVNode(" " + toDisplayString(_ctx.ellipsis.tailing), 1)
+    ])) : createCommentVNode("", true),
+    _ctx.exceeded && _ctx.expanded ? (openBlock(), createElementBlock("view", _hoisted_3, [
+      createTextVNode(toDisplayString(_ctx.content) + " ", 1),
+      _ctx.expandText ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: "nut-ellipsis-text",
+        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.clickHandle(2), ["stop"]))
+      }, toDisplayString(_ctx.collapseText), 1)) : createCommentVNode("", true)
+    ])) : 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 };

package/dist/packages/_es/Empty.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs, computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, Fragment, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { toRefs, computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, Fragment, createCommentVNode, toDisplayString } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -68,11 +68,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, _hoisted_2)) : createCommentVNode("", true)
       ], 64))
     ], 4),
-    createTextVNode(),
     _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.description || _ctx.translate("noData")), 1)),
-    createTextVNode(),
     _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("", true)
   ]);
 }
-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/FixedNav.js

@@ -1,10 +1,10 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { c as createComponent } from "./component.js";
-import { computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, createTextVNode, renderSlot, createElementVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
+import { computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { componentName, translate } = createComponent("fixednav");
@@ -94,27 +94,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "z-index": 200,
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateValue(false))
     }, null, 8, ["visible"])) : createCommentVNode("", true),
-    createTextVNode(),
     renderSlot(_ctx.$slots, "list", {}, () => [
       createElementVNode("view", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navList, (item, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navList, (item, index2) => {
           return openBlock(), createElementBlock("view", {
             class: normalizeClass(["nut-fixednav__list-item", { active: item.id == _ctx.current }]),
             onClick: ($event) => _ctx.selected(item, $event),
-            key: item.id || index
+            key: item.id || index2
           }, [
             createElementVNode("img", {
               src: item.icon
             }, null, 8, _hoisted_3),
-            createTextVNode(),
             createElementVNode("view", _hoisted_4, toDisplayString(item.text), 1),
-            createTextVNode(),
             item.num ? (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(item.num), 1)) : createCommentVNode("", true)
           ], 10, _hoisted_2);
         }), 128))
       ])
     ]),
-    createTextVNode(),
     createElementVNode("div", {
       class: "nut-fixednav__btn",
       onClick: _cache[1] || (_cache[1] = ($event) => _ctx.updateValue())
@@ -124,7 +120,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           name: "left",
           color: "#fff"
         }),
-        createTextVNode(),
         createElementVNode("view", _hoisted_6, toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
       ])
     ])
@@ -132,5 +127,5 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 const { create } = createComponent("fixednav");
 const _sfc_main = create(component);
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
+export { index as default };

package/dist/packages/_es/Form.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -40,7 +40,7 @@ const component = {
     );
     const findFormItem = (vnodes) => {
       let task = [];
-      vnodes.forEach((vnode, index) => {
+      vnodes.forEach((vnode, index2) => {
         var _a, _b, _c, _d;
         let type = vnode.type;
         type = type.name || type;
@@ -165,5 +165,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 32);
 }
-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/FormItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -99,7 +99,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createTextVNode(toDisplayString(_ctx.label), 1)
         ])
       ], 6)) : createCommentVNode("", true),
-      createTextVNode(),
       createElementVNode("view", _hoisted_1, [
         createElementVNode("view", {
           class: "nut-form-item__body__slots",
@@ -107,7 +106,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 4),
-        createTextVNode(),
         _ctx.parent[_ctx.prop] && _ctx.showErrorMessage ? (openBlock(), createElementBlock("view", {
           key: 0,
           class: "nut-form-item__body__tips",

package/dist/packages/_es/Grid.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/GridItem.js

@@ -1,9 +1,10 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject, getCurrentInstance, onUnmounted, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createBlock, mergeProps, createTextVNode, toDisplayString } from "vue";
+import { inject, getCurrentInstance, onUnmounted, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createBlock, mergeProps, toDisplayString } from "vue";
+import { u as useRouter } from "./index.js";
 import { c as createComponent } from "./component.js";
 import { p as pxCheck } from "./pxCheck.js";
 import { G as GRID_KEY } from "./common.js";
@@ -16,10 +17,10 @@ function useInject(key) {
     const { add, remove, internalChildren } = parent;
     add(instance);
     onUnmounted(() => remove(instance));
-    const index = computed(() => internalChildren.indexOf(instance));
+    const index2 = computed(() => internalChildren.indexOf(instance));
     return {
       parent,
-      index
+      index: index2
     };
   }
   return {
@@ -41,6 +42,17 @@ const _sfc_main = create({
     },
     iconColor: {
       type: String
+    },
+    to: {
+      type: [String, Object]
+    },
+    url: {
+      type: String,
+      default: ""
+    },
+    replace: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["click"],
@@ -48,7 +60,7 @@ const _sfc_main = create({
     const Parent = useInject(GRID_KEY);
     if (!Parent.parent)
       return;
-    const index = Parent.index;
+    const index2 = Parent.index;
     const parent = Parent.parent.props;
     const rootClass = computed(() => {
       const prefixCls = componentName;
@@ -64,7 +76,7 @@ const _sfc_main = create({
         style.paddingTop = `${100 / +parent.columnNum}%`;
       } else if (parent.gutter) {
         style.paddingRight = pxCheck(parent.gutter);
-        if (index.value >= parent.columnNum) {
+        if (index2.value >= parent.columnNum) {
           style.marginTop = pxCheck(parent.gutter);
         }
       }
@@ -80,7 +92,7 @@ const _sfc_main = create({
         [`${prefixCls}--square`]: parent.square,
         [`${prefixCls}--reverse`]: parent.reverse,
         [`${prefixCls}--${parent.direction}`]: !!parent.direction,
-        [`${prefixCls}--clickable`]: parent.clickable
+        [`${prefixCls}--clickable`]: parent.clickable || props.to || props.url
       };
     });
     const iconProps = computed(() => {
@@ -90,8 +102,14 @@ const _sfc_main = create({
         color: props.iconColor || parent.iconColor
       };
     });
+    const router = useRouter();
     const handleClick = (event) => {
       emit("click", event);
+      if (props.to && router) {
+        router[props.replace ? "replace" : "push"](props.to);
+      } else if (props.url) {
+        props.replace ? location.replace(props.url) : location.href = props.url;
+      }
     };
     return {
       rootClass,
@@ -124,11 +142,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           size: _ctx.iconProps.size,
           color: _ctx.iconProps.color
         }), null, 16, ["name", "size", "color"])),
-        createTextVNode(),
         _ctx.$slots.text ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.text), 1))
       ], 64))
     ], 2)
   ], 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/Icon.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */