@otwb/ui 2.0.43 → 2.1.1

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.
Files changed (22) hide show
  1. package/README.md +1 -1
  2. package/auto-imports.d.ts +15 -15
  3. package/auto-imports.js +34 -34
  4. package/dist/{components-CjltPCgl.js → components-B2l6gtgi.js} +1 -0
  5. package/dist/components.js +1 -1
  6. package/dist/index.js +1 -4
  7. package/dist/page.js +1 -1
  8. package/esm/components.d.ts +448 -448
  9. package/esm/components.js +1 -1
  10. package/esm/design.d.ts +243 -243
  11. package/esm/directives.d.ts +42 -42
  12. package/esm/directives.js +1 -1
  13. package/esm/index.d.ts +19 -19
  14. package/esm/index.js +1 -1
  15. package/esm/page.d.ts +170 -170
  16. package/esm/page.js +1 -1
  17. package/esm/use-style.d.ts +10 -10
  18. package/esm/use-style.js +1 -1
  19. package/locale.d.ts +78 -78
  20. package/package.json +3 -3
  21. package/unocss-preset.d.ts +5 -5
  22. package/unocss-preset.js +106 -106
package/unocss-preset.js CHANGED
@@ -1,106 +1,106 @@
1
- const ithinkdt = () => {
2
- return {
3
- name: 'preset-ithinkdt',
4
- theme: {
5
- colors: {
6
- ...Object.fromEntries(
7
- ['primary', 'success', 'warning', 'danger'].map(name => [
8
- name,
9
- {
10
- DEFAULT: `rgb(var(--color-${name}-rgb) / <alpha-value>)`,
11
- ...Object.fromEntries(
12
- ['hover', 'active'].map(level => [
13
- level,
14
- `rgb(var(--color-${name}-${level}-rgb) / <alpha-value>)`,
15
- ]),
16
- ),
17
- },
18
- ]),
19
- ),
20
- text: {
21
- DEFAULT: `rgb(var(--color-text-rgb))`,
22
- },
23
- font: {
24
- DEFAULT: `rgb(var(--color-font-rgb))`,
25
- },
26
- base: {
27
- DEFAULT: `rgb(var(--color-base-rgb))`,
28
- },
29
- },
30
- borderRadius: Object.fromEntries(
31
- ['tiny', 'small', 'medium', 'large'].map(size => [size, `var(--rounded-${size})`]),
32
- ),
33
- },
34
- variants: [
35
- // stuck:
36
- (matcher) => {
37
- const array = ['top', 'right', 'bottom', 'left']
38
- const index = array.findIndex(it => matcher.startsWith(`stuck-${it}:`))
39
- if (index === -1)
40
- return matcher
41
- return {
42
- matcher: matcher.slice(7 + array[index].length),
43
- handle: (input, next) => next({
44
- ...input,
45
- parent: `${input.parent ? `${input.parent} $$ ` : ''} @container scroll-state(stuck: ${array[index]})`,
46
- }),
47
- }
48
- },
49
- ],
50
- rules: [
51
- ['scroll-state', { 'container-type': 'scroll-state' }],
52
- [
53
- /^bg-img-(.*)$/,
54
- ([_, r]) => {
55
- return {
56
- 'background-image': r[0] === '[' && r.at(-1) === ']' ? r.slice(1, -1) : r,
57
- }
58
- },
59
- ],
60
- [
61
- /^mask-(.*)$/,
62
- ([_, r]) => {
63
- const mask = `var(--un-icon) no-repeat`
64
- return {
65
- '--un-icon': r[0] === '[' && r.at(-1) === ']' ? r.slice(1, -1) : r,
66
- mask,
67
- 'mask-size': '100% 100%',
68
- }
69
- },
70
- ],
71
- ],
72
- shortcuts: [
73
- [
74
- /^card-(.*)$/,
75
- ([_, size]) => {
76
- const i = ['none', 'small', 'medium', 'large','tableMedium','filterMedium'].indexOf(size)
77
- if (i === -1) return
78
- const p = [0, 2, 3, 4, 4, 3][i]
79
- if(i===4){
80
- return `px-${p + 1} py-${p} bg-white dark:bg-dark ease-in-out transition-shadow
81
- hover:shadow-[0_1px_2px_0_rgba(0_0_0_/_0.03),0_1px_6px_-1px_rgba(0_0_0_/_0.02),0_2px_4px_0_rgba(0_0_0_/_0.02)]`
82
- }else if(i===5){
83
- return `px-${p + 1} py-${p} bg-white dark:bg-dark ease-in-out transition-shadow
84
- hover:shadow-[0_1px_2px_0_rgba(0_0_0_/_0.03),0_1px_6px_-1px_rgba(0_0_0_/_0.02),0_2px_4px_0_rgba(0_0_0_/_0.02)]`
85
- }else{
86
- return `rounded-${size} px-${p + 1} py-${p} bg-white dark:bg-dark ease-in-out transition-shadow
87
- hover:shadow-[0_1px_2px_0_rgba(0_0_0_/_0.03),0_1px_6px_-1px_rgba(0_0_0_/_0.02),0_2px_4px_0_rgba(0_0_0_/_0.02)]`
88
- }
89
- },
90
- { autocomplete: ['card-none', 'card-small', 'card-medium', 'card-large','card-tableMedium','card-filterMedium'] },
91
- ],
92
- {
93
- 'ell': 'truncate',
94
- 'ell-2': 'line-clamp-2',
95
- 'ell-3': 'line-clamp-3',
96
- 'flex-x-center': 'flex items-center',
97
- 'flex-y-center': 'flex justify-center',
98
- 'flex-y-end': 'flex justify-end',
99
- 'flex-center': 'flex justify-center items-center',
100
- 'card': `card-medium`,
101
- },
102
- ],
103
- }
104
- }
105
-
106
- export default ithinkdt
1
+ const ithinkdt = () => {
2
+ return {
3
+ name: 'preset-ithinkdt',
4
+ theme: {
5
+ colors: {
6
+ ...Object.fromEntries(
7
+ ['primary', 'success', 'warning', 'danger'].map(name => [
8
+ name,
9
+ {
10
+ DEFAULT: `rgb(var(--color-${name}-rgb) / <alpha-value>)`,
11
+ ...Object.fromEntries(
12
+ ['hover', 'active'].map(level => [
13
+ level,
14
+ `rgb(var(--color-${name}-${level}-rgb) / <alpha-value>)`,
15
+ ]),
16
+ ),
17
+ },
18
+ ]),
19
+ ),
20
+ text: {
21
+ DEFAULT: `rgb(var(--color-text-rgb))`,
22
+ },
23
+ font: {
24
+ DEFAULT: `rgb(var(--color-font-rgb))`,
25
+ },
26
+ base: {
27
+ DEFAULT: `rgb(var(--color-base-rgb))`,
28
+ },
29
+ },
30
+ borderRadius: Object.fromEntries(
31
+ ['tiny', 'small', 'medium', 'large'].map(size => [size, `var(--rounded-${size})`]),
32
+ ),
33
+ },
34
+ variants: [
35
+ // stuck:
36
+ (matcher) => {
37
+ const array = ['top', 'right', 'bottom', 'left']
38
+ const index = array.findIndex(it => matcher.startsWith(`stuck-${it}:`))
39
+ if (index === -1)
40
+ return matcher
41
+ return {
42
+ matcher: matcher.slice(7 + array[index].length),
43
+ handle: (input, next) => next({
44
+ ...input,
45
+ parent: `${input.parent ? `${input.parent} $$ ` : ''} @container scroll-state(stuck: ${array[index]})`,
46
+ }),
47
+ }
48
+ },
49
+ ],
50
+ rules: [
51
+ ['scroll-state', { 'container-type': 'scroll-state' }],
52
+ [
53
+ /^bg-img-(.*)$/,
54
+ ([_, r]) => {
55
+ return {
56
+ 'background-image': r[0] === '[' && r.at(-1) === ']' ? r.slice(1, -1) : r,
57
+ }
58
+ },
59
+ ],
60
+ [
61
+ /^mask-(.*)$/,
62
+ ([_, r]) => {
63
+ const mask = `var(--un-icon) no-repeat`
64
+ return {
65
+ '--un-icon': r[0] === '[' && r.at(-1) === ']' ? r.slice(1, -1) : r,
66
+ mask,
67
+ 'mask-size': '100% 100%',
68
+ }
69
+ },
70
+ ],
71
+ ],
72
+ shortcuts: [
73
+ [
74
+ /^card-(.*)$/,
75
+ ([_, size]) => {
76
+ const i = ['none', 'small', 'medium', 'large','tableMedium','filterMedium'].indexOf(size)
77
+ if (i === -1) return
78
+ const p = [0, 2, 3, 4, 4, 3][i]
79
+ if(i===4){
80
+ return `px-${p + 1} py-${p} bg-white dark:bg-dark ease-in-out transition-shadow
81
+ hover:shadow-[0_1px_2px_0_rgba(0_0_0_/_0.03),0_1px_6px_-1px_rgba(0_0_0_/_0.02),0_2px_4px_0_rgba(0_0_0_/_0.02)]`
82
+ }else if(i===5){
83
+ return `px-${p + 1} py-${p} bg-white dark:bg-dark ease-in-out transition-shadow
84
+ hover:shadow-[0_1px_2px_0_rgba(0_0_0_/_0.03),0_1px_6px_-1px_rgba(0_0_0_/_0.02),0_2px_4px_0_rgba(0_0_0_/_0.02)]`
85
+ }else{
86
+ return `rounded-${size} px-${p + 1} py-${p} bg-white dark:bg-dark ease-in-out transition-shadow
87
+ hover:shadow-[0_1px_2px_0_rgba(0_0_0_/_0.03),0_1px_6px_-1px_rgba(0_0_0_/_0.02),0_2px_4px_0_rgba(0_0_0_/_0.02)]`
88
+ }
89
+ },
90
+ { autocomplete: ['card-none', 'card-small', 'card-medium', 'card-large','card-tableMedium','card-filterMedium'] },
91
+ ],
92
+ {
93
+ 'ell': 'truncate',
94
+ 'ell-2': 'line-clamp-2',
95
+ 'ell-3': 'line-clamp-3',
96
+ 'flex-x-center': 'flex items-center',
97
+ 'flex-y-center': 'flex justify-center',
98
+ 'flex-y-end': 'flex justify-end',
99
+ 'flex-center': 'flex justify-center items-center',
100
+ 'card': `card-medium`,
101
+ },
102
+ ],
103
+ }
104
+ }
105
+
106
+ export default ithinkdt