@blueking/bkui-form 0.0.42-beta.3 → 0.0.42-beta.5

package/dist/bkui-form-umd.js

@@ -1542,6 +1542,10 @@
       type: Boolean,
       default: false
     },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
     readonlyMode: {
       type: String,
       default: 'value',
@@ -10232,7 +10236,14 @@
       }
     },
     render: function render(h) {
-      var _events$callbacks, _this$$scopedSlots$de, _this$$scopedSlots$de2, _this$$scopedSlots, _this$widgetSchema$ui5, _this$$scopedSlots$su, _this$$scopedSlots2;
+      var _events$callbacks,
+        _this$$scopedSlots$de,
+        _this$$scopedSlots$de2,
+        _this$$scopedSlots,
+        _this5 = this,
+        _this$widgetSchema$ui5,
+        _this$$scopedSlots$su,
+        _this$$scopedSlots2;
       var _Schema$getUiComponen = Schema.getUiComponent(this.widgetSchema),
         name = _Schema$getUiComponen.name,
         uiVnodeData = _objectWithoutProperties(_Schema$getUiComponen, _excluded2);
@@ -10262,6 +10273,7 @@
               path: self.path,
               value: value
             });
+            reactionDispatch(self.path, 'effect/update');
           }]),
           click: function click() {
             reactionDispatch(self.path, 'effect/click');
@@ -10281,7 +10293,10 @@
       // 渲染删除按钮（用于数组类型widget删除）
       var renderDelete = function renderDelete() {
         return h('span', {
-          class: ['bk-schema-form-group-delete'],
+          class: ['bk-schema-form-group-delete', {
+            disabled: _this5.disabled,
+            readonly: _this5.readonly
+          }],
           style: {
             right: '0px',
             top: '0px'
@@ -10444,6 +10459,7 @@
       },
       // 添加item
       handleAddItem: function handleAddItem() {
+        if (this.disabled || this.readonly) return;
         var data = Schema.getSchemaDefaultValue(this.schema.items);
         var value = JSON.parse(JSON.stringify(this.value || []));
         value.push(data);
@@ -10454,6 +10470,7 @@
       },
       // 删除item
       handleDeleteItem: function handleDeleteItem(path) {
+        if (this.disabled || this.readonly) return;
         var index = Number(Path.getPathLastProp(path));
         var value = JSON.parse(JSON.stringify(this.value || []));
         value.splice(index, 1);
@@ -10499,7 +10516,10 @@
           'bk-schema-form-item-auto-height': true
         }
       }, [h('span', {
-        class: ['bk-schema-form-group-add'],
+        class: ['bk-schema-form-group-add', {
+          disabled: this.disabled,
+          readonly: this.readonly
+        }],
         on: {
           click: function click() {
             self.handleAddItem();
@@ -11167,9 +11187,9 @@
     render: function render(h) {
       var _this$layout,
         _this$layout2,
+        _this = this,
         _this$schema,
-        _this$layout3,
-        _this = this;
+        _this$layout3;
       var schemaFormStyle = _objectSpread2({
         position: 'relative',
         border: this.border ? '1px solid #dcdee5' : 'none',
@@ -11182,7 +11202,10 @@
       var self = this;
       var renderDelete = function renderDelete() {
         return h('span', {
-          class: ['bk-schema-form-group-delete'],
+          class: ['bk-schema-form-group-delete', {
+            disabled: _this.disabled,
+            readonly: _this.readonly
+          }],
           style: {
             right: '10px',
             top: '10px'
@@ -11240,12 +11263,12 @@
     },
     methods: {
       handleAddItem: function handleAddItem() {
-        if (this.disabled) return;
+        if (this.disabled || this.readonly) return;
         var data = Schema.getSchemaDefaultValue(this.schema.items);
         this.$emit('input', [].concat(_toConsumableArray(this.value), [data]));
       },
       handleRemoveItem: function handleRemoveItem(index) {
-        if (this.disabled) return;
+        if (this.disabled || this.readonly) return;
         var value = JSON.parse(JSON.stringify(this.value));
         value.splice(index, 1);
         this.$emit('input', value);
@@ -11268,7 +11291,7 @@
         _this$value2;
       var labelBtnStyle = {
         'font-size': '16px',
-        color: '#979ba5',
+        color: this.disabled ? '#c4c6cc' : '#979ba5',
         cursor: this.disabled ? 'not-allowed' : 'pointer',
         display: 'inline-block'
       };