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

package/dist/bkui-form-es.js

@@ -1534,6 +1534,10 @@ var props$1 = {
     type: Boolean,
     default: false
   },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
   readonlyMode: {
     type: String,
     default: 'value',
@@ -10224,7 +10228,14 @@ var Widget = Vue.extend({
     }
   },
   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);
@@ -10254,6 +10265,7 @@ var Widget = Vue.extend({
             path: self.path,
             value: value
           });
+          reactionDispatch(self.path, 'effect/update');
         }]),
         click: function click() {
           reactionDispatch(self.path, 'effect/click');
@@ -10273,7 +10285,10 @@ var Widget = Vue.extend({
     // 渲染删除按钮（用于数组类型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'
@@ -10436,6 +10451,7 @@ var ArrayWidget = Vue.extend({
     },
     // 添加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);
@@ -10446,6 +10462,7 @@ var ArrayWidget = Vue.extend({
     },
     // 删除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);
@@ -10491,7 +10508,10 @@ var ArrayWidget = Vue.extend({
         '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();
@@ -11159,9 +11179,9 @@ var FieldGroupWrap = Vue.extend({
   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',
@@ -11174,7 +11194,10 @@ var FieldGroupWrap = Vue.extend({
     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'
@@ -11232,12 +11255,12 @@ var KeyValueArrayWidget = Vue.extend({
   },
   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);
@@ -11260,7 +11283,7 @@ var KeyValueArrayWidget = Vue.extend({
       _this$value2;
     var labelBtnStyle = {
       'font-size': '16px',
-      color: '#979ba5',
+      color: this.disabled ? '#c4c6cc' : '#979ba5',
       cursor: this.disabled ? 'not-allowed' : 'pointer',
       display: 'inline-block'
     };