npm - @nutui/nutui-react - Versions diffs - 3.0.18 → 3.0.19 - Mend

@nutui/nutui-react 3.0.18 → 3.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (676) hide show

package/dist/cjs/packages/badge/style-jrkf/badge.scss CHANGED Viewed

@@ -1,8 +1,13 @@
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
   &-icon {
@@ -38,7 +43,12 @@
   }
   &-sup {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     text-align: center;
     min-width: $badge-min-width;
     padding: $badge-padding;
@@ -58,7 +68,7 @@
   }
   &-number {
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
   }
   &-one {

package/dist/cjs/packages/badge/style-jrkf/style.css CHANGED Viewed

@@ -4,9 +4,14 @@
 /* #endif */
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 }
 .nut-badge-icon {
@@ -38,7 +43,12 @@
   border-radius: var(--nutui-badge-border-radius, calc(var(--nutui-badge-height, 20px) / 2));
 }
 .nut-badge-sup {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 8px);
   padding: var(--nutui-badge-padding, 0 4px);
@@ -56,7 +66,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 20px);

package/dist/cjs/packages/button/style/button.scss CHANGED Viewed

@@ -55,6 +55,12 @@
     transform: translate(-50%, -50%);
     opacity: 0;
     content: ' ';
+    /* #ifdef dynamic*/
+    pointer-events: none;
+    /* #endif */
+    /* #ifndef dynamic*/
+    pointer-events: auto;
+    /* #endif */
   }
   &::after {

package/dist/cjs/packages/button/style/style.css CHANGED Viewed

@@ -57,6 +57,12 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
+  /* #ifdef dynamic*/
+  pointer-events: none;
+  /* #endif */
+  /* #ifndef dynamic*/
+  pointer-events: auto;
+  /* #endif */
 }
 .nut-button::after {
   border: none;
@@ -138,7 +144,7 @@
 .nut-button-large {
   height: var(--nutui-button-large-height, 40px);
   padding: var(--nutui-button-large-padding, 0px 16px);
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
   border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
 }
 .nut-button-large .nut-button-text {
@@ -148,12 +154,12 @@
   margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
 }
 .nut-button-large .nut-icon {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-large-children {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-small {
   height: var(--nutui-button-small-height, 28px);

package/dist/cjs/packages/button/style-jmapp/button.scss CHANGED Viewed

@@ -55,6 +55,12 @@
     transform: translate(-50%, -50%);
     opacity: 0;
     content: ' ';
+    /* #ifdef dynamic*/
+    pointer-events: none;
+    /* #endif */
+    /* #ifndef dynamic*/
+    pointer-events: auto;
+    /* #endif */
   }
   &::after {

package/dist/cjs/packages/button/style-jmapp/style.css CHANGED Viewed

@@ -57,6 +57,12 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
+  /* #ifdef dynamic*/
+  pointer-events: none;
+  /* #endif */
+  /* #ifndef dynamic*/
+  pointer-events: auto;
+  /* #endif */
 }
 .nut-button::after {
   border: none;

package/dist/cjs/packages/button/style-jrkf/button.scss CHANGED Viewed

@@ -55,6 +55,12 @@
     transform: translate(-50%, -50%);
     opacity: 0;
     content: ' ';
+    /* #ifdef dynamic*/
+    pointer-events: none;
+    /* #endif */
+    /* #ifndef dynamic*/
+    pointer-events: auto;
+    /* #endif */
   }
   &::after {

package/dist/cjs/packages/button/style-jrkf/style.css CHANGED Viewed

@@ -57,6 +57,12 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
+  /* #ifdef dynamic*/
+  pointer-events: none;
+  /* #endif */
+  /* #ifndef dynamic*/
+  pointer-events: auto;
+  /* #endif */
 }
 .nut-button::after {
   border: none;

package/dist/cjs/packages/calendar/style/style.css CHANGED Viewed

@@ -7,14 +7,14 @@
   display: flex;
   flex-direction: column;
   flex: 1;
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
   background-color: var(--nutui-color-background-overlay, #ffffff);
   color: var(--nutui-color-title, #1a1a1a);
   overflow: hidden;
   height: 100%;
 }
 .nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title {
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-calendar .nut-calendar-taro {
   height: 60vh;

package/dist/cjs/packages/calendarcard/style/style.css CHANGED Viewed

@@ -6,7 +6,7 @@
   background: var(--nutui-color-background-overlay, #ffffff);
   border-radius: 12px;
   overflow: hidden;
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
   color: var(--nutui-color-title, #1a1a1a);
 }
 .nut-calendarcard-header {

package/dist/cjs/packages/cascader/style/cascader.scss CHANGED Viewed

@@ -8,8 +8,10 @@
   }
   .nut-tabs-titles-item {
+    /* #ifndef dynamic*/
     flex: initial;
     min-width: auto;
+    /* #endif */
     width: auto;
     padding: $cascader-tabs-item-padding;
     white-space: nowrap;

package/dist/cjs/packages/cascader/style/style.css CHANGED Viewed

@@ -11,8 +11,10 @@
   background: var(--nutui-color-background-overlay, #ffffff);
 }
 .nut-cascader .nut-tabs-titles-item {
+  /* #ifndef dynamic*/
   flex: initial;
   min-width: auto;
+  /* #endif */
   width: auto;
   padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
   white-space: nowrap;

package/dist/cjs/packages/cascader/style-jmapp/cascader.scss CHANGED Viewed

@@ -8,8 +8,10 @@
   }
   .nut-tabs-titles-item {
+    /* #ifndef dynamic*/
     flex: initial;
     min-width: auto;
+    /* #endif */
     width: auto;
     padding: $cascader-tabs-item-padding;
     white-space: nowrap;

package/dist/cjs/packages/cascader/style-jmapp/style.css CHANGED Viewed

@@ -11,8 +11,10 @@
   background: var(--nutui-color-surface-2);
 }
 .nut-cascader .nut-tabs-titles-item {
+  /* #ifndef dynamic*/
   flex: initial;
   min-width: auto;
+  /* #endif */
   width: auto;
   padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
   white-space: nowrap;

package/dist/cjs/packages/cascader/style-jrkf/cascader.scss CHANGED Viewed

@@ -8,8 +8,10 @@
   }
   .nut-tabs-titles-item {
+    /* #ifndef dynamic*/
     flex: initial;
     min-width: auto;
+    /* #endif */
     width: auto;
     padding: $cascader-tabs-item-padding;
     white-space: nowrap;

package/dist/cjs/packages/cascader/style-jrkf/style.css CHANGED Viewed

@@ -11,8 +11,10 @@
   background: var(--nutui-color-surface-2);
 }
 .nut-cascader .nut-tabs-titles-item {
+  /* #ifndef dynamic*/
   flex: initial;
   min-width: auto;
+  /* #endif */
   width: auto;
   padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
   white-space: nowrap;

package/dist/cjs/packages/cellgroup/style/cellgroup.scss CHANGED Viewed

@@ -2,7 +2,9 @@
   display: block;
   &-title {
+    /* #ifndef dynamic*/
     display: inherit;
+    /* #endif */
     padding: $cell-group-title-padding;
     color: $cell-group-title-color;
     font-size: $cell-group-title-font-size;
@@ -12,7 +14,9 @@
   }
   &-description {
+    /* #ifndef dynamic*/
     display: inherit;
+    /* #endif */
     padding: $cell-group-description-padding;
     color: $cell-group-description-color;
     font-size: $cell-group-description-font-size;

package/dist/cjs/packages/cellgroup/style/style.css CHANGED Viewed

@@ -6,7 +6,9 @@
   display: block;
 }
 .nut-cell-group-title {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-title-padding, 0 10px);
   color: var(--nutui-cell-group-title-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-cell-group-title-font-size, var(--nutui-font-size-base, 14px));
@@ -15,7 +17,9 @@
   margin-bottom: 10px;
 }
 .nut-cell-group-description {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-description-padding, 0 10px);
   color: var(--nutui-cell-group-description-color, var(--nutui-color-text, #505259));
   font-size: var(--nutui-cell-group-description-font-size, var(--nutui-font-size-s, 12px));

package/dist/cjs/packages/cellgroup/style-jmapp/cellgroup.scss CHANGED Viewed

@@ -2,7 +2,9 @@
   display: block;
   &-title {
+    /* #ifndef dynamic*/
     display: inherit;
+    /* #endif */
     padding: $cell-group-title-padding;
     color: $cell-group-title-color;
     font-size: $cell-group-title-font-size;
@@ -12,7 +14,9 @@
   }
   &-description {
+    /* #ifndef dynamic*/
     display: inherit;
+    /* #endif */
     padding: $cell-group-description-padding;
     color: $cell-group-description-color;
     font-size: $cell-group-description-font-size;

package/dist/cjs/packages/cellgroup/style-jmapp/style.css CHANGED Viewed

@@ -6,7 +6,9 @@
   display: block;
 }
 .nut-cell-group-title {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-title-padding, 0 10px);
   color: var(--nutui-cell-group-title-color, var(--nutui-color-title));
   font-size: var(--nutui-cell-group-title-font-size, var(--nutui-font-text));
@@ -15,7 +17,9 @@
   margin-bottom: 10px;
 }
 .nut-cell-group-description {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-description-padding, 0 10px);
   color: var(--nutui-cell-group-description-color, var(--nutui-color-text));
   font-size: var(--nutui-cell-group-description-font-size, var(--nutui-font-text-small));

package/dist/cjs/packages/cellgroup/style-jrkf/cellgroup.scss CHANGED Viewed

@@ -2,7 +2,9 @@
   display: block;
   &-title {
+    /* #ifndef dynamic*/
     display: inherit;
+    /* #endif */
     padding: $cell-group-title-padding;
     color: $cell-group-title-color;
     font-size: $cell-group-title-font-size;
@@ -12,7 +14,9 @@
   }
   &-description {
+    /* #ifndef dynamic*/
     display: inherit;
+    /* #endif */
     padding: $cell-group-description-padding;
     color: $cell-group-description-color;
     font-size: $cell-group-description-font-size;

package/dist/cjs/packages/cellgroup/style-jrkf/style.css CHANGED Viewed

@@ -6,7 +6,9 @@
   display: block;
 }
 .nut-cell-group-title {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-title-padding, 0 10px);
   color: var(--nutui-cell-group-title-color, var(--nutui-color-title));
   font-size: var(--nutui-cell-group-title-font-size, var(--nutui-font-text));
@@ -15,7 +17,9 @@
   margin-bottom: 10px;
 }
 .nut-cell-group-description {
+  /* #ifndef dynamic*/
   display: inherit;
+  /* #endif */
   padding: var(--nutui-cell-group-description-padding, 0 10px);
   color: var(--nutui-cell-group-description-color, var(--nutui-color-text));
   font-size: var(--nutui-cell-group-description-font-size, var(--nutui-font-text-small));

package/dist/cjs/packages/checkbox/checkbox.js CHANGED Viewed

@@ -168,7 +168,7 @@ var Checkbox = function Checkbox(props) {
     };
     var _obj;
     return /*#__PURE__*/ _react.default.createElement("div", (0, _object_spread_props._)((0, _object_spread._)({
-        className: (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), (0, _define_property._)(_obj, 'nut-checkbox-list-item', ctx === null || ctx === void 0 ? void 0 : ctx.list), _obj), className)
+        className: (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), (0, _define_property._)(_obj, 'nut-checkbox-list-item', ctx === null || ctx === void 0 ? void 0 : ctx.list), (0, _define_property._)(_obj, "".concat(classPrefix, "-active"), innerChecked), _obj), className)
     }, rest), {
         onClick: handleClick
     }), renderCheckboxItem());

package/dist/cjs/packages/checkbox/style/checkbox.scss CHANGED Viewed

@@ -17,6 +17,7 @@
   &-icon-checked {
     color: $color-primary;
+    background-color: $white;
     transition-duration: 0.3s;
     transition-property: color, border-color, background-color;
     border-radius: 50%;
@@ -39,6 +40,7 @@
   &-icon-indeterminate {
     color: $color-primary;
+    background-color: $white;
     box-shadow: 0px 2px 4px 0px #ff0f2333;
     border-radius: 50%;
@@ -49,6 +51,8 @@
   &-icon-disabled {
     color: $color-text-disabled;
+    background-color: $white;
+    border-radius: 50%;
     box-shadow: none;
   }
@@ -63,7 +67,12 @@
   &-button {
     position: relative;
+    /* #ifdef dynamic */
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic */
     display: inline-flex;
+    /* #endif */
     align-items: center;
     min-height: 32px;
     padding: $checkbox-button-padding;

package/dist/cjs/packages/checkbox/style/style.css CHANGED Viewed

@@ -8,7 +8,7 @@
 }
 .nut-checkbox-icon {
   color: var(--nutui-color-text-disabled, #c2c4cc);
-  font-size: var(--nutui-checkbox-icon-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-checkbox-icon-font-size, var(--nutui-font-size-icon, 16px));
   flex-shrink: 0;
 }
 .nut-checkbox-icon-wrap {
@@ -19,6 +19,7 @@
 }
 .nut-checkbox-icon-checked {
   color: var(--nutui-color-primary, #ff0f23);
+  background-color: #ffffff;
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
   border-radius: 50%;
@@ -37,6 +38,7 @@
 }
 .nut-checkbox-icon-indeterminate {
   color: var(--nutui-color-primary, #ff0f23);
+  background-color: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
@@ -45,6 +47,8 @@
 }
 .nut-checkbox-icon-disabled {
   color: var(--nutui-color-text-disabled, #c2c4cc);
+  background-color: #ffffff;
+  border-radius: 50%;
   box-shadow: none;
 }
 .nut-checkbox-reverse {
@@ -56,7 +60,12 @@
 }
 .nut-checkbox-button {
   position: relative;
+  /* #ifdef dynamic */
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic */
   display: inline-flex;
+  /* #endif */
   align-items: center;
   min-height: 32px;
   padding: var(--nutui-checkbox-button-padding, 5px 18px);

package/dist/cjs/packages/checkbox/style-jmapp/checkbox.scss CHANGED Viewed

@@ -17,6 +17,7 @@
   &-icon-checked {
     color: $color-primary;
+    background-color: $white;
     transition-duration: 0.3s;
     transition-property: color, border-color, background-color;
     border-radius: 50%;
@@ -39,6 +40,7 @@
   &-icon-indeterminate {
     color: $color-primary;
+    background-color: $white;
     box-shadow: 0px 2px 4px 0px #ff0f2333;
     border-radius: 50%;
@@ -49,6 +51,8 @@
   &-icon-disabled {
     color: $color-text-disabled;
+    background-color: $white;
+    border-radius: 50%;
     box-shadow: none;
   }
@@ -63,7 +67,12 @@
   &-button {
     position: relative;
+    /* #ifdef dynamic */
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic */
     display: inline-flex;
+    /* #endif */
     align-items: center;
     min-height: 32px;
     padding: $checkbox-button-padding;

package/dist/cjs/packages/checkbox/style-jmapp/style.css CHANGED Viewed

@@ -19,6 +19,7 @@
 }
 .nut-checkbox-icon-checked {
   color: var(--nutui-color-primary);
+  background-color: #ffffff;
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
   border-radius: 50%;
@@ -37,6 +38,7 @@
 }
 .nut-checkbox-icon-indeterminate {
   color: var(--nutui-color-primary);
+  background-color: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
@@ -45,6 +47,8 @@
 }
 .nut-checkbox-icon-disabled {
   color: var(--nutui-color-text-disabled);
+  background-color: #ffffff;
+  border-radius: 50%;
   box-shadow: none;
 }
 .nut-checkbox-reverse {
@@ -56,7 +60,12 @@
 }
 .nut-checkbox-button {
   position: relative;
+  /* #ifdef dynamic */
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic */
   display: inline-flex;
+  /* #endif */
   align-items: center;
   min-height: 32px;
   padding: var(--nutui-checkbox-button-padding, 5px 18px);

package/dist/cjs/packages/checkbox/style-jrkf/checkbox.scss CHANGED Viewed

@@ -17,6 +17,7 @@
   &-icon-checked {
     color: $color-primary;
+    background-color: $white;
     transition-duration: 0.3s;
     transition-property: color, border-color, background-color;
     border-radius: 50%;
@@ -39,6 +40,7 @@
   &-icon-indeterminate {
     color: $color-primary;
+    background-color: $white;
     box-shadow: 0px 2px 4px 0px #ff0f2333;
     border-radius: 50%;
@@ -49,6 +51,8 @@
   &-icon-disabled {
     color: $color-text-disabled;
+    background-color: $white;
+    border-radius: 50%;
     box-shadow: none;
   }
@@ -63,7 +67,12 @@
   &-button {
     position: relative;
+    /* #ifdef dynamic */
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic */
     display: inline-flex;
+    /* #endif */
     align-items: center;
     min-height: 32px;
     padding: $checkbox-button-padding;

package/dist/cjs/packages/checkbox/style-jrkf/style.css CHANGED Viewed

@@ -19,6 +19,7 @@
 }
 .nut-checkbox-icon-checked {
   color: var(--nutui-color-primary, #ff6666);
+  background-color: #ffffff;
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
   border-radius: 50%;
@@ -37,6 +38,7 @@
 }
 .nut-checkbox-icon-indeterminate {
   color: var(--nutui-color-primary, #ff6666);
+  background-color: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
@@ -45,6 +47,8 @@
 }
 .nut-checkbox-icon-disabled {
   color: var(--nutui-color-text-disabled);
+  background-color: #ffffff;
+  border-radius: 50%;
   box-shadow: none;
 }
 .nut-checkbox-reverse {
@@ -56,7 +60,12 @@
 }
 .nut-checkbox-button {
   position: relative;
+  /* #ifdef dynamic */
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic */
   display: inline-flex;
+  /* #endif */
   align-items: center;
   min-height: 32px;
   padding: var(--nutui-checkbox-button-padding, 5px 18px);

package/dist/cjs/packages/checkboxgroup/style/checkboxgroup.scss CHANGED Viewed

@@ -30,7 +30,12 @@
     flex-wrap: wrap;
     .nut-checkbox {
+      /* #ifdef dynamic*/
+      display: flex;
+      /* #endif */
+      /* #ifndef dynamic*/
       display: inline-flex;
+      /* #endif */
       flex: 1;
       margin-right: 20px;

package/dist/cjs/packages/checkboxgroup/style/style.css CHANGED Viewed

@@ -26,7 +26,12 @@
   flex-wrap: wrap;
 }
 .nut-checkboxgroup-horizontal .nut-checkbox {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex: 1;
   margin-right: 20px;
 }