@nutui/nutui 3.1.12-beta.1 → 3.1.14

package/dist/packages/_es/Elevator.js

@@ -17,19 +17,16 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @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 Taro, { eventCenter, getCurrentInstance } from "@tarojs/taro";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("elevator");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     height: {
       type: [Number, String],
@@ -49,7 +46,7 @@ var _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,10 +56,7 @@ var _sfc_main = create({
         y2: 0
       },
       scrollStart: false,
-      currentIndex: 0,
-      query: Taro.createSelectorQuery(),
-      scrollTop: 0,
-      storageListHeight: []
+      currentIndex: 0
     });
     const classes = computed(() => {
       const prefixCls = componentName;
@@ -81,11 +75,9 @@ var _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 +89,35 @@ var _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;
+      console.log(state.currentIndex);
+      scrollTo(+index2);
     };
     const touchMove = (e) => {
       let firstTouch = e.touches[0];
@@ -146,18 +135,6 @@ var _sfc_main = create({
     const handleClickIndex = (key) => {
       context.emit("click-index", key);
     };
-    onMounted(() => {
-      Taro.nextTick(() => {
-        calculateHeight();
-      });
-      if (Taro.getEnv() === "WEB") {
-        calculateHeight();
-      } else {
-        eventCenter.once(getCurrentInstance().router.onReady, () => {
-          calculateHeight();
-        });
-      }
-    });
     return __spreadProps(__spreadValues({
       classes
     }, toRefs(state)), {
@@ -176,39 +153,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: _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: "nut-elevator__list__item__name",
-                key: subitem["id"],
-                onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem),
-                innerHTML: subitem.name
-              }, null, 8, _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: "nut-elevator__list__item__name",
+              key: subitem["id"],
+              onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem),
+              innerHTML: subitem.name
+            }, null, 8, _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)), [
@@ -221,10 +193,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);
@@ -233,5 +205,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 32)
   ], 2);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Empty.js

