mali-applet-ui 1.0.164 → 1.0.166

package/lib/components/ml-form-item/ml-form-item.vue

@@ -1,7 +1,7 @@
 <template>
   <view
     class="ml-form-item"
-    :class="[className || '', itemTitleAlign ? `title-align-${itemTitleAlign}` : '', itemAlign ? `align-${itemAlign}` : '', {'is-visible': visible, 'is-border': isFormBorder, 'is-vertical': itemVertical, 'is-required': isRequired, 'is-error': itemErrRule}]"
+    :class="[className || '', itemTitleAlign ? `title-align-${itemTitleAlign}` : '', itemAlign ? `align-${itemAlign}` : '', {'is-visible': visible, 'is-border': isFormBorder, 'is-vertical': itemVertical, 'is-required': isRequired, 'is-disabled': isFormDisabled, 'is-error': itemErrRule}]"
     :style="styles">
     <view v-if="title || $slots.title" class="ml-form-item-header" :style="titleStyle">
       <view v-if="isRequired" class="ml-form-item-header-asterisk">*</view>
@@ -106,6 +106,12 @@ export default {
       }
       return false
     },
+    isFormDisabled () {
+      if (this.disabled) {
+        return true
+      }
+      return this.form ? this.form.disabled : false
+    },
     itemErrRule () {
       if (this.form) {
         const item = this.form.itemList.find(item => item.mId === this.mId)
@@ -247,13 +253,18 @@ export default {
   .ml-form-item-header-extra {
     flex-shrink: 0;
   }
+  &.is-disabled {
+    color: $ml-disabled-color;
+    .ml-form-item-header-title {
+      color: $ml-disabled-color;
+    }
+  }
   &.is-vertical {
     flex-direction: column;
   }
   &:not(.is-vertical) {
     .ml-form-item-header {
       flex-shrink: 0;
-      color: rgba(0, 0, 0, 0.65);
     }
   }
   &.title-align-left {

package/lib/components/ml-input/ml-input.vue

@@ -154,7 +154,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .ml-input {
   flex-grow: 1;
   display: flex;
@@ -163,9 +163,9 @@ export default {
     color: $ml-input-color-placeholder;
   }
   &.is-disabled {
-    color: rgba(23,26,29,0.24);
+    color: $ml-disabled-color;
     .ml-input-placeholder {
-      color: rgba(23,26,29,0.24);
+      color: $ml-disabled-color;
     }
   }
   .ml-input-simulate {

package/lib/components/ml-location-pick/ml-location-pick.vue

@@ -66,7 +66,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .ml-location-pick {
   display: flex;
 }

package/lib/components/ml-tree-box/ml-tree-box.vue

@@ -425,7 +425,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .ml-tree-box {
   background-color: #ffffff;
   .ml-tree-container {

package/lib/components/ml-tree-box/ml-tree-icon.vue

@@ -28,7 +28,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .ml-tree-node__icon {
   height: 100%;
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mali-applet-ui",
-  "version": "1.0.164",
+  "version": "1.0.166",
   "description": "码里云小程序组件库",
   "files": [
     "lib",

package/theme.scss

@@ -3,6 +3,7 @@ $ml-page-full-width: 100%;
 
 // 文字颜色
 $ml-font-color: rgba(0, 0, 0, 0.85);
+$ml-disabled-color: rgba(23,26,29,0.24);
 
 // 主题色
 $ml-theme-primary-color: #246BFD;