vueless 0.0.665 → 0.0.667

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.665",
+  "version": "0.0.667",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.data-table/UTableRow.vue

@@ -46,7 +46,9 @@ const toggleIconConfig = computed(() => {
   const nestedRow = props.row?.row;
   let isShown = false;
 
-  if (Array.isArray(nestedRow)) {
+  if (props.row.nestedData) {
+    isShown = Boolean(props.row.nestedData.isShown);
+  } else if (Array.isArray(nestedRow)) {
     isShown = nestedRow.some((row) => row.isShown);
   } else {
     isShown = Boolean(nestedRow?.isShown);
@@ -76,10 +78,16 @@ const isNestedRowEmpty = computed(() => {
   return !Object.keys(mapRowColumns(props.row.row, props.columns)).length;
 });
 
+const isNestedDataEmpty = computed(() => {
+  if (!props.row.nestedData) return true;
+
+  return !props.row.nestedData.rows || !props.row.nestedData.rows.length;
+});
+
 const isShownToggleIcon = computed(() => {
   return (
     (props.row.row && !isNestedRowEmpty.value) ||
-    (props.row.nestedData && hasSlotContent(slots["nested-content"]))
+    (props.row.nestedData && !isNestedDataEmpty.value && hasSlotContent(slots["nested-content"]))
   );
 });
 

package/ui.text-money/UMoney.vue

@@ -7,7 +7,7 @@ import { hasSlotContent } from "../utils/helper.ts";
 
 import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
-import { separatedMoney, MONEY_SIGN_TYPE } from "./utilMoney.ts";
+import { separatedMoney, MONEY_SIGN_TYPE, MATH_SIGN } from "./utilMoney.ts";
 
 import type { Props, Config } from "./types.ts";
 
@@ -31,8 +31,10 @@ const currencySpace = computed(() => {
 const mathSign = computed(() => {
   let type = "";
 
-  if (props.sign === MONEY_SIGN_TYPE.positive) type = "+";
-  if (props.sign === MONEY_SIGN_TYPE.negative) type = "–";
+  if (props.sign === MONEY_SIGN_TYPE.unsigned) type = "";
+  if (props.sign === MONEY_SIGN_TYPE.positive) type = MATH_SIGN.PLUS;
+  if (props.sign === MONEY_SIGN_TYPE.negative) type = MATH_SIGN.MINUS;
+  if (props.sign === MONEY_SIGN_TYPE.auto && props.value < 0) type = MATH_SIGN.MINUS;
 
   return type;
 });

package/ui.text-money/config.ts

@@ -51,7 +51,7 @@ export default /*tw*/ {
   defaults: {
     color: "grayscale",
     size: "md",
-    sign: "default",
+    sign: "auto",
     align: "left",
     symbolAlign: "right",
     minFractionDigits: 0,

package/ui.text-money/storybook/stories.ts

@@ -28,7 +28,7 @@ export default {
   args: {
     value: 10,
     symbol: "$",
-    sign: "positive",
+    sign: "auto",
   },
   argTypes: {
     ...getArgTypes(UMoney.__name),
@@ -95,7 +95,7 @@ Colors.args = {
   enum: "color",
   value: 0,
   symbol: "$",
-  sign: "default",
+  sign: "auto",
 };
 
 export const Sizes = EnumVariantTemplate.bind({});

package/ui.text-money/types.ts

@@ -58,7 +58,7 @@ export interface Props {
   /**
    * Money sign.
    */
-  sign?: "default" | "positive" | "negative";
+  sign?: "auto" | "positive" | "negative" | "unsigned";
 
   /**
    * Minimal number of signs after the decimal separator (fractional part of a number).

package/ui.text-money/utilMoney.ts

@@ -1,7 +1,13 @@
 export const MONEY_SIGN_TYPE = {
-  default: "default",
+  auto: "auto",
   positive: "positive",
   negative: "negative",
+  unsigned: "unsigned",
+};
+
+export const MATH_SIGN = {
+  PLUS: "+",
+  MINUS: "-",
 };
 
 export const ADD_SPACE_IN_MONEY_REG_EX = /(\d)(?=(\d{3})+(\D|$))/g;