diginet-core-ui 1.4.53-beta.2 → 1.4.53-beta.4

package/components/tree-view/index.js

@@ -69,6 +69,8 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     allowNumber: false,
     allowSymbol: false
   }));
+  const [isChanged, setIsChanged] = useState(false);
+  const [isChecked, setIsChecked] = useState(false);
   const _TreeViewRootCSS = TreeViewRootCSS(theme);
   const determinateCheckbox = (input, determinate) => {
     if (multipleValueMode === 'multiple' || disabledRelevantValue) {
@@ -212,7 +214,7 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
           el.firstChild.firstChild.lastChild.firstChild.firstChild.firstChild.classList[isChecked ? 'add' : 'remove']('disabled');
           el.firstChild.firstChild.lastChild.firstChild.firstChild.firstChild.disabled = isChecked;
           Array.from(el.childNodes).forEach(e => {
-            e.classList[isChecked ? 'add' : 'remove']('treeview-disabled');
+            e.classList[isChecked ? 'add' : 'remove']('disabled');
           });
         } else {
           el.firstChild.firstChild.firstChild.firstChild.disabled = isChecked;
@@ -233,12 +235,7 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
         const checkbox = node.firstChild.firstChild.lastChild.firstChild.firstChild.firstChild;
         if (checkbox) {
           var _node$querySelectorAl;
-          // Trường hợp phải set về false để xét các input đã check không bao gồm node này
-          checkbox.firstChild.checked = isChecked;
           const mustDisabled = !!((_node$querySelectorAl = node.querySelectorAll('input:checked')) !== null && _node$querySelectorAl !== void 0 && _node$querySelectorAl.length);
-          // Nếu có ít nhất một input con được check thì phải checked cho input này
-          checkbox.firstChild.checked = mustDisabled;
-          determinateCheckbox(checkbox.firstChild, !mustDisabled);
           node.classList[mustDisabled || isChecked ? 'add' : 'remove']('disabled');
           checkbox.classList[mustDisabled || isChecked ? 'add' : 'remove']('disabled');
           Array.from(node.childNodes).forEach(e => {
@@ -246,6 +243,13 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
               e.classList[mustDisabled || isChecked ? 'add' : 'remove']('treeview-disabled');
             });
           });
+          setTimeout(() => {
+            // Trường hợp phải set về false để xét các input đã check không bao gồm node này
+            checkbox.firstChild.checked = isChecked;
+            // Nếu có ít nhất một input con được check thì phải checked cho input này
+            checkbox.firstChild.checked = mustDisabled;
+            determinateCheckbox(checkbox.firstChild, !mustDisabled);
+          });
         }
       }
     }
@@ -347,6 +351,8 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
       } else {
         currentValue[unique][value] = checked;
         if (disabledRelevantValue) {
+          setIsChanged(!isChanged);
+          setIsChecked(checked);
           // Disabled/Enabled parent and children node
           if (!currentTarget.classList.contains('non-child')) {
             handleDisabledChildren(currentTarget.nextElementSibling, checked);
@@ -698,6 +704,20 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
       }
     }
   }, []);
+  useEffect(() => {
+    if (value && multiple) {
+      if (disabledRelevantValue) {
+        Array.from(ref.current.querySelectorAll('.TreeView-Item.non-child, .DGN-UI-Accordion')).forEach(el => {
+          if (el.firstChild.querySelector('input').checked) {
+            if (!el.classList.contains('non-child')) {
+              handleDisabledChildren(el, isChecked);
+            }
+            handleDisabledParent(el.parentNode, isChecked);
+          }
+        });
+      }
+    }
+  }, [isChanged, isChecked]);
   useEffect(() => {
     if (selectAllRef.current) {
       checkedSelectAllCheckbox();
@@ -806,6 +826,9 @@ const TreeViewRootCSS = ({
             &.focus {
                 ${bgColor(getProp(colors, 'fill/focus'))};
             }
+            &.disabled {
+                ${bgColor(getProp(colors, 'system/white'))};
+            }
             .Accordion-Icon-Root {
                 ${displayFlex};
                 ${flexRow};

package/global/index.js

@@ -161,6 +161,86 @@ const globalObject = {
     inputPlaceholder: 'Type something',
     dropdownPlaceholder: 'Select'
   },
+  zh: {
+    agree: '同意',
+    cancel: '取消',
+    close: '关闭',
+    confirm: '确认',
+    error: '错误',
+    unknownError: '未知错误',
+    no: '否',
+    noDataText: '无数据',
+    notify: '通知',
+    ok: '确定',
+    showLess: '收起',
+    showMore: '展开',
+    yes: '是',
+    warning: '警告',
+    // attachment
+    dropFileHere: '将文件拖到此处',
+    deleteNotifyText: '您确定要删除此附件吗？',
+    attachText: '附件',
+    noFileText: '无附件',
+    byName: '按名称',
+    byType: '按类型',
+    bySize: '按大小',
+    byDate: '按日期',
+    byOwner: '按所有者',
+    errorDefault: {
+      maxFile: ' 超过允许的数量！',
+      maxSize: ' 文件过大！',
+      fileType: ' 文件格式不正确！',
+      existingFile: ' 已经添加！'
+    },
+    // Paging
+    lineNumber: '每页条数',
+    total: '总计',
+    // Transfer
+    choices: '可选',
+    chosen: '已选',
+    selected: '已选择',
+    // Date Picker
+    helperInvalid: '无效',
+    helperValid: '有效',
+    label: '时间',
+    weekdaysLong: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
+    weekdaysShort: ['一', '二', '三', '四', '五', '六', '日'],
+    // Daterange Picker
+    today: '今天',
+    yesterday: '昨天',
+    thisWeek: '本周',
+    thisMonth: '本月',
+    // Time Picker
+    months: {
+      full: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+      notFull: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+    },
+    days: {
+      full: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
+      notFull: ['日', '一', '二', '三', '四', '五', '六']
+    },
+    night: '夜',
+    day: '日',
+    month: '月',
+    year: '年',
+    save: '保存',
+    now: '现在',
+    // Localize
+    selectAll: '全选',
+    thisFieldIsRequired: '此字段为必填项',
+    validate: {
+      isEmail: '邮箱无效',
+      isNotEmptyString: '不能为空',
+      isNotEmptyObject: '必须包含至少一个属性',
+      isNotEmptyArray: '必须包含至少一个元素',
+      invalidInput: '输入值不正确',
+      max: '超过允许的最大值',
+      min: '未达到允许的最小值',
+      required: '此字段为必填项'
+    },
+    inputPlaceholder: '请输入内容',
+    dropdownPlaceholder: '请选择'
+  },
   //Global variable
   delayOnInput: 500,
   maxSizeUpload: Infinity

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.4.53-beta.2",
+  "version": "1.4.53-beta.4",
   "description": "",
   "main": "index.js",
   "license": "UNLICENSED",