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

package/dist/packages/_es/Ecard.js

@@ -0,0 +1,153 @@
+/*!
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, normalizeClass, withDirectives, vModelText, createTextVNode, createVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("ecard");
+const _sfc_main = create({
+  props: {
+    chooseText: {
+      type: String,
+      default: "\u8BF7\u9009\u62E9\u7535\u5B50\u5361\u9762\u503C"
+    },
+    otherValueText: {
+      type: String,
+      default: "\u5176\u4ED6\u9762\u503C"
+    },
+    dataList: {
+      type: [Object, Array],
+      default: () => {
+        return [];
+      }
+    },
+    cardAmountMin: {
+      type: Number,
+      default: 1
+    },
+    cardAmountMax: {
+      type: Number,
+      default: 9999
+    },
+    cardBuyMin: {
+      type: Number,
+      default: 1
+    },
+    cardBuyMax: {
+      type: Number,
+      default: 9999
+    },
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u51651-5000\u6574\u6570"
+    },
+    suffix: {
+      type: String,
+      default: "\xA5"
+    }
+  },
+  emits: ["inputChange", "changeStep", "inputClick", "change", "update:modelValue"],
+  setup(props, { emit }) {
+    const currentIndex = ref(null);
+    const inputValue = ref();
+    const stepValue = ref(props.cardAmountMin);
+    const money = ref(props.modelValue);
+    const handleClick = (item, index2) => {
+      currentIndex.value = index2;
+      inputValue.value = "";
+      emit("change", item);
+    };
+    const change = (event) => {
+      let input = event.target;
+      let val = input.value.replace(/[^\d]/g, "");
+      inputValue.value = val;
+      if (Number(val) > props.cardAmountMax) {
+        inputValue.value = props.cardAmountMax;
+      }
+      if (Number(val) < props.cardAmountMin) {
+        inputValue.value = props.cardAmountMin;
+      }
+      emit("inputChange", Number(inputValue.value));
+    };
+    const inputClick = () => {
+      currentIndex.value = "input";
+      emit("update:modelValue", 0);
+      emit("inputClick");
+    };
+    const changeStep = (value) => {
+      stepValue.value = value;
+      emit("changeStep", stepValue.value);
+    };
+    watch(() => props.modelValue, (value) => {
+      console.log("value", value);
+      money.value = value;
+    });
+    return {
+      handleClick,
+      changeStep,
+      change,
+      inputClick,
+      stepValue,
+      currentIndex,
+      inputValue,
+      money
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-ecard" };
+const _hoisted_2 = { class: "nut-ecard__title" };
+const _hoisted_3 = { class: "nut-ecard__list" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "nut-ecard__list__input--con" };
+const _hoisted_6 = ["placeholder"];
+const _hoisted_7 = { class: "nut-ecard__list__step" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_inputnumber = resolveComponent("nut-inputnumber");
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    createElementVNode("view", _hoisted_2, toDisplayString(_ctx.chooseText), 1),
+    createElementVNode("view", _hoisted_3, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dataList, (item, index2) => {
+        return openBlock(), createElementBlock("view", {
+          key: index2,
+          class: normalizeClass(["nut-ecard__list__item", _ctx.currentIndex == index2 ? "active" : ""]),
+          onClick: ($event) => _ctx.handleClick(item, index2)
+        }, toDisplayString(item.price), 11, _hoisted_4);
+      }), 128)),
+      createElementVNode("view", {
+        class: normalizeClass(["nut-ecard__list__input", _ctx.currentIndex == "input" ? "active" : ""]),
+        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.inputClick && _ctx.inputClick(...args))
+      }, [
+        createElementVNode("view", null, toDisplayString(_ctx.otherValueText), 1),
+        createElementVNode("view", _hoisted_5, [
+          withDirectives(createElementVNode("input", {
+            type: "text",
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
+            onInput: _cache[1] || (_cache[1] = (...args) => _ctx.change && _ctx.change(...args)),
+            placeholder: _ctx.placeholder
+          }, null, 40, _hoisted_6), [
+            [vModelText, _ctx.inputValue]
+          ]),
+          createTextVNode(" " + toDisplayString(_ctx.suffix), 1)
+        ])
+      ], 2),
+      createElementVNode("view", _hoisted_7, [
+        createElementVNode("view", null, toDisplayString(_ctx.suffix) + toDisplayString(_ctx.money), 1),
+        createVNode(_component_nut_inputnumber, {
+          modelValue: _ctx.stepValue,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.stepValue = $event),
+          min: _ctx.cardBuyMin,
+          max: _ctx.cardBuyMax,
+          onChange: _ctx.changeStep
+        }, null, 8, ["modelValue", "min", "max", "onChange"])
+      ])
+    ])
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Elevator.js

@@ -18,14 +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.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, computed, onMounted, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, normalizeStyle, withCtx, Fragment, renderList, createElementVNode, toDisplayString, withDirectives, vShow, createCommentVNode, withModifiers } from "vue";
+import { ref, reactive, computed, toRefs, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, toDisplayString, withDirectives, vShow, createCommentVNode, withModifiers } from "vue";
 import { c as createComponent } from "./component.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 { componentName, create } = createComponent("elevator");
 const _sfc_main = create({
@@ -48,7 +47,7 @@ const _sfc_main = create({
   emits: ["click-item", "click-index"],
   setup(props, context) {
     const spaceHeight = 23;
-    const listview = ref();
+    const listview = ref(null);
     const state = reactive({
       anchorIndex: 0,
       listHeight: [],
@@ -59,9 +58,6 @@ const _sfc_main = create({
       },
       scrollStart: false,
       currentIndex: 0,
-      query: Taro.createSelectorQuery(),
-      scrollTop: 0,
-      storageListHeight: [],
       currentData: {}
     });
     const classes = computed(() => {
@@ -81,11 +77,9 @@ const _sfc_main = create({
         y2: 0
       };
     };
-    const getData = (el) => {
-      if (!el.dataset.index) {
-        return "0";
-      }
-      return el.dataset.index;
+    const getData = (el, name) => {
+      const prefix = "data-";
+      return el.getAttribute(prefix + name);
     };
     const setListGroup = (el) => {
       nextTick(() => {
@@ -97,38 +91,34 @@ const _sfc_main = create({
     const calculateHeight = () => {
       let height = 0;
       state.listHeight.push(height);
-      state.storageListHeight.push(height);
       for (let i = 0; i < state.listGroup.length; i++) {
-        state.query.selectAll(`.elevator__item__${i}`).boundingClientRect();
-        state.query.exec((res) => {
-          height += res[i][0].height;
-          state.listHeight.push(height);
-          state.storageListHeight.push(height);
-        });
+        let item = state.listGroup[i];
+        height += item.clientHeight;
+        state.listHeight.push(height);
       }
     };
-    const scrollTo = (index) => {
-      if (!index && index !== 0) {
+    const scrollTo = (index2) => {
+      if (!index2 && index2 !== 0) {
         return;
       }
       if (!state.listHeight.length) {
-        state.listHeight = state.storageListHeight.slice();
+        calculateHeight();
       }
-      if (index < 0)
-        index = 0;
-      if (index > state.listHeight.length - 2)
-        index = state.listHeight.length - 2;
-      state.currentIndex = index;
-      state.scrollTop = state.listHeight[index];
+      if (index2 < 0)
+        index2 = 0;
+      if (index2 > state.listHeight.length - 2)
+        index2 = state.listHeight.length - 2;
+      state.currentIndex = index2;
+      listview.value.scrollTo(0, state.listHeight[index2]);
     };
     const touchStart = (e) => {
       state.scrollStart = true;
-      let index = getData(e.target);
+      let index2 = getData(e.target, "index");
       let firstTouch = e.touches[0];
       state.touchState.y1 = firstTouch.pageY;
-      state.anchorIndex = +index;
-      state.currentIndex = +index;
-      scrollTo(+index);
+      state.anchorIndex = +index2;
+      state.currentIndex = +index2;
+      scrollTo(+index2);
     };
     const touchMove = (e) => {
       let firstTouch = e.touches[0];
@@ -147,15 +137,6 @@ const _sfc_main = create({
     const handleClickIndex = (key) => {
       context.emit("click-index", key);
     };
-    onMounted(() => {
-      if (Taro.getEnv() === "WEB") {
-        calculateHeight();
-      } else {
-        eventCenter.once(getCurrentInstance().router.onReady, () => {
-          calculateHeight();
-        });
-      }
-    });
     useExpose({
       scrollTo
     });
@@ -177,40 +158,34 @@ const _hoisted_2 = ["onClick", "innerHTML"];
 const _hoisted_3 = { class: "nut-elevator__bars__inner" };
 const _hoisted_4 = ["data-index", "onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_scroll_view = resolveComponent("scroll-view");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createVNode(_component_scroll_view, {
-      class: "nut-elevator__list scrollview",
-      "scroll-top": _ctx.scrollTop,
-      "scroll-y": true,
+    createElementVNode("view", {
+      class: "nut-elevator__list",
       ref: "listview",
       style: normalizeStyle({ height: isNaN(+_ctx.height) ? _ctx.height : `${_ctx.height}px` })
-    }, {
-      default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index) => {
-          return openBlock(), createElementBlock("view", {
-            class: normalizeClass(["nut-elevator__list__item", `elevator__item__${index}`]),
-            key: item[_ctx.acceptKey],
-            ref_for: true,
-            ref: _ctx.setListGroup
-          }, [
-            createElementVNode("view", _hoisted_1, toDisplayString(item[_ctx.acceptKey]), 1),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
-              return openBlock(), createElementBlock("view", {
-                class: normalizeClass(["nut-elevator__list__item__name", { "nut-elevator__list__item__name--highcolor": _ctx.currentData.id === subitem.id }]),
-                key: subitem["id"],
-                onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem),
-                innerHTML: subitem.name
-              }, null, 10, _hoisted_2);
-            }), 128))
-          ], 2);
-        }), 128))
-      ]),
-      _: 1
-    }, 8, ["scroll-top", "style"]),
-    _ctx.indexList.length > 0 ? withDirectives((openBlock(), createElementBlock("view", {
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item) => {
+        return openBlock(), createElementBlock("view", {
+          class: "nut-elevator__list__item",
+          key: item[_ctx.acceptKey],
+          ref_for: true,
+          ref: _ctx.setListGroup
+        }, [
+          createElementVNode("view", _hoisted_1, toDisplayString(item[_ctx.acceptKey]), 1),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
+            return openBlock(), createElementBlock("view", {
+              class: normalizeClass(["nut-elevator__list__item__name", { "nut-elevator__list__item__name--highcolor": _ctx.currentData.id === subitem.id }]),
+              key: subitem["id"],
+              onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem),
+              innerHTML: subitem.name
+            }, null, 10, _hoisted_2);
+          }), 128))
+        ]);
+      }), 128))
+    ], 4),
+    _ctx.indexList.length ? withDirectives((openBlock(), createElementBlock("view", {
       key: 0,
       class: "nut-elevator__code--current"
     }, toDisplayString(_ctx.indexList[_ctx.currentIndex][_ctx.acceptKey]), 513)), [
@@ -223,10 +198,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
     }, [
       createElementVNode("view", _hoisted_3, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index2) => {
           return openBlock(), createElementBlock("view", {
             class: "nut-elevator__bars__inner__item",
-            "data-index": index,
+            "data-index": index2,
             key: item[_ctx.acceptKey],
             onClick: ($event) => _ctx.handleClickIndex(item[_ctx.acceptKey])
           }, toDisplayString(item[_ctx.acceptKey]), 9, _hoisted_4);
@@ -235,5 +210,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 32)
   ], 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,12 +1,12 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 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";
-const { componentName, create } = createComponent("empty");
+const { componentName, create, translate } = createComponent("empty");
 const defaultStatus = {
   empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
   error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
@@ -24,7 +24,7 @@ const _sfc_main = create({
     },
     description: {
       type: String,
-      default: "\u65E0\u5185\u5BB9"
+      default: ""
     }
   },
   setup(props) {
@@ -42,7 +42,8 @@ const _sfc_main = create({
     const imageUrl = isHttpUrl ? image.value : defaultStatus[image.value];
     return {
       imageUrl,
-      imgStyle
+      imgStyle,
+      translate
     };
   }
 });
@@ -66,9 +67,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, _hoisted_2)) : createCommentVNode("", true)
       ], 64))
     ], 4),
-    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.description), 1)),
+    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.description || _ctx.translate("noData")), 1)),
     _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,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.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -7,7 +7,7 @@ import { computed, resolveComponent, openBlock, createElementBlock, normalizeCla
 import { c as createComponent } from "./component.js";
 import overlay from "./OverLay.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-const { componentName, create } = createComponent("fixednav");
+const { componentName, create, translate } = createComponent("fixednav");
 const _sfc_main = create({
   components: {
     [overlay.name]: overlay
@@ -26,11 +26,11 @@ const _sfc_main = create({
       type: Array
     },
     activeText: {
-      default: "\u6536\u8D77\u5BFC\u822A",
+      default: "",
       type: String
     },
     unActiveText: {
-      default: "\u5FEB\u901F\u5BFC\u822A",
+      default: "",
       type: String
     },
     position: {
@@ -47,7 +47,6 @@ const _sfc_main = create({
       type: String
     }
   },
-  components: {},
   emits: ["update:visible", "selected"],
   setup(props, { emit }) {
     const classes = computed(() => {
@@ -67,7 +66,7 @@ const _sfc_main = create({
         event
       });
     };
-    return { classes, updateValue, selected };
+    return { classes, updateValue, selected, translate };
   }
 });
 const _hoisted_1 = { class: "nut-fixednav__list" };
@@ -94,11 +93,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["visible"])) : createCommentVNode("", true),
     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: "nut-fixednav__list-item",
             onClick: ($event) => _ctx.selected(item, $event),
-            key: item.id || index
+            key: item.id || index2
           }, [
             createElementVNode("img", {
               src: item.icon
@@ -118,10 +117,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           name: "left",
           color: "#fff"
         }),
-        createElementVNode("view", _hoisted_6, toDisplayString(_ctx.visible ? _ctx.activeText : _ctx.unActiveText), 1)
+        createElementVNode("view", _hoisted_6, toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
       ])
     ])
   ], 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/Form.js

@@ -1,10 +1,9 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as createComponent } from "./component.js";
-import { i as isPromise } from "./util.js";
+import { g as getPropByPath, i as isPromise, c as createComponent } from "./component.js";
 import { computed, reactive, provide, watch, resolveComponent, openBlock, createElementBlock, withModifiers, createVNode, withCtx, renderSlot } from "vue";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const component = {
@@ -32,7 +31,7 @@ const component = {
     }, { immediate: true });
     const findFormItem = (vnodes) => {
       let task = [];
-      vnodes.forEach((vnode, index) => {
+      vnodes.forEach((vnode, index2) => {
         var _a, _b, _c;
         let type = vnode.type;
         type = type.name || type;
@@ -61,9 +60,6 @@ const component = {
           resolve(errorMsg);
         });
       };
-      const getPropByPath = (obj, keyPath) => {
-        return keyPath.split(".").reduce((prev, curr) => prev[curr], obj);
-      };
       if (!prop) {
         console.warn("[NutUI] <FormItem> \u4F7F\u7528 rules \u6821\u9A8C\u89C4\u5219\u65F6 , \u5FC5\u987B\u8BBE\u7F6E prop \u53C2\u6570");
       }
@@ -152,5 +148,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.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Grid.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.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/GridItem.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.4 Tue Apr 12 2022 17:39:20 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, 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";
@@ -15,10 +16,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 {
@@ -40,6 +41,17 @@ const _sfc_main = create({
     },
     iconColor: {
       type: String
+    },
+    to: {
+      type: [String, Object]
+    },
+    url: {
+      type: String,
+      default: ""
+    },
+    replace: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["click"],
@@ -47,7 +59,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;
@@ -63,7 +75,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);
         }
       }
@@ -79,7 +91,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(() => {
@@ -89,8 +101,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,
@@ -127,5 +145,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */