@blueking/bkui-form 0.0.39 → 0.0.41

package/dist/bkui-form-es.js

@@ -1936,7 +1936,7 @@ var WidgetTree = /*#__PURE__*/function () {
           return;
         }
         var _node = new WidgetNode({
-          id: path,
+          id: instance.path,
           type: type,
           index: index,
           parent: parentNode,
@@ -10213,7 +10213,22 @@ var Widget = Vue.extend({
           val = item.label;
         }
       }
-      return val === '' ? '--' : String(val);
+      var value = val === '' ? '--' : val;
+      if (Object.prototype.toString.call(value) === '[Object Object]') {
+        value = JSON.stringify(value);
+      } else if (Array.isArray(value)) {
+        var isTrue = value.some(function (item) {
+          return item && _typeof(item) === 'object';
+        });
+        if (isTrue) {
+          value = JSON.stringify(value);
+        } else {
+          value = value.join(',');
+        }
+      } else {
+        value = String(value);
+      }
+      return value;
     }
   },
   render: function render(h) {
@@ -10902,6 +10917,22 @@ var getRowDefaultData = function getRowDefaultData() {
 var TableWidget = Vue.extend({
   name: 'TableWidget',
   props: props,
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      var fieldMap = _this.schema.items.properties;
+      _this.value.forEach(function (item, index) {
+        Object.keys(fieldMap).forEach(function (key) {
+          var config = fieldMap[key];
+          if (config['ui:rules']) {
+            var instance = _this.$refs[key + index];
+            // 注册widget TreeNode
+            widgetTree.addWidgetNode("".concat(_this.path, ".").concat(key), instance, 'node');
+          }
+        });
+      });
+    });
+  },
   methods: {
     // 单元格表单编辑
     handleCellValChange: function handleCellValChange(_ref) {
@@ -10914,12 +10945,14 @@ var TableWidget = Vue.extend({
     // 新增
     handleAddRow: function handleAddRow(index) {
       var _this$$props$schema$i;
+      if (this.schema['ui:props'].disabled) return;
       var newValue = this.value.slice(0);
       newValue.splice.apply(newValue, [index + 1, 0].concat(_toConsumableArray(getRowDefaultData((_this$$props$schema$i = this.$props.schema.items) === null || _this$$props$schema$i === void 0 ? void 0 : _this$$props$schema$i.properties))));
       this.$emit('input', newValue);
     },
     // 删除
     handleDelRow: function handleDelRow(index) {
+      if (this.schema['ui:props'].disabled) return;
       var newValue = this.value.slice(0);
       newValue.splice(index, 1);
       this.$emit('input', newValue);
@@ -10927,7 +10960,7 @@ var TableWidget = Vue.extend({
   },
   render: function render(h) {
     var _schema$items,
-      _this = this;
+      _this2 = this;
     var self = this;
     var _this$$props = this.$props,
       schema = _this$$props.schema,
@@ -10936,7 +10969,8 @@ var TableWidget = Vue.extend({
       path = _this$$props.path,
       context = _this$$props.context,
       rootData = _this$$props.rootData,
-      value = _this$$props.value;
+      value = _this$$props.value,
+      disabled = _this$$props.disabled;
     var columnsKey = Object.keys(((_schema$items = schema.items) === null || _schema$items === void 0 ? void 0 : _schema$items.properties) || []);
     var uiOptions = Schema.getUiOptions(schema);
     var getTableColumn = function getTableColumn() {
@@ -10964,16 +10998,20 @@ var TableWidget = Vue.extend({
         }
         return h(registry.getBaseWidget('table-column'), {
           props: _objectSpread2({
-            label: colField.title
+            label: colField.title,
+            minWidth: colField.minWidth,
+            width: colField.width
           }, colProps),
           scopedSlots: {
             default: function _default(props) {
               return h(SchemaField, {
+                ref: key + props.$index,
                 props: {
                   context: context,
                   rootData: rootData,
                   readonly: readonly,
                   readonlyMode: readonlyMode,
+                  disabled: disabled,
                   schema: mergeDeep(colField, {
                     'ui:props': {
                       // 默认不展示标题
@@ -10995,16 +11033,20 @@ var TableWidget = Vue.extend({
           }
         });
       });
-      if (!_this.readonly && uiOptions.modifyRows !== false) {
+      if (!_this2.readonly && uiOptions.modifyRows !== false) {
         VNodeList.push(h(registry.getBaseWidget('table-column'), {
           props: {
             label: '操作',
-            width: 100
+            width: 100,
+            fixed: 'right'
           },
           scopedSlots: {
             default: function _default(props) {
               return h('div', {
-                class: 'table-widget-actions'
+                class: {
+                  'table-widget-actions': true,
+                  'is-disabled': schema['ui:props'].disabled
+                }
               }, [h('i', {
                 class: 'bk-icon icon-plus-circle action-btn',
                 on: {
@@ -11042,7 +11084,7 @@ var TableWidget = Vue.extend({
       },
       scopedSlots: {
         empty: function empty() {
-          return _this.readonly || uiOptions.modifyRows === false ? null : h('div', {
+          return _this2.readonly || uiOptions.modifyRows === false ? null : h('div', {
             style: {
               color: '#3a84ff',
               cursor: 'pointer'