vueless 0.0.810 → 0.0.812

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.810",
3
+ "version": "0.0.812",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
6
6
  "keywords": [
@@ -22,10 +22,10 @@ const props = withDefaults(defineProps<Props>(), {
22
22
  const slots = useSlots();
23
23
 
24
24
  const isShownHeader = computed(() => {
25
- const isHeaderLeftSlot = hasSlotContent(slots["title"]);
26
- const isHeaderRightSlot = hasSlotContent(slots["title"]);
25
+ const isTitleSlot = hasSlotContent(slots["title"]);
26
+ const isActionsSlot = hasSlotContent(slots["actions"]);
27
27
 
28
- return props.title || isHeaderLeftSlot || isHeaderRightSlot;
28
+ return props.title || isTitleSlot || isActionsSlot;
29
29
  });
30
30
 
31
31
  const isShownFooter = computed(() => {
@@ -0,0 +1,37 @@
1
+ import { Markdown, Source } from "@storybook/blocks";
2
+
3
+ ## Formatting tokens
4
+ Each character in the table below can be used in `dateFormat` and `userFormat` options to achieve the format you need.
5
+
6
+ <Markdown>
7
+ {`
8
+ | Token | Description | Example |
9
+ | ----- | --------------------------------------------------------- | ------------------------------------------------------------- |
10
+ | r | Relative representation of the day | Today, tomorrow, yesterday
11
+ | d | Day of the month, 2 digits with leading zeros | 01 to 31 |
12
+ | D | A textual representation of a day | Mon through Sun |
13
+ | l | A full textual representation of the day of the week | Sunday through Saturday |
14
+ | j | Day of the month without leading zeros | 1 to 31 |
15
+ | w | Numeric representation of the day of the week | 0 (for Sunday) through 6 (for Saturday) |
16
+ | W | Numeric representation of the week | 0 (first week of the year) through 52 (last week of the year) |
17
+ | F | A full textual representation of a month | January through December |
18
+ | m | Numeric representation of a month, with leading zero | 01 through 12 |
19
+ | n | Numeric representation of a month, without leading zeros | 1 through 12 |
20
+ | M | A short textual representation of a month | Jan through Dec |
21
+ | U | A short textual representation of a month | 1413704993 |
22
+ | y | A two-digit representation of a year | 99 or 03 |
23
+ | Y | A full numeric representation of a year, 4 digits | 1999 or 2003 |
24
+ | Z | ISO Date format | 2017-03-04T01:23:43.000Z |
25
+ | H | Hours (24 hours) | 00 to 23 |
26
+ | h | Hours | 1 to 12 |
27
+ | G | Hours, 2 digits with leading zeros | 1 to 12 |
28
+ | i | Minutes | 00 to 59 |
29
+ | S | Seconds, 2 digits | 00 to 59 |
30
+ | s | Seconds | 0, 1 to 59 |
31
+ `}
32
+ </Markdown>
33
+
34
+ ## Escaping Formatting Tokens
35
+ You may escape formatting tokens using \\\\.
36
+
37
+ <Source code={`dateFormat: "Y-m-d\\Z", // Displays: 2017-01-22Z`} language="jsx" dark />
@@ -1,8 +1,9 @@
1
- import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source, Markdown } from "@storybook/blocks";
1
+ import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
2
2
  import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.ts";
5
5
  import defaultConfig from "../config.ts?raw"
6
+ import DateTokensTable from "./dateTokensTable.mdx"
6
7
 
7
8
  <Meta of={stories} />
8
9
  <Title of={stories} />
@@ -12,40 +13,7 @@ import defaultConfig from "../config.ts?raw"
12
13
  <Controls of={stories.Default} />
13
14
  <Stories of={stories} />
14
15
 
16
+ <DateTokensTable />
17
+
15
18
  ## Default config
16
19
  <Source code={getSource(defaultConfig)} language="jsx" dark />
17
-
18
- ## Formatting tokens
19
- Each character in the table below can be used in `dateFormat` and `userFormat` options to achieve the format you need.
20
-
21
- <Markdown>
22
- {`
23
- | Token | Description | Example |
24
- | ----- | --------------------------------------------------------- | ------------------------------------------------------------- |
25
- | d | Day of the month, 2 digits with leading zeros | 01 to 31 |
26
- | D | A textual representation of a day | Mon through Sun |
27
- | l | A full textual representation of the day of the week | Sunday through Saturday |
28
- | j | Day of the month without leading zeros | 1 to 31 |
29
- | w | Numeric representation of the day of the week | 0 (for Sunday) through 6 (for Saturday) |
30
- | W | Numeric representation of the week | 0 (first week of the year) through 52 (last week of the year) |
31
- | F | A full textual representation of a month | January through December |
32
- | m | Numeric representation of a month, with leading zero | 01 through 12 |
33
- | n | Numeric representation of a month, without leading zeros | 1 through 12 |
34
- | M | A short textual representation of a month | Jan through Dec |
35
- | U | A short textual representation of a month | 1413704993 |
36
- | y | A two-digit representation of a year | 99 or 03 |
37
- | Y | A full numeric representation of a year, 4 digits | 1999 or 2003 |
38
- | Z | ISO Date format | 2017-03-04T01:23:43.000Z |
39
- | H | Hours (24 hours) | 00 to 23 |
40
- | h | Hours | 1 to 12 |
41
- | G | Hours, 2 digits with leading zeros | 1 to 12 |
42
- | i | Minutes | 00 to 59 |
43
- | S | Seconds, 2 digits | 00 to 59 |
44
- | s | Seconds | 0, 1 to 59 |
45
- `}
46
- </Markdown>
47
-
48
- ## Escaping Formatting Tokens
49
- You may escape formatting tokens using \\\\.
50
-
51
- <Source code={`dateFormat: "Y-m-d\\Z", // Displays: 2017-01-22Z`} language="jsx" dark />
@@ -1,8 +1,10 @@
1
- import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source, Markdown } from "@storybook/blocks";
1
+ import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
2
2
  import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.ts";
5
5
  import defaultConfig from "../config.ts?raw"
6
+ import DateTokensTable from "../../ui.form-calendar/storybook/dateTokensTable.mdx"
7
+
6
8
 
7
9
  <Meta of={stories} />
8
10
  <Title of={stories} />
@@ -12,42 +14,7 @@ import defaultConfig from "../config.ts?raw"
12
14
  <Controls of={stories.Default} />
13
15
  <Stories of={stories} />
14
16
 
17
+ <DateTokensTable />
18
+
15
19
  ## Default config
16
20
  <Source code={getSource(defaultConfig)} language="jsx" dark />
17
-
18
- ## Formatting tokens
19
- Each character in the table below can be used in `dateFormat` / `dateTimeFormat` and `userDateFormat` / `userDateTimeFormat` options
20
- to achieve the format you need.
21
-
22
- <Markdown>
23
- {`
24
- | Token | Description | Example |
25
- | ----- | --------------------------------------------------------- | ------------------------------------------------------------- |
26
- | d | Day of the month, 2 digits with leading zeros | 01 to 31 |
27
- | D | A textual representation of a day | Mon through Sun |
28
- | l | A full textual representation of the day of the week | Sunday through Saturday |
29
- | j | Day of the month without leading zeros | 1 to 31 |
30
- | J | Day of the month without leading zeros and ordinal suffix | 1st, 2nd, to 31st |
31
- | w | Numeric representation of the day of the week | 0 (for Sunday) through 6 (for Saturday) |
32
- | W | Numeric representation of the week | 0 (first week of the year) through 52 (last week of the year) |
33
- | F | A full textual representation of a month | January through December |
34
- | m | Numeric representation of a month, with leading zero | 01 through 12 |
35
- | n | Numeric representation of a month, without leading zeros | 1 through 12 |
36
- | M | A short textual representation of a month | Jan through Dec |
37
- | U | A short textual representation of a month | 1413704993 |
38
- | y | A two-digit representation of a year | 99 or 03 |
39
- | Y | A full numeric representation of a year, 4 digits | 1999 or 2003 |
40
- | Z | ISO Date format | 2017-03-04T01:23:43.000Z |
41
- | H | Hours (24 hours) | 00 to 23 |
42
- | h | Hours | 1 to 12 |
43
- | G | Hours, 2 digits with leading zeros | 1 to 12 |
44
- | i | Minutes | 00 to 59 |
45
- | S | Seconds, 2 digits | 00 to 59 |
46
- | s | Seconds | 0, 1 to 59 |
47
- `}
48
- </Markdown>
49
-
50
- ## Escaping Formatting Tokens
51
- You may escape formatting tokens using `\\`.
52
-
53
- <Source code={`dateFormat: "Y-m-d\\Z", // Displays: 2017-01-22Z`} language="jsx" dark />
@@ -3,6 +3,7 @@ import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.ts";
5
5
  import defaultConfig from "../config.ts?raw"
6
+ import DateTokensTable from "../../ui.form-calendar/storybook/dateTokensTable.mdx"
6
7
 
7
8
  <Meta of={stories} />
8
9
  <Title of={stories} />
@@ -12,5 +13,7 @@ import defaultConfig from "../config.ts?raw"
12
13
  <Controls of={stories.Default} />
13
14
  <Stories of={stories} />
14
15
 
16
+ <DateTokensTable />
17
+
15
18
  ## Default config
16
19
  <Source code={getSource(defaultConfig)} language="jsx" dark />