@nutui/nutui 3.1.22-beta.3 → 3.1.22-beta.5

package/dist/packages/radio/index.scss

@@ -1,3 +1,21 @@
+.nut-theme-dark {
+  .nut-radio {
+    &__label {
+      color: $dark-color;
+      &--disabled {
+        color: $radio-label-disable-color;
+      }
+    }
+    &__button {
+      background: $dark-background;
+      color: $dark-color;
+      &--disabled {
+        color: $radio-label-disable-color;
+        border: 1px solid $radio-label-disable-color;
+      }
+    }
+  }
+}
 .nut-radio {
   display: flex;
   align-items: center;

package/dist/packages/range/index.scss

@@ -1,3 +1,22 @@
+.nut-theme-dark {
+  .nut-range-container {
+    background: $dark-background;
+    .min,
+    .max {
+      color: $dark-color-gray;
+    }
+    .nut-range {
+      &-mark-text {
+        color: $dark-color-gray;
+      }
+      &-button {
+        .number {
+          color: $dark-color;
+        }
+      }
+    }
+  }
+}
 .nut-range-container {
   display: flex;
   position: relative;

package/dist/packages/rate/index.scss

@@ -1,5 +1,5 @@
 .nut-rate {
-  display: flex;
+  display: inline-flex;
   &-item {
     display: flex;
     flex-shrink: 0;

package/dist/packages/searchbar/index.scss

@@ -1,3 +1,24 @@
+.nut-theme-dark {
+  .nut-searchbar {
+    background: $dark-background;
+    &__search-label {
+      color: $dark-color;
+    }
+    .nut-searchbar__input-clear {
+      & .nut-searchbar__nut-icon-mask-close {
+        color: $dark-color;
+        &:hover {
+          cursor: pointer;
+          color: $dark-color;
+        }
+      }
+    }
+    &__right-search-icon,
+    &__left-search-icon {
+      color: $dark-color;
+    }
+  }
+}
 .nut-searchbar {
   display: flex;
   align-items: center;

package/dist/packages/switch/index.scss

@@ -40,6 +40,7 @@
     min-width: $switch-width;
     height: $switch-height;
     line-height: $switch-line-height;
+    overflow: hidden;
     .switch-button {
       height: $switch-inside-height;
       width: $switch-inside-width;

package/dist/packages/tabbar/index.scss

@@ -1,3 +1,8 @@
+.nut-theme-dark {
+  .nut-tabbar {
+    background: $dark-background;
+  }
+}
 .nut-tabbar {
   border: 0px;
   box-shadow: $tabbar-box-shadow;

package/dist/packages/tabbaritem/index.scss

@@ -1,3 +1,10 @@
+.nut-theme-dark {
+  .nut-tabbar-item {
+    &__icon--unactive {
+      color: $dark-color-gray;
+    }
+  }
+}
 .nut-tabbar-item {
   flex: 1;
   text-align: center;

package/dist/packages/tabpane/index.scss

@@ -1,3 +1,8 @@
+.nut-theme-dark {
+  .nut-tabpane {
+    background: $dark-background2;
+  }
+}
 .nut-tabpane {
   width: 100%;
   flex-shrink: 0;

package/dist/packages/tabs/index.scss

@@ -1,3 +1,25 @@
+.nut-theme-dark {
+  .nut-tabs {
+    &__titles {
+      background: $dark-background3;
+      &-item {
+        color: $dark-color-gray;
+        &.active {
+          color: $dark-color;
+        }
+      }
+    }
+    &.vertical {
+      .nut-tabs__titles {
+        &-item {
+          &.active {
+            background-color: $dark-background2;
+          }
+        }
+      }
+    }
+  }
+}
 .nut-tabs {
   display: flex;
   overflow: hidden;

package/dist/packages/textarea/index.scss

@@ -1,3 +1,11 @@
+.nut-theme-dark {
+  .nut-textarea {
+    background: $dark-background;
+    &__textarea {
+      color: $dark-color;
+    }
+  }
+}
 .nut-textarea {
   position: relative;
   width: 100%;

package/dist/smartips/attributes.json

@@ -107,6 +107,10 @@
     "type": "string",
     "description": "属性说明：列提示文字，默认值：Array"
   },
+  "nut-address/lock-scroll": {
+    "type": "boolean",
+    "description": "属性说明：背景是否锁定，默认值：`true`"
+  },
   "nut-addresslist/data": {
     "type": "array",
     "description": "属性说明：地址数组，默认值：-"
@@ -123,6 +127,18 @@
     "type": "boolean",
     "description": "属性说明：是否展示底部按钮，默认值：true"
   },
+  "nut-animate/type": {
+    "type": "string",
+    "description": "属性说明：动画类型，见下方type值说明，默认值：-"
+  },
+  "nut-animate/action": {
+    "type": "string",
+    "description": "属性说明：触发方式，'initial'--初始化执行;  'click'--点击执行，默认值：'initial'"
+  },
+  "nut-animate/loop": {
+    "type": "boolean",
+    "description": "属性说明：是否循环执行。true-循环执行;false-执行一次，默认值：false"
+  },
   "nut-audio/url": {
     "type": "string",
     "description": "属性说明：语音播放的连接，默认值：''"
@@ -309,7 +325,7 @@
   },
   "nut-calendar/type": {
     "type": "string",
-    "description": "属性说明：类型，日期选择'one'，区间选择'range'，默认值：'one'"
+    "description": "属性说明：类型，日期单择'one'，区间选择'range',日期多选'multiple'，默认值：'one'"
   },
   "nut-calendar/poppable": {
     "type": "boolean",
@@ -325,7 +341,7 @@
   },
   "nut-calendar/default-value": {
     "type": "string 、 array",
-    "description": "属性说明：默认值，日期选择 String 格式，区间选择 Array 格式，默认值：null"
+    "description": "属性说明：默认值，单个日期选择 String，其他为 Array，默认值：null"
   },
   "nut-calendar/start-date": {
     "type": "string",
@@ -359,6 +375,10 @@
     "type": "boolean",
     "description": "属性说明：是否展示日期标题，默认值：true"
   },
+  "nut-calendar/to-date-animation": {
+    "type": "boolean",
+    "description": "属性说明：是否启动滚动动画，默认值：true"
+  },
   "nut-card/img-url": {
     "type": "string",
     "description": "属性说明：左侧图片Url，默认值：-"
@@ -599,6 +619,14 @@
     "type": "array",
     "description": "属性说明：配置底部按钮，默认值：[\"replay\", \"like\", \"more\"]"
   },
+  "nut-configprovider/theme": {
+    "type": "string",
+    "description": "属性说明：主题风格，设置为 `dark` 来开启深色模式，全局生效，默认值：-"
+  },
+  "nut-configprovider/tag": {
+    "type": "string",
+    "description": "属性说明：根节点对应的 HTML 标签名，默认值：div"
+  },
   "nut-countdown/v-model": {
     "type": "object",
     "description": "属性说明：当前时间，自定义展示内容时生效，默认值：{}"
@@ -947,6 +975,30 @@
     "type": "number",
     "description": "属性说明：左侧索引的高度，默认值：`35`"
   },
+  "nut-ellipsis/content": {
+    "type": "string",
+    "description": "属性说明：文本内容，默认值：-"
+  },
+  "nut-ellipsis/direction": {
+    "type": "'start'",
+    "description": "属性说明：省略位置，默认值：'end'"
+  },
+  "nut-ellipsis/rows": {
+    "type": "number",
+    "description": "属性说明：展示几行，默认值：1"
+  },
+  "nut-ellipsis/expandText": {
+    "type": "string",
+    "description": "属性说明：展开操作的文案，默认值：''"
+  },
+  "nut-ellipsis/collapseText": {
+    "type": "string",
+    "description": "属性说明：收起操作的文案，默认值：''"
+  },
+  "nut-ellipsis/symbol": {
+    "type": "string",
+    "description": "属性说明：省略的符号，默认值：'...'"
+  },
   "nut-empty/image": {
     "type": "string",
     "description": "属性说明：图片类型，可选值为 error network search，支持传入图片 URL，默认值：empty"
@@ -1055,6 +1107,46 @@
     "type": "string",
     "description": "属性说明：HTML 标签，默认值：`i`"
   },
+  "nut-image/src": {
+    "type": "string",
+    "description": "属性说明：图片链接，默认值：-"
+  },
+  "nut-image/fit": {
+    "type": "imagefit",
+    "description": "属性说明：图片填充模式，等同于原生的 object-fit 属性，默认值：'fill'"
+  },
+  "nut-image/position": {
+    "type": "imageposition",
+    "description": "属性说明：图片位置，等同于原生的 object-position 属性，默认值：'center'"
+  },
+  "nut-image/alt": {
+    "type": "string",
+    "description": "属性说明：替代文本，默认值：-"
+  },
+  "nut-image/width": {
+    "type": "string",
+    "description": "属性说明：宽度，默认单位`px`，默认值：-"
+  },
+  "nut-image/height": {
+    "type": "string",
+    "description": "属性说明：高度，默认单位`px`，默认值：-"
+  },
+  "nut-image/round": {
+    "type": "boolean",
+    "description": "属性说明：是否显示为圆角，默认值：false"
+  },
+  "nut-image/radius": {
+    "type": "string | numer",
+    "description": "属性说明：圆角大小，默认值：-"
+  },
+  "nut-image/showError": {
+    "type": "boolean",
+    "description": "属性说明：是否展示图片加载失败，默认值：false"
+  },
+  "nut-image/showLoading": {
+    "type": "boolean",
+    "description": "属性说明：是否展示加载中图片，默认值：true"
+  },
   "nut-imagepreview/show": {
     "type": "boolean",
     "description": "属性说明：是否展示预览图片，默认值：false"
@@ -1087,6 +1179,26 @@
     "type": "boolean",
     "description": "属性说明：点击图片可以退出预览，默认值：false"
   },
+  "nut-imagepreview/show-index`v3.1.22`": {
+    "type": "boolean",
+    "description": "属性说明：是否显示页码，默认值：true"
+  },
+  "nut-imagepreview/closeable`v3.1.22`": {
+    "type": "boolean",
+    "description": "属性说明：是否显示关闭图标，默认值：false"
+  },
+  "nut-imagepreview/close-icon`v3.1.22`": {
+    "type": "string",
+    "description": "属性说明：关闭图片名称或图片链接，默认值：‘circle-close’"
+  },
+  "nut-imagepreview/close-icon-position`v3.1.22`": {
+    "type": "string",
+    "description": "属性说明：关闭图标位置，可选值：top-left，默认值：‘top-right’"
+  },
+  "nut-imagepreview/before-close`v3.1.22`": {
+    "type": "(active: number) => boolean",
+    "description": "属性说明：关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise，默认值：Promise<`boolean`>"
+  },
   "nut-indicator/current": {
     "type": "number",
     "description": "属性说明：当前步骤，默认值：1"
@@ -1347,6 +1459,18 @@
     "type": "boolean",
     "description": "属性说明：是否在点击遮罩层后关闭菜单，默认值：true"
   },
+  "nut-menu/scroll-fixed `v3.1.22`": {
+    "type": "boolean、string、number",
+    "description": "属性说明：滚动后是否固定，可设置固定位置，默认值：false"
+  },
+  "nut-menu/title-class `v3.1.22`": {
+    "type": "string",
+    "description": "属性说明：自定义标题样式类，默认值：-"
+  },
+  "nut-menu/lock-scroll `v3.1.22`": {
+    "type": "boolean",
+    "description": "属性说明：背景是否锁定，默认值：true"
+  },
   "nut-navbar/title": {
     "type": "string",
     "description": "属性说明：标题名称，默认值：-"
@@ -1561,7 +1685,7 @@
   },
   "nut-overlay/lock-scroll": {
     "type": "boolean",
-    "description": "属性说明：背景是否锁定(`小程序不支持`)，默认值：`true`"
+    "description": "属性说明：背景是否锁定(`小程序不支持`)，默认值：`false`"
   },
   "nut-overlay/close-on-click-overlay": {
     "type": "boolean",
@@ -1971,6 +2095,10 @@
     "type": "number",
     "description": "属性说明：间距，默认值：20"
   },
+  "nut-rate/touchable`v3.1.22` `小程序暂不支持`": {
+    "type": "boolean",
+    "description": "属性说明：是否可以通过滑动手势选择评分，默认值：true"
+  },
   "nut-searchbar/v-model": {
     "type": "number / string",
     "description": "属性说明：当前输入的值，默认值：''"
@@ -2469,7 +2597,7 @@
   },
   "nut-textarea/rows        `v3.1.20`": {
     "type": "string、number",
-    "description": "属性说明：textarea的高度，优先级高于autosize属性，默认值：`2`"
+    "description": "属性说明：textarea的高度，优先级高于autosize属性  `仅支持 H5`，默认值：`2`"
   },
   "nut-textarea/limit-show": {
     "type": "boolean",

package/dist/smartips/tags.json

@@ -31,7 +31,8 @@
       "custom-address-title",
       "exist-address-title",
       "custom-and-exist-title",
-      "columns-placeholder"
+      "columns-placeholder",
+      "lock-scroll"
     ]
   },
   "nut-addresslist": {
@@ -42,6 +43,13 @@
       "show-bottom-button"
     ]
   },
+  "nut-animate": {
+    "attributes": [
+      "type",
+      "action",
+      "loop"
+    ]
+  },
   "nut-audio": {
     "attributes": [
       "url",
@@ -129,7 +137,8 @@
       "end-text",
       "confirm-text",
       "show-title",
-      "show-sub-title"
+      "show-sub-title",
+      "to-date-animation"
     ]
   },
   "nut-card": {
@@ -224,6 +233,12 @@
       "operation"
     ]
   },
+  "nut-configprovider": {
+    "attributes": [
+      "theme",
+      "tag"
+    ]
+  },
   "nut-countdown": {
     "attributes": [
       "v-model",
@@ -343,6 +358,16 @@
       "title-height"
     ]
   },
+  "nut-ellipsis": {
+    "attributes": [
+      "content",
+      "direction",
+      "rows",
+      "expandText",
+      "collapseText",
+      "symbol"
+    ]
+  },
   "nut-empty": {
     "attributes": [
       "image",
@@ -390,6 +415,20 @@
       "tag"
     ]
   },
+  "nut-image": {
+    "attributes": [
+      "src",
+      "fit",
+      "position",
+      "alt",
+      "width",
+      "height",
+      "round",
+      "radius",
+      "showError",
+      "showLoading"
+    ]
+  },
   "nut-imagepreview": {
     "attributes": [
       "show",
@@ -399,7 +438,12 @@
       "init-no",
       "pagination-visible",
       "pagination-color",
-      "content-close"
+      "content-close",
+      "show-index`v3.1.22`",
+      "closeable`v3.1.22`",
+      "close-icon`v3.1.22`",
+      "close-icon-position`v3.1.22`",
+      "before-close`v3.1.22`"
     ]
   },
   "nut-indicator": {
@@ -492,7 +536,10 @@
   "nut-menu": {
     "attributes": [
       "active-color",
-      "close-on-click-overlay `v3.1.21`"
+      "close-on-click-overlay `v3.1.21`",
+      "scroll-fixed `v3.1.22`",
+      "title-class `v3.1.22`",
+      "lock-scroll `v3.1.22`"
     ]
   },
   "nut-navbar": {
@@ -712,7 +759,8 @@
       "allow-half",
       "readonly",
       "disabled",
-      "spacing"
+      "spacing",
+      "touchable`v3.1.22` `小程序暂不支持`"
     ]
   },
   "nut-searchbar": {
@@ -726,7 +774,6 @@
       "clearable",
       "background",
       "input-background",
-      "input-background",
       "confirm-type",
       "input-background",
       "autofocus `v3.1.21`",