@blueking/bkui-form 0.0.38 → 0.0.40

package/dist/bkui-form-umd.js

@@ -802,6 +802,20 @@
     complete.splice.apply(complete, [restIndex, 1].concat(_toConsumableArray(rest)));
     return complete;
   }
+  var getCookie = function getCookie(name) {
+    var cookies = document.cookie.split(';');
+    for (var i = 0; i < cookies.length; i++) {
+      var cookie = cookies[i];
+      var _cookie$split = cookie.split('='),
+        _cookie$split2 = _slicedToArray(_cookie$split, 2),
+        key = _cookie$split2[0],
+        value = _cookie$split2[1];
+      if (key.trim() === name) {
+        return value;
+      }
+    }
+    return null;
+  };
 
   /**
    * Registry注册Form组件全局相关内容
@@ -1930,7 +1944,7 @@
             return;
           }
           var _node = new WidgetNode({
-            id: path,
+            id: instance.path,
             type: type,
             index: index,
             parent: parentNode,
@@ -10207,7 +10221,22 @@
             val = item.label;
           }
         }
-        return val === '' ? '--' : String(val);
+        var value = val === '' ? '--' : val;
+        if (Object.prototype.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) {
@@ -10376,6 +10405,25 @@
     }
   });
 
+  var messages = {
+    'zh-CN': {
+      add: '添加'
+    },
+    'en-US': {
+      add: 'Add'
+    }
+  };
+  function locale(item) {
+    var _messages$curLang;
+    var curLang = getCookie('blueking_language') || 'zh-CN';
+    if (['en-US', 'enUS', 'enus', 'en-us', 'en'].includes(curLang)) {
+      curLang = 'en-US';
+    } else {
+      curLang = 'zh-CN';
+    }
+    return ((_messages$curLang = messages[curLang]) === null || _messages$curLang === void 0 ? void 0 : _messages$curLang[item]) || '';
+  }
+
   var _excluded$2 = ["name"];
   // 默认数组控件
   var ArrayWidget = Vue__default["default"].extend({
@@ -10466,7 +10514,7 @@
         }
       }, [h('i', {
         class: ['bk-icon icon-plus-circle-shape mr5']
-      }), '添加'])])]));
+      }), locale('add')])])]));
     }
   });
 
@@ -10877,6 +10925,22 @@
   var TableWidget = Vue__default["default"].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) {
@@ -10889,12 +10953,14 @@
       // 新增
       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);
@@ -10902,7 +10968,7 @@
     },
     render: function render(h) {
       var _schema$items,
-        _this = this;
+        _this2 = this;
       var self = this;
       var _this$$props = this.$props,
         schema = _this$$props.schema,
@@ -10911,7 +10977,8 @@
         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() {
@@ -10928,7 +10995,7 @@
                 style: {
                   'text-decoration-line': 'underline',
                   'text-decoration-style': 'dashed',
-                  'cursor': 'pointer'
+                  cursor: 'pointer'
                 },
                 directives: [{
                   name: 'bk-tooltips',
@@ -10939,16 +11006,20 @@
           }
           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': {
                         // 默认不展示标题
@@ -10970,16 +11041,20 @@
             }
           });
         });
-        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: {
@@ -11017,7 +11092,7 @@
         },
         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'