@cloudbase/weda-ui-mp 3.14.0 → 3.14.2

package/components/form/form/wd-form.wxss

@@ -317,7 +317,6 @@
 .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5.is-focused:not(.is-disabled), .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form-item.is-borderless .wd-form-item-wrap {
@@ -705,7 +704,6 @@ textarea {
 .wd-form-item--weui .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form.wd-form--weui .wd-upload__control,

package/components/grid/index.js

@@ -62,7 +62,7 @@ Component({
           : GUTTER_VALUE.find((item) => item.gutterValue === gutterY)?.styleValue || 0;
       const actalClassName = classNames({
         'wd-grid': true,
-        'wd-grid--avoid-scrollbar': avoidScrollbar,
+        'wd-grid--gap': avoidScrollbar,
         [`wd-grid-gx-${gutterXValue}`]: !isNil(gutterXValue),
         // 产品要求guterX 同时间决定row一个换行的间距和 row之间的间距
         [`wd-grid-gy-${gutterYValue}`]: !isNil(gutterYValue),

package/components/wd-form/wd-form.wxss

@@ -317,7 +317,6 @@
 .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5.is-focused:not(.is-disabled), .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form-item.is-borderless .wd-form-item-wrap {
@@ -705,7 +704,6 @@ textarea {
 .wd-form-item--weui .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form.wd-form--weui .wd-upload__control,

package/components/wd-form-item/wd-form-item.wxss

@@ -317,7 +317,6 @@
 .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5.is-focused:not(.is-disabled), .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form-item.is-borderless .wd-form-item-wrap {
@@ -705,7 +704,6 @@ textarea {
 .wd-form-item--weui .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form.wd-form--weui .wd-upload__control,

package/components/wd-form-item-obj/wd-form-item.wxss

@@ -317,7 +317,6 @@
 .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5.is-focused:not(.is-disabled), .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form-item.is-borderless .wd-form-item-wrap {
@@ -705,7 +704,6 @@ textarea {
 .wd-form-item--weui .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form.wd-form--weui .wd-upload__control,

package/components/wd-input/inner-input/wd-input.wxss

@@ -479,7 +479,6 @@
 .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5.is-focused:not(.is-disabled), .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form-item.is-borderless .wd-form-item-wrap {
@@ -867,7 +866,6 @@ textarea {
 .wd-form-item--weui .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form.wd-form--weui .wd-upload__control,
@@ -1372,7 +1370,6 @@ textarea {
 .wd-form-input-wrap.is-focused:not(.is-disabled), .wd-form-input-wrap:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form-input-wrap.is-disabled {

package/components/wd-input-wrap/wd-input-wrap.wxss

@@ -101,7 +101,6 @@
 .wd-form-input-wrap.is-focused:not(.is-disabled), .wd-form-input-wrap:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form-input-wrap.is-disabled {

package/components/wd-markdown/index.js

@@ -48,8 +48,7 @@ Component({
             try {
               return (
                 '<pre><code class="hljs">' +
-                hljs.highlight(str, { language: lang, ignoreIllegals: true })
-                  .value +
+                hljs.highlight(str, { language: lang, ignoreIllegals: true }).value +
                 '</code></pre>'
               );
             } catch (__) {}
@@ -69,8 +68,7 @@ Component({
         this.setReadonlyAttributes({
           value: this.properties.value,
           markdownInstance: this.data.mdInstance,
-          updateMarkdownInstance: ({ markdownInstance }) =>
-            this.setData({ mdInstance: markdownInstance }),
+          updateMarkdownInstance: ({ markdownInstance }) => this.setData({ mdInstance: markdownInstance }),
         });
     },
   },
@@ -78,7 +76,6 @@ Component({
     value: function () {
       const { mdInstance } = this.data;
       if (!mdInstance) return;
-      console.log(this.data.value);
       this.setData({
         __html: mdInstance.render(this.data.value),
       });

package/components/wd-menu-layout/wd-menu-layout.wxss

@@ -277,6 +277,17 @@
   overflow: auto;
   height: 100%;
 }
+.wd-menulayout-body__left-menu::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.wd-menulayout-body__left-menu::-webkit-scrollbar-thumb {
+  border-radius: var(--wd-space-base-xs, 4px);
+  background: var(--wd-color-text-disabled, rgba(0, 0, 0, 0.26));
+}
+.wd-menulayout-body__left-menu::-webkit-scrollbar-track {
+  background-color: transparent;
+}
 .wd-menulayout-body__left-menu .wedatea2td-menu__item {
   padding: 7px 24px 7px 8px;
 }

package/components/wd-menu-list/wd-menu-list.wxss

@@ -277,6 +277,17 @@
   overflow: auto;
   height: 100%;
 }
+.wd-menulayout-body__left-menu::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.wd-menulayout-body__left-menu::-webkit-scrollbar-thumb {
+  border-radius: var(--wd-space-base-xs, 4px);
+  background: var(--wd-color-text-disabled, rgba(0, 0, 0, 0.26));
+}
+.wd-menulayout-body__left-menu::-webkit-scrollbar-track {
+  background-color: transparent;
+}
 .wd-menulayout-body__left-menu .wedatea2td-menu__item {
   padding: 7px 24px 7px 8px;
 }

package/components/wd-progress/index.js

@@ -2,10 +2,7 @@ import { commonCompBehavior } from '../../utils/common-behavior';
 import formFieldBehavior from '../form-field-behavior/form-field-behavior';
 import { WD_PREFIX } from '../../utils/constant';
 import itemBehavior from '../form-field-behavior/item-behavior';
-import {
-  calculateNextValue,
-  calculatePercentByValueAndBoundary,
-} from '../../utils/range';
+import { calculateNextValue, calculatePercentByValueAndBoundary } from '../../utils/range';
 
 Component({
   options: {
@@ -34,13 +31,20 @@ Component({
   data: {
     classPrefix: WD_PREFIX,
     percent: 0,
+    active: true,
   },
   methods: {
     onTap: function (e) {
+      if (!this.data.active) {
+        return;
+      }
       const mouseX = e.detail.x;
       this._triggerChangeWithMouseX(mouseX);
     },
     onTouchStart: function (e) {
+      if (!this.data.active) {
+        return;
+      }
       const mouseX = e.touches[0]?.clientX;
       if (typeof mouseX !== 'number') {
         return;
@@ -48,6 +52,9 @@ Component({
       this._triggerChangeWithMouseX(mouseX);
     },
     onTouchMove: function (e) {
+      if (!this.data.active) {
+        return;
+      }
       const mouseX = e.touches[0]?.clientX;
       if (typeof mouseX !== 'number') {
         return;
@@ -55,19 +62,7 @@ Component({
       this._triggerChangeWithMouseX(mouseX);
     },
     updateWidgetAPI: function () {
-      const {
-        name,
-        value,
-        label,
-        required,
-        visible,
-        disabled,
-        readOnly,
-        showPercent,
-        min,
-        max,
-        step,
-      } = this.data;
+      const { name, value, label, required, visible, disabled, readOnly, showPercent, min, max, step } = this.data;
       this.setReadonlyAttributes?.({
         name,
         value,
@@ -126,9 +121,13 @@ Component({
     'value, min, max': function () {
       this._computePercent();
     },
-    'name, value, label, required, visible, disabled, readOnly, showPercent, min, max, step':
-      function () {
-        this.updateWidgetAPI();
-      },
+    'name, value, label, required, visible, disabled, readOnly, showPercent, min, max, step': function () {
+      this.updateWidgetAPI();
+    },
+    'disabled,readOnly': function (disabled, readOnly) {
+      this.setData({
+        active: !(readOnly || disabled),
+      });
+    },
   },
 });

package/components/wd-progress/wd-progress.wxss

@@ -352,7 +352,6 @@
 .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5.is-focused:not(.is-disabled), .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form-item.is-borderless .wd-form-item-wrap {
@@ -740,7 +739,6 @@ textarea {
 .wd-form-item--weui .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form.wd-form--weui .wd-upload__control,

package/components/wd-rating/wd-rating.wxss

@@ -342,7 +342,6 @@
 .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5.is-focused:not(.is-disabled), .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form-item.is-borderless .wd-form-item-wrap {
@@ -730,7 +729,6 @@ textarea {
 .wd-form-item--weui .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form.wd-form--weui .wd-upload__control,

package/components/wd-store-product/index.wxml

@@ -1 +1,3 @@
-<store-product id="{{id}}" appid="{{appid}}" product-id="{{productId}}" product-promotion-link="{{productPromotionLink}}" media-id="{{mediaId}}" custom-style="{{customStyle}}" custom-content="{{customContent}}" open-page="{{openPage}}" logo-position="{{logoPosition}}" bindentersuccess="bindentersuccess" bindentererror="bindentererror"  />
+<store-product id="{{id}}" appid="{{appid}}" product-id="{{productId}}" product-promotion-link="{{productPromotionLink}}" media-id="{{mediaId}}" custom-style="{{customStyle}}" custom-content="{{customContent}}" open-page="{{openPage}}" logo-position="{{logoPosition}}" bindentersuccess="bindentersuccess" bindentererror="bindentererror"  >
+ <slot></slot>
+</store-product>

package/components/wd-switch/wd-switch.wxss

@@ -438,7 +438,6 @@
 .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5.is-focused:not(.is-disabled), .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form-item.is-borderless .wd-form-item-wrap {
@@ -826,7 +825,6 @@ textarea {
 .wd-form-item--weui .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form.wd-form--weui .wd-upload__control,

package/components/wd-tabs/index.wxss

@@ -6,3 +6,9 @@
   display: flex;
   height: 50px;
 }
+.wd-tabs-mp-root .wd-tabs__scroll::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+  color: transparent;
+}

package/components/wd-tag-select/wd-tag-select.wxss

@@ -479,7 +479,6 @@
 .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5.is-focused:not(.is-disabled), .wd-form-item.is-borderless .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form-item.is-borderless .wd-form-item-wrap {
@@ -867,7 +866,6 @@ textarea {
 .wd-form-item--weui .wd-form-input-wrap.is-not-h5:focus:not(.is-disabled) {
   border-color: var(--wd-form-input-wrap-border-hover);
   background-color: var(--wd-form-input-wrap-bg-focus);
-  color: var(--wd-form-input-wrap-text-focus);
   box-shadow: 0px 0px 0px 0px;
 }
 .wd-form.wd-form--weui .wd-upload__control,

package/package.json

@@ -3,7 +3,7 @@
   "miniprogram": "./",
   "packageManager": "yarn@3.0.2",
   "dependencies": {},
-  "version": "3.14.0",
+  "version": "3.14.2",
   "main": "./",
   "publishConfig": {
     "access": "public"