ydb-components-material 0.1.98 → 0.1.99

package/lib/components/scene-tree/index.js

@@ -4,6 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 var _checkbox = _interopRequireDefault(require("@alifd/next/lib/checkbox"));
+var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
 var _react = _interopRequireWildcard(require("react"));
@@ -70,16 +72,40 @@ var SceneTree = function SceneTree(_ref) {
     var targetNodeOfCurTree = _findNodeById(curTree, targetId, targetPId);
     // 删除当前题目的子题目先 可能还留有上次带出来的题目
     targetNodeOfCurTree.children = [];
+    // 如果不是初始化的时候就禁用了 重置一下禁用状态和
+    targetNodeOfOriginTree.options.forEach(function (option) {
+      if (option.preDisabled !== true) {
+        option.disabled = false;
+        option.showMutuallyExclusivePrompt = false;
+      }
+    });
     console.log('targetNodeOfCurTree----', targetNodeOfCurTree);
     // 可能是个多选题 val会是个数组
     if (Array.isArray(val)) {
       if (val.length) {
         var optionNameList = [];
         val.forEach(function (item) {
+          // 找到当前选项在当前树中
+          var curOption = targetNodeOfCurTree.options.find(function (option) {
+            return option.id === item;
+          });
+          curOption.showMutuallyExclusivePrompt = true;
           // 找到对应的选项在源数据中
           var targetOption = targetNodeOfOriginTree.options.find(function (option) {
             return option.id === item;
           });
+          // 如果当前选项有互斥选项，找出来禁用掉
+          if (Array.isArray(targetOption.mutuallyExclusiveOptions) && targetOption.mutuallyExclusiveOptions.length) {
+            targetOption.mutuallyExclusiveOptions.forEach(function (mutuallyExclusiveOption) {
+              var targetMutuallyExclusiveOption = targetNodeOfCurTree.options.find(function (option) {
+                return option.id === mutuallyExclusiveOption;
+              });
+              console.log('targetMutuallyExclusiveOption--', targetMutuallyExclusiveOption);
+              if (targetMutuallyExclusiveOption) {
+                targetMutuallyExclusiveOption.disabled = true;
+              }
+            });
+          }
           optionNameList.push(targetOption.name);
           // 拿到这个选中的选项会带出来的子题目 虽然是个数组。但是只有一项 只会带出来一个题目
           var targetNodeChildList = (targetOption.children || []).filter(Boolean).map(function (n) {
@@ -148,6 +174,13 @@ var SceneTree = function SceneTree(_ref) {
     setCurTree((0, _extends2["default"])({}, curTree));
     valChange(curTree);
   };
+  var trigger = function trigger(style) {
+    return /*#__PURE__*/React.createElement(_icon["default"], {
+      type: "help",
+      size: "xs",
+      style: style
+    });
+  };
   var _TreeNode = function TreeNode(_ref2) {
     var node = _ref2.node,
       otherStyle = _ref2.style;
@@ -167,7 +200,19 @@ var SceneTree = function SceneTree(_ref) {
       className: !isPC ? 'title' : 'title_pc'
     }, /*#__PURE__*/React.createElement("span", {
       className: "required"
-    }, "*"), node.title, !!+node.isMultipleChoice && '(多选)'), !+node.isMultipleChoice ? /*#__PURE__*/React.createElement(RadioGroup, {
+    }, "*"), node.title, !!+node.isMultipleChoice && '(多选)', node.description && /*#__PURE__*/React.createElement(_balloon["default"], {
+      v2: true,
+      trigger: trigger({
+        color: '#666',
+        marginTop: '-4px',
+        marginLeft: '5px'
+      }),
+      triggerType: "click",
+      align: "t",
+      arrowPointToCenter: true,
+      title: "",
+      delay: 20
+    }, node.description)), !+node.isMultipleChoice ? /*#__PURE__*/React.createElement(RadioGroup, {
       className: isPC && 'options_pc',
       value: node.value,
       onChange: onValChange,
@@ -175,32 +220,76 @@ var SceneTree = function SceneTree(_ref) {
     }, node.options.map(function (option, index) {
       console.log('optionsVal', option.value);
       var isOverFlow = option.name.length > 4;
-      return /*#__PURE__*/React.createElement(_radio["default"], {
+      return /*#__PURE__*/React.createElement("div", {
+        key: index,
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          width: '100%',
+          marginTop: index > 0 ? '10px' : '',
+          flexWrap: 'wrap'
+        }
+      }, /*#__PURE__*/React.createElement(_radio["default"], {
         id: option.pid + "+" + node.pid,
         key: option.id + node.pid + option.value + index,
         value: option.id,
-        disabled: node.disabled,
-        style: isOverFlow && index > 0 ? {
-          width: '100%',
-          marginTop: '10px'
-        } : undefined
-      }, option.name);
+        disabled: option.disabled
+      }, option.name), option.description && /*#__PURE__*/React.createElement(_balloon["default"], {
+        v2: true,
+        trigger: trigger({
+          color: '#666',
+          left: '-10px',
+          position: 'relative',
+          top: '1px'
+        }),
+        triggerType: "click",
+        align: "t",
+        arrowPointToCenter: true,
+        title: "",
+        delay: 20
+      }, option.description));
     })) : /*#__PURE__*/React.createElement(_checkbox["default"].Group, {
       value: node.value,
       onChange: onValChange,
       className: isPC && 'options_pc'
     }, node.options.map(function (option, index) {
-      var isOverFlow = option.name.length > 4;
-      return /*#__PURE__*/React.createElement(_checkbox["default"], {
+      var showMutualExclusionPrompt = option.mutualExclusionPrompt;
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          width: '100%',
+          marginTop: index > 0 ? '10px' : '',
+          flexWrap: 'wrap'
+        }
+      }, /*#__PURE__*/React.createElement(_checkbox["default"], {
         id: option.pid + "+" + node.pid,
         key: option.id + node.pid + option.value + index,
         value: option.id,
-        disabled: node.disabled,
-        style: isOverFlow && index > 0 ? {
-          width: '100%',
-          marginTop: '10px'
-        } : undefined
-      }, option.name);
+        disabled: option.disabled
+      }, option.name), option.description && /*#__PURE__*/React.createElement(_balloon["default"], {
+        v2: true,
+        trigger: trigger({
+          color: '#666',
+          left: '-10px',
+          position: 'relative',
+          top: '1px'
+        }),
+        triggerType: "click",
+        align: "t",
+        arrowPointToCenter: true,
+        title: "",
+        delay: 20
+      }, node.description), option.showMutuallyExclusivePrompt && option.mutualExclusionPrompt && /*#__PURE__*/React.createElement("div", {
+        className: "mutualExclusionPrompt"
+      }, /*#__PURE__*/React.createElement(_icon["default"], {
+        type: "prompt",
+        size: "xs",
+        style: {
+          color: '#FF6237',
+          marginRight: '4px'
+        }
+      }), option.mutualExclusionPrompt));
     }))), node.children && (node.children || []).map(function (item, index) {
       var _node$children, _node$children2, _node$children3, _node$children4;
       console.log('----', ((_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.length) > 1 && index !== ((_node$children2 = node.children) === null || _node$children2 === void 0 ? void 0 : _node$children2.length) - 1);

package/lib/components/scene-tree/index.scss

@@ -12,6 +12,13 @@
     margin-bottom: 16px;
   }
 
+  .mutualExclusionPrompt {
+    color: #FF6237;
+    font-size: 12px;
+    margin-top: 3px;
+    width: 100%;
+  }
+
   .title_pc {
     .required {
       color: #FF3D3D;

package/lib/style.js

@@ -2,6 +2,6 @@ require('@alifd/next/lib/icon/style');
 require('@alifd/next/lib/message/style');
 require('@alifd/next/lib/radio/style');
 require('@alifd/next/lib/checkbox/style');
-require('antd/lib/cascader/style');
 require('@alifd/next/lib/balloon/style');
+require('antd/lib/cascader/style');
 require('./index.scss');

package/lowcode/message/meta.ts

@@ -93,6 +93,36 @@ const MessageMeta: IPublicTypeComponentMetadata = {
           "initialValue": ""
         }
       },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "cancelText",
+            "zh-CN": "cancelText"
+          }
+        },
+        "name": "cancelText",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": true,
+          "initialValue": ""
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "okText",
+            "zh-CN": "okText"
+          }
+        },
+        "name": "okText",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": true,
+          "initialValue": ""
+        }
+      },
       {
         "title": {
           "label": {

package/lowcode_es/message/meta.js

@@ -79,6 +79,34 @@ var MessageMeta = {
         "isRequired": true,
         "initialValue": ""
       }
+    }, {
+      "title": {
+        "label": {
+          "type": "i18n",
+          "en-US": "cancelText",
+          "zh-CN": "cancelText"
+        }
+      },
+      "name": "cancelText",
+      "setter": {
+        "componentName": "StringSetter",
+        "isRequired": true,
+        "initialValue": ""
+      }
+    }, {
+      "title": {
+        "label": {
+          "type": "i18n",
+          "en-US": "okText",
+          "zh-CN": "okText"
+        }
+      },
+      "name": "okText",
+      "setter": {
+        "componentName": "StringSetter",
+        "isRequired": true,
+        "initialValue": ""
+      }
     }, {
       "title": {
         "label": {

package/lowcode_es/meta.js

@@ -94,7 +94,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
     packageName = 'ydb-components-material';
   }
   if (version === void 0) {
-    version = '0.1.98';
+    version = '0.1.99';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {

package/lowcode_lib/message/meta.js

@@ -84,6 +84,34 @@ var MessageMeta = {
         "isRequired": true,
         "initialValue": ""
       }
+    }, {
+      "title": {
+        "label": {
+          "type": "i18n",
+          "en-US": "cancelText",
+          "zh-CN": "cancelText"
+        }
+      },
+      "name": "cancelText",
+      "setter": {
+        "componentName": "StringSetter",
+        "isRequired": true,
+        "initialValue": ""
+      }
+    }, {
+      "title": {
+        "label": {
+          "type": "i18n",
+          "en-US": "okText",
+          "zh-CN": "okText"
+        }
+      },
+      "name": "okText",
+      "setter": {
+        "componentName": "StringSetter",
+        "isRequired": true,
+        "initialValue": ""
+      }
     }, {
       "title": {
         "label": {

package/lowcode_lib/meta.js

@@ -99,7 +99,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
     packageName = 'ydb-components-material';
   }
   if (version === void 0) {
-    version = '0.1.98';
+    version = '0.1.99';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-components-material",
-  "version": "0.1.98",
+  "version": "0.1.99",
   "description": "ydb-components-material",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -100,10 +100,10 @@
   },
   "componentConfig": {
     "isComponentLibrary": true,
-    "materialSchema": "https://unpkg.com/ydb-components-material@0.1.98/build/lowcode/assets-prod.json"
+    "materialSchema": "https://unpkg.com/ydb-components-material@0.1.99/build/lowcode/assets-prod.json"
   },
   "lcMeta": {
     "type": "component"
   },
-  "homepage": "https://unpkg.com/ydb-components-material@0.1.98/build/index.html"
+  "homepage": "https://unpkg.com/ydb-components-material@0.1.99/build/index.html"
 }