@@ -0,0 +1,74 @@
+/*!
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
+* (c) 2021 @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 defaultStatus = {
+  empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
+  error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
+  network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
+};
+const _sfc_main = create({
+  props: {
+    image: {
+      type: String,
+      default: "empty"
+    },
+    imageSize: {
+      type: [Number, String],
+      default: ""
+    },
+    description: {
+      type: String,
+      default: "\u65E0\u5185\u5BB9"
+    }
+  },
+  setup(props) {
+    const { image, imageSize } = toRefs(props);
+    const imgStyle = computed(() => {
+      if (!imageSize.value) {
+        return "";
+      }
+      if (typeof imageSize.value === "number") {
+        return `width:${imageSize.value}px;height:${imageSize.value}px`;
+      }
+      return `width:${imageSize.value};height:${imageSize.value}`;
+    });
+    const isHttpUrl = image.value.startsWith("https://") || image.value.startsWith("http://") || image.value.startsWith("//");
+    const imageUrl = isHttpUrl ? image.value : defaultStatus[image.value];
+    return {
+      imageUrl,
+      imgStyle
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-empty" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
+  key: 1,
+  class: "nut-empty-description"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    createElementVNode("view", {
+      class: "nut-empty-image",
+      style: normalizeStyle(_ctx.imgStyle)
+    }, [
+      _ctx.$slots.image ? renderSlot(_ctx.$slots, "image", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        _ctx.imageUrl ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          class: "img",
+          src: _ctx.imageUrl
+        }, 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.default ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("", true)
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/FixedNav.js

@@ -1,15 +1,16 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
 import { c as createComponent } from "./component.js";
-import _sfc_main$1 from "./OverLay.js";
+import overlay from "./OverLay.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("fixednav");
-var _sfc_main = create({
+const _sfc_main = create({
   components: {
-    [_sfc_main$1.name]: _sfc_main$1
+    [overlay.name]: overlay
   },
   props: {
     visible: {
@@ -93,11 +94,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
@@ -122,5 +123,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Form.js

@@ -1,11 +1,12 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { c as createComponent } from "./component.js";
 import { i as isPromise } from "./util.js";
 import { computed, reactive, provide, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot } from "vue";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const component = {
   props: {
     modelValue: {
@@ -31,8 +32,8 @@ const component = {
     }, { immediate: true });
     const findFormItem = (vnodes) => {
       let task = [];
-      vnodes.forEach((vnode, index) => {
-        var _a, _b;
+      vnodes.forEach((vnode, index2) => {
+        var _a, _b, _c;
         let type = vnode.type;
         type = type.name || type;
         if (type == "nut-form-item") {
@@ -40,6 +41,8 @@ const component = {
             prop: (_a = vnode.props) == null ? void 0 : _a["prop"],
             rules: ((_b = vnode.props) == null ? void 0 : _b["rules"]) || []
           });
+        } else if ((_c = vnode.children) == null ? void 0 : _c.length) {
+          task = task.concat(findFormItem(vnode.children));
         }
       });
       return task;
@@ -58,7 +61,10 @@ const component = {
           resolve(errorMsg);
         });
       };
-      const value = props.modelValue[prop];
+      const getPropByPath = (obj, keyPath) => {
+        return keyPath.split(".").reduce((prev, curr) => prev[curr], obj);
+      };
+      let value = getPropByPath(props.modelValue, prop);
       tipMessage({ prop, message: "" });
       while (rules.length) {
         const { required, validator, regex, message } = rules.shift();
@@ -93,11 +99,19 @@ const component = {
       }
       return Promise.resolve(true);
     };
-    const validate = () => {
+    const validate = (customProp = "") => {
       return new Promise((resolve, reject) => {
         let task = findFormItem(slots.default());
         let errors = task.map((item) => {
-          return checkRule(item);
+          if (customProp) {
+            if (customProp == item.prop) {
+              return checkRule(item);
+            } else {
+              return Promise.resolve(true);
+            }
+          } else {
+            return checkRule(item);
+          }
         });
         Promise.all(errors).then((errorRes) => {
           errorRes = errorRes.filter((item) => item != true);
@@ -118,7 +132,7 @@ const component = {
   }
 };
 const { create } = createComponent("form");
-var _sfc_main = create(component);
+const _sfc_main = create(component);
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_cell_group = resolveComponent("nut-cell-group");
   return openBlock(), createElementBlock("form", {
@@ -133,5 +147,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 32);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/FormItem.js

@@ -1,13 +1,14 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { p as pxCheck } from "./pxCheck.js";
 import { inject, computed, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, createElementVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("form-item");
-var _sfc_main = create({
+const _sfc_main = create({
   inheritAttrs: false,
   props: {
     prop: {
@@ -105,5 +106,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["class"]);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Grid.js

@@ -0,0 +1,12 @@
+/*!
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { c as createComponent } from "./component.js";
+import { c as component } from "./common.js";
+import "vue";
+import "./pxCheck.js";
+const { create } = createComponent("grid");
+const _sfc_main = create(component);
+export { _sfc_main as default };

package/dist/packages/_es/GridItem.js

@@ -0,0 +1,149 @@
+/*!
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
+* (c) 2021 @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 { useRouter } from "vue-router";
+import { c as createComponent } from "./component.js";
+import { p as pxCheck } from "./pxCheck.js";
+import { G as GRID_KEY } from "./common.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+function useInject(key) {
+  const parent = inject(key, null);
+  if (parent) {
+    const instance = getCurrentInstance();
+    const { add, remove, internalChildren } = parent;
+    add(instance);
+    onUnmounted(() => remove(instance));
+    const index2 = computed(() => internalChildren.indexOf(instance));
+    return {
+      parent,
+      index: index2
+    };
+  }
+  return {
+    parent: null,
+    index: ref(-1)
+  };
+}
+const { create, componentName } = createComponent("grid-item");
+const _sfc_main = create({
+  props: {
+    text: {
+      type: String
+    },
+    icon: {
+      type: String
+    },
+    iconSize: {
+      type: [Number, String]
+    },
+    iconColor: {
+      type: String
+    },
+    to: {
+      type: [String, Object]
+    },
+    url: {
+      type: String,
+      default: ""
+    },
+    replace: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["click"],
+  setup(props, { emit }) {
+    const Parent = useInject(GRID_KEY);
+    if (!Parent.parent)
+      return;
+    const index2 = Parent.index;
+    const parent = Parent.parent.props;
+    const rootClass = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const rootStyle = computed(() => {
+      const style = {
+        flexBasis: `${100 / +parent.columnNum}%`
+      };
+      if (parent.square) {
+        style.paddingTop = `${100 / +parent.columnNum}%`;
+      } else if (parent.gutter) {
+        style.paddingRight = pxCheck(parent.gutter);
+        if (index2.value >= parent.columnNum) {
+          style.marginTop = pxCheck(parent.gutter);
+        }
+      }
+      return style;
+    });
+    const contentClass = computed(() => {
+      const prefixCls = `${componentName}__content`;
+      return {
+        [`${prefixCls}`]: true,
+        [`${prefixCls}--border`]: parent.border,
+        [`${prefixCls}--surround`]: parent.border && parent.gutter,
+        [`${prefixCls}--center`]: parent.center,
+        [`${prefixCls}--square`]: parent.square,
+        [`${prefixCls}--reverse`]: parent.reverse,
+        [`${prefixCls}--${parent.direction}`]: !!parent.direction,
+        [`${prefixCls}--clickable`]: parent.clickable || props.to || props.url
+      };
+    });
+    const iconProps = computed(() => {
+      return {
+        name: props.icon,
+        size: props.iconSize || parent.iconSize,
+        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,
+      rootStyle,
+      contentClass,
+      iconProps,
+      handleClick
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 3,
+  class: "nut-grid-item__text"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.rootClass),
+    style: normalizeStyle(_ctx.rootStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    createElementVNode("view", {
+      class: normalizeClass(_ctx.contentClass)
+    }, [
+      _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }) : (openBlock(), createBlock(_component_nut_icon, {
+          key: 1,
+          name: _ctx.iconProps.name,
+          size: _ctx.iconProps.size,
+          color: _ctx.iconProps.color
+        }, null, 8, ["name", "size", "color"])),
+        _ctx.$slots.text ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.text), 1))
+      ], 64))
+    ], 2)
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Icon.js

@@ -1,10 +1,44 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { _ as _sfc_main } from "./index.taro.vue_vue&type=script&lang.js";
-export { _ as default } from "./index.taro.vue_vue&type=script&lang.js";
-import "vue";
-import "./component.js";
-import "./pxCheck.js";
+import { h } from "vue";
+import { c as createComponent } from "./component.js";
+import { p as pxCheck } from "./pxCheck.js";
+const { componentName, create } = createComponent("icon");
+const _sfc_main = create({
+  props: {
+    name: { type: String, default: "" },
+    size: { type: [String, Number], default: "" },
+    classPrefix: { type: String, default: "nut-icon" },
+    fontClassName: { type: String, default: "nutui-iconfont" },
+    color: { type: String, default: "" },
+    tag: { type: String, default: "i" }
+  },
+  emits: ["click"],
+  setup(props, { emit, slots }) {
+    const handleClick = (event) => {
+      emit("click", event);
+    };
+    const isImage = () => {
+      return props.name ? props.name.indexOf("/") !== -1 : false;
+    };
+    return () => {
+      var _a;
+      const _isImage = isImage();
+      return h(_isImage ? "img" : props.tag, {
+        class: _isImage ? `${componentName}__img` : `${props.fontClassName} ${componentName} ${props.classPrefix}-${props.name}`,
+        style: {
+          color: props.color,
+          fontSize: pxCheck(props.size),
+          width: pxCheck(props.size),
+          height: pxCheck(props.size)
+        },
+        onClick: handleClick,
+        src: _isImage ? props.name : ""
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+});
+export { _sfc_main as default };