first commit

uni_modules/tdesign-uniapp/components/badge/computed.js

@@ -0,0 +1,63 @@
+export const getBadgeValue = function (props) {
+  if (props.dot) {
+    return '';
+  }
+  // eslint-disable-next-line no-restricted-globals
+  if (isNaN(props.count) || isNaN(props.maxCount)) {
+    return props.count;
+  }
+  return parseInt(props.count, 10) > props.maxCount ? `${props.maxCount}+` : props.count;
+};
+
+export const hasUnit = function (unit) {
+  return (
+    unit.indexOf('px') > 0
+    || unit.indexOf('rpx') > 0
+    || unit.indexOf('em') > 0
+    || unit.indexOf('rem') > 0
+    || unit.indexOf('%') > 0
+    || unit.indexOf('vh') > 0
+    || unit.indexOf('vm') > 0
+  );
+};
+
+export const getBadgeStyles = function (props) {
+  let styleStr = '';
+  if (props.color) {
+    styleStr += `background:${props.color};`;
+  }
+  if (props.offset?.[0]) {
+    styleStr
+      += `left: calc(100% + ${hasUnit(props.offset[0].toString()) ? props.offset[0] : `${props.offset[0]}px`});`;
+  }
+  if (props.offset?.[1]) {
+    styleStr += `top:${hasUnit(props.offset[1].toString()) ? props.offset[1] : `${props.offset[1]}px`};`;
+  }
+  return styleStr;
+};
+
+
+export const getBadgeInnerClass = function (props) {
+  const baseClass = props.classPrefix;
+  const classNames = [
+    `${baseClass}--basic`,
+    props.dot ? `${baseClass}--dot` : '',
+    `${baseClass}--${props.size}`,
+    `${baseClass}--${props.shape}`,
+    !props.dot ? `${baseClass}--count` : '',
+  ];
+  return classNames.join(' ');
+};
+
+export const isShowBadge = function (props) {
+  if (props.dot) {
+    return true;
+  }
+  // eslint-disable-next-line no-restricted-globals
+  if (!props.showZero && !isNaN(props.count) && parseInt(props.count, 10) === 0) {
+    return false;
+  }
+  if (props.count == null) return false;
+  return true;
+};
+