@fangzhongya/fang-ui 0.0.53 → 0.0.54

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.
@@ -61,7 +61,6 @@
61
61
  @use './icon/index.scss' as *;
62
62
  @use './iframe/index.scss' as *;
63
63
  @use './keep-com/index.scss' as *;
64
- @use './lists/index.scss' as *;
65
64
  @use './menus/index.scss' as *;
66
65
  @use './page/index.scss' as *;
67
66
  @use './retract/index.scss' as *;
@@ -78,6 +77,9 @@
78
77
  @use './selects/index.scss' as *;
79
78
  @use './switchs/index.scss' as *;
80
79
  @use './text/index.scss' as *;
80
+ @use './list/index.scss' as *;
81
+ @use './lists/index.scss' as *;
82
+ @use './listsp/index.scss' as *;
81
83
  @use './paging/index.scss' as *;
82
84
  @use './tables/index.scss' as *;
83
85
  @use './tablesp/index.scss' as *;
@@ -61,7 +61,6 @@
61
61
  @use './icon/style/index2.scss' as *;
62
62
  @use './iframe/style/index.scss' as *;
63
63
  @use './keep-com/style/index.scss' as *;
64
- @use './lists/style/index.scss' as *;
65
64
  @use './menus/style/index2.scss' as *;
66
65
  @use './page/style/index2.scss' as *;
67
66
  @use './retract/style/index.scss' as *;
@@ -78,6 +77,9 @@
78
77
  @use './selects/style/index2.scss' as *;
79
78
  @use './switchs/style/index2.scss' as *;
80
79
  @use './text/style/index.scss' as *;
80
+ @use './list/style/index.scss' as *;
81
+ @use './lists/style/index.scss' as *;
82
+ @use './listsp/style/index2.scss' as *;
81
83
  @use './paging/style/index2.scss' as *;
82
84
  @use './tables/style/index2.scss' as *;
83
85
  @use './tablesp/style/index2.scss' as *;
@@ -0,0 +1,110 @@
1
+ @use '../scss/common.scss' as *;
2
+
3
+ $list: 'list';
4
+ @include b($list) {
5
+ &-div {
6
+ .#{z($list, 'table')} {
7
+ width: 100%;
8
+ height: 100%;
9
+ td {
10
+ text-align: left;
11
+ }
12
+ th {
13
+ font-weight: initial;
14
+ }
15
+ .is-whole {
16
+ .#{z($list, 'table-auto')} {
17
+ width: 100%;
18
+ }
19
+ .#{z($list, 'table-value')} {
20
+ width: 100%;
21
+ display: block;
22
+ }
23
+ }
24
+ .#{z($list, 'table-td')},
25
+ .#{z($list, 'table-th')} {
26
+ padding: 6px;
27
+ }
28
+
29
+ .#{z($list, 'table-auto')} {
30
+ display: inline-flex;
31
+ align-items: center;
32
+ .#{z($list, 'table-label')} {
33
+ white-space: nowrap;
34
+ }
35
+ }
36
+ .#{z($list, 'table-th')} {
37
+ text-align: left;
38
+ }
39
+ &.right {
40
+ .#{z($list, 'table-th')} {
41
+ text-align: right;
42
+ }
43
+ }
44
+ &.center {
45
+ .#{z($list, 'table-th')} {
46
+ text-align: center;
47
+ }
48
+ }
49
+
50
+ &.auto {
51
+ .#{z($list, 'table-th')} {
52
+ padding-right: 0;
53
+ }
54
+ }
55
+ &.top {
56
+ .#{z($list, 'table-th')} {
57
+ padding-bottom: 0;
58
+ }
59
+ }
60
+
61
+ &.is-aliquots {
62
+ table-layout: fixed;
63
+ }
64
+
65
+ &.is-border {
66
+ border-right: 1px solid var(vdm('border-color', $list));
67
+ border-top: 1px solid var(vdm('border-color', $list));
68
+ border-bottom: 1px solid var(vdm('border-color', $list));
69
+ & > tr > td {
70
+ border-bottom: 1px solid var(vdm('border-color', $list));
71
+ border-left: 1px solid var(vdm('border-color', $list));
72
+ &:last-child {
73
+ border-right: 1px solid var(vdm('border-color', $list));
74
+ }
75
+ }
76
+ & > tr > th {
77
+ border-left: 1px solid var(vdm('border-color', $list));
78
+ border-bottom: 1px solid var(vdm('border-color', $list));
79
+ &:last-child {
80
+ border-right: 1px solid var(vdm('border-color', $list));
81
+ }
82
+ }
83
+ & > tr {
84
+ &:last-child {
85
+ > td {
86
+ border-bottom: 0;
87
+ }
88
+ > th {
89
+ border-bottom: 0;
90
+ }
91
+ }
92
+ }
93
+ &.top {
94
+ & > tr > th {
95
+ border-bottom: 0;
96
+ }
97
+ }
98
+ }
99
+
100
+ .#{z('list-com')} {
101
+ display: flex;
102
+ align-items: center;
103
+ &-img {
104
+ width: 50px;
105
+ height: 50px;
106
+ }
107
+ }
108
+ }
109
+ }
110
+ }
@@ -2,108 +2,40 @@
2
2
 
3
3
  $lists: 'lists';
4
4
  @include b($lists) {
5
- &-div {
6
- .#{z($lists, 'table')} {
7
- width: 100%;
8
- height: 100%;
9
- td {
10
- text-align: left;
11
- }
12
- th {
13
- font-weight: initial;
14
- }
15
- .is-whole {
16
- .#{z($lists, 'table-auto')} {
17
- width: 100%;
18
- }
19
- .#{z($lists, 'table-value')} {
20
- width: 100%;
21
- display: block;
22
- }
23
- }
24
- .#{z($lists, 'table-td')},
25
- .#{z($lists, 'table-th')} {
26
- padding: 6px;
27
- }
28
-
29
- .#{z($lists, 'table-auto')} {
30
- display: inline-flex;
31
- align-items: center;
32
- .#{z($lists, 'table-label')} {
33
- white-space: nowrap;
34
- }
35
- }
36
- .#{z($lists, 'table-th')} {
37
- text-align: left;
38
- }
39
- &.right {
40
- .#{z($lists, 'table-th')} {
41
- text-align: right;
42
- }
43
- }
44
- &.center {
45
- .#{z($lists, 'table-th')} {
46
- text-align: center;
47
- }
5
+ width: 100%;
6
+ min-height: 100px;
7
+ position: relative;
8
+ flex: 1;
9
+ display: flex;
10
+ flex-direction: column;
11
+ background-color: #eee;
12
+ &-list {
13
+ padding: 0 var(vdm('interval', $lists));
14
+ &.#{is('absolute')} {
15
+ position: absolute;
16
+ inset: 0;
17
+ overflow-y: auto;
18
+ }
19
+ &--column {
20
+ .#{z($lists, 'list-item')} {
21
+ display: inline-block;
48
22
  }
49
-
50
- &.auto {
51
- .#{z($lists, 'table-th')} {
52
- padding-right: 0;
53
- }
23
+ }
24
+ &-item {
25
+ &:last-child {
26
+ margin-bottom: calc(var(vdm('interval', $lists)) * 2);
54
27
  }
55
- &.top {
56
- .#{z($lists, 'table-th')} {
57
- padding-bottom: 0;
58
- }
28
+ background-color: #fff;
29
+ margin: 0 var(vdm('interval', $lists));
30
+ margin-top: calc(var(vdm('interval', $lists)) * 2);
31
+ &.#{is('active')} {
32
+ background-color: rgb(250, 235, 215);
59
33
  }
60
-
61
- &.is-aliquots {
62
- table-layout: fixed;
34
+ &.#{is('selected')} {
35
+ background-color: rgb(215, 250, 224);
63
36
  }
64
-
65
- &.is-border {
66
- border-right: 1px solid var(vdm('border-color', $lists));
67
- border-top: 1px solid var(vdm('border-color', $lists));
68
- border-bottom: 1px solid var(vdm('border-color', $lists));
69
- & > tr > td {
70
- border-bottom: 1px solid var(vdm('border-color', $lists));
71
- border-left: 1px solid var(vdm('border-color', $lists));
72
- &:last-child {
73
- border-right: 1px solid var(vdm('border-color', $lists));
74
- }
75
- }
76
- & > tr > th {
77
- border-left: 1px solid var(vdm('border-color', $lists));
78
- border-bottom: 1px solid var(vdm('border-color', $lists));
79
- &:last-child {
80
- border-right: 1px solid var(vdm('border-color', $lists));
81
- }
82
- }
83
- & > tr {
84
- &:last-child {
85
- > td {
86
- border-bottom: 0;
87
- }
88
- > th {
89
- border-bottom: 0;
90
- }
91
- }
92
- }
93
- &.top {
94
- & > tr > th {
95
- border-bottom: 0;
96
- }
97
- }
98
- }
99
-
100
- .#{z('lists-com')} {
101
- display: flex;
102
- align-items: center;
103
- &-img {
104
- width: 50px;
105
- height: 50px;
106
- }
37
+ .#{el('card')} {
38
+ background-color: transparent;
107
39
  }
108
40
  }
109
41
  }
@@ -0,0 +1,23 @@
1
+ @use '../scss/common.scss' as *;
2
+ @use '../lists/index.scss' as *;
3
+ @use '../paging/index.scss' as *;
4
+ $listsp: 'listsp';
5
+ @include b($listsp) {
6
+ width: 100%;
7
+ height: var(#{vdm('height', $listsp)});
8
+ display: flex;
9
+ flex-direction: column;
10
+
11
+ &-main {
12
+ display: flex;
13
+ flex-direction: column;
14
+ flex: 1;
15
+ width: 100%;
16
+ }
17
+ &-paginat {
18
+ overflow: hidden;
19
+ .#{e()}pagination {
20
+ justify-content: flex-end;
21
+ }
22
+ }
23
+ }
@@ -0,0 +1,4 @@
1
+ @use '../../lists/style/index2.scss' as *;
2
+ @use '../../paging/style/index2.scss' as *;
3
+
4
+ @use '../index.scss' as *;
@@ -29,7 +29,7 @@ $cssname: m();
29
29
  }
30
30
  }
31
31
 
32
- @function el($block, $blockSuffix, $element, $modifier) {
32
+ @function el($block, $blockSuffix: '', $element: '', $modifier: '') {
33
33
  $cls: #{e() + $block};
34
34
  @if ($blockSuffix != '') {
35
35
  $cls: #{$cls + $common-separator + $blockSuffix};
@@ -12,10 +12,7 @@ $tables: 'tables';
12
12
  &-table {
13
13
  &.#{is('absolute')} {
14
14
  position: absolute;
15
- top: 0;
16
- right: 0;
17
- bottom: 0;
18
- left: 0;
15
+ inset: 0;
19
16
  }
20
17
  // flex: 1;
21
18
  // width: 100%;
@@ -73,7 +73,6 @@ var config_default = {
73
73
  "icon-picker",
74
74
  "iframe",
75
75
  "keep-com",
76
- "lists",
77
76
  "menus",
78
77
  "page",
79
78
  "retract",
@@ -107,6 +106,9 @@ var config_default = {
107
106
  "selects",
108
107
  "switchs",
109
108
  "text",
109
+ "list",
110
+ "lists",
111
+ "listsp",
110
112
  "paging",
111
113
  "tables",
112
114
  "tablesp",
@@ -127,7 +129,6 @@ var config_default = {
127
129
  "global-config",
128
130
  "iframe",
129
131
  "keep-com",
130
- "lists",
131
132
  "menus",
132
133
  "page",
133
134
  "retract",
@@ -163,6 +164,9 @@ var config_default = {
163
164
  "selects",
164
165
  "switchs",
165
166
  "text",
167
+ "list",
168
+ "lists",
169
+ "listsp",
166
170
  "paging",
167
171
  "tables",
168
172
  "tablesp",
@@ -73,7 +73,6 @@ var config_default = {
73
73
  "icon-picker",
74
74
  "iframe",
75
75
  "keep-com",
76
- "lists",
77
76
  "menus",
78
77
  "page",
79
78
  "retract",
@@ -107,6 +106,9 @@ var config_default = {
107
106
  "selects",
108
107
  "switchs",
109
108
  "text",
109
+ "list",
110
+ "lists",
111
+ "listsp",
110
112
  "paging",
111
113
  "tables",
112
114
  "tablesp",
@@ -127,7 +129,6 @@ var config_default = {
127
129
  "global-config",
128
130
  "iframe",
129
131
  "keep-com",
130
- "lists",
131
132
  "menus",
132
133
  "page",
133
134
  "retract",
@@ -163,6 +164,9 @@ var config_default = {
163
164
  "selects",
164
165
  "switchs",
165
166
  "text",
167
+ "list",
168
+ "lists",
169
+ "listsp",
166
170
  "paging",
167
171
  "tables",
168
172
  "tablesp",
@@ -1,6 +1,6 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkLSKJOV4Kcjs = require('./chunk-LSKJOV4K.cjs');
3
+ var _chunkS7R2FI5Lcjs = require('./chunk-S7R2FI5L.cjs');
4
4
 
5
5
  // expand/components.ts
6
6
  var _humpToLine = require('@fangzhongya/utils/name/humpToLine');
@@ -29,11 +29,11 @@ function namefilter(c, name) {
29
29
  function getFrom(mc, type, conf) {
30
30
  const filename = mc.replace(new RegExp("^" + config.prefix + "-"), "");
31
31
  if (type == 1) {
32
- if (_chunkLSKJOV4Kcjs.config_default.components.includes(filename)) {
32
+ if (_chunkS7R2FI5Lcjs.config_default.components.includes(filename)) {
33
33
  const name = _lineToLargeHump.lineToLargeHump.call(void 0, mc);
34
34
  const from = `${config.name}/components/${filename}/index`;
35
35
  let sideEffects;
36
- if (_chunkLSKJOV4Kcjs.config_default.sideEffects.includes(filename)) {
36
+ if (_chunkS7R2FI5Lcjs.config_default.sideEffects.includes(filename)) {
37
37
  if (conf.css) {
38
38
  sideEffects = `${config.name}/components/${filename}/style/index2/.scss`;
39
39
  } else {
@@ -49,14 +49,14 @@ function getFrom(mc, type, conf) {
49
49
  return;
50
50
  }
51
51
  } else {
52
- if (_chunkLSKJOV4Kcjs.config_default.directives.includes(filename)) {
52
+ if (_chunkS7R2FI5Lcjs.config_default.directives.includes(filename)) {
53
53
  const name = "default";
54
54
  const from = `${config.name}/directives/${filename}/index`;
55
55
  return {
56
56
  name,
57
57
  from
58
58
  };
59
- } else if (_chunkLSKJOV4Kcjs.config_default.directives.includes("v-" + filename)) {
59
+ } else if (_chunkS7R2FI5Lcjs.config_default.directives.includes("v-" + filename)) {
60
60
  const name = "default";
61
61
  const from = `${config.name}/directives/${"v-" + filename}/index`;
62
62
  return {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  config_default
3
- } from "./chunk-ZS2GF6MH.js";
3
+ } from "./chunk-VCOMWNQB.js";
4
4
 
5
5
  // expand/components.ts
6
6
  import { humpToLine } from "@fangzhongya/utils/name/humpToLine";
@@ -1,6 +1,6 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkLSKJOV4Kcjs = require('./chunk-LSKJOV4K.cjs');
3
+ var _chunkS7R2FI5Lcjs = require('./chunk-S7R2FI5L.cjs');
4
4
 
5
5
 
6
- exports.default = _chunkLSKJOV4Kcjs.config_default;
6
+ exports.default = _chunkS7R2FI5Lcjs.config_default;
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  config_default
3
- } from "./chunk-ZS2GF6MH.js";
3
+ } from "./chunk-VCOMWNQB.js";
4
4
  export {
5
5
  config_default as default
6
6
  };
@@ -1,17 +1,17 @@
1
1
  :root {
2
2
  --icon-svg-below: url("data:image/svg+xml;utf8,%3Csvg id='icon-below' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z' %3E%3C/path%3E %3C/svg%3E");
3
3
  --icon-svg-bar: url("data:image/svg+xml;utf8,%3Csvg id='icon-bar' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E %3Cpath fill='currentColor' d='M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z' %3E%3C/path%3E %3C/svg%3E");
4
- --icon-svg-bicycle: url("data:image/svg+xml;utf8,%3Csvg id='icon-bicycle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z'/%3E%3Cpath fill='currentColor' d='M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z'/%3E%3Cpath fill='currentColor' d='m373.376 599.808-42.752-47.616 320-288 42.752 47.616z'/%3E%3C/svg%3E");
5
- --icon-svg-bottom: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z'/%3E%3C/svg%3E");
6
4
  --icon-svg-bottom-left: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-left' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 768h416a32 32 0 1 1 0 64H224a32 32 0 0 1-32-32V352a32 32 0 0 1 64 0v416z'/%3E%3Cpath fill='currentColor' d='M246.656 822.656a32 32 0 0 1-45.312-45.312l544-544a32 32 0 0 1 45.312 45.312l-544 544z'/%3E%3C/svg%3E");
7
- --icon-svg-bottom-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z'/%3E%3Cpath fill='currentColor' d='M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z'/%3E%3C/svg%3E");
8
- --icon-svg-clear: url("data:image/svg+xml;utf8,%3Csvg id='icon-clear' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z' %3E%3C/path%3E %3C/svg%3E");
9
- --icon-svg-left: url("data:image/svg+xml;utf8,%3Csvg id='icon-left' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
10
- --icon-svg-edit: url("data:image/svg+xml;utf8,%3Csvg id='icon-edit' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z' %3E%3C/path%3E %3C/svg%3E");
11
- --icon-svg-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E %3Cpath fill='currentColor' d='M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
5
+ --icon-svg-bottom: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z'/%3E%3C/svg%3E");
12
6
  --icon-svg-close: url("data:image/svg+xml;utf8,%3Csvg id='icon-close' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z' %3E%3C/path%3E %3C/svg%3E");
7
+ --icon-svg-edit: url("data:image/svg+xml;utf8,%3Csvg id='icon-edit' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z' %3E%3C/path%3E %3C/svg%3E");
8
+ --icon-svg-bottom-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z'/%3E%3Cpath fill='currentColor' d='M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z'/%3E%3C/svg%3E");
13
9
  --icon-svg-frame: url("data:image/svg+xml;utf8,%3Csvg id='icon-frame' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z' %3E%3C/path%3E %3C/svg%3E");
10
+ --icon-svg-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E %3Cpath fill='currentColor' d='M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
11
+ --icon-svg-left: url("data:image/svg+xml;utf8,%3Csvg id='icon-left' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
12
+ --icon-svg-bicycle: url("data:image/svg+xml;utf8,%3Csvg id='icon-bicycle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z'/%3E%3Cpath fill='currentColor' d='M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z'/%3E%3Cpath fill='currentColor' d='m373.376 599.808-42.752-47.616 320-288 42.752 47.616z'/%3E%3C/svg%3E");
14
13
  --icon-svg-star: url("data:image/svg+xml;utf8,%3Csvg id='icon-star' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z' %3E%3C/path%3E %3C/svg%3E");
14
+ --icon-svg-clear: url("data:image/svg+xml;utf8,%3Csvg id='icon-clear' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z' %3E%3C/path%3E %3C/svg%3E");
15
15
  }
16
16
  .icon-below {
17
17
  height: 1em;
@@ -33,12 +33,12 @@
33
33
  mask-size: 100% 100%;
34
34
  color: inherit;
35
35
  }
36
- .icon-bicycle {
36
+ .icon-bottom-left {
37
37
  height: 1em;
38
38
  width: 1em;
39
39
  background-color: currentColor;
40
- -webkit-mask: var(--icon-svg-bicycle) no-repeat;
41
- mask: var(--icon-svg-bicycle) no-repeat;
40
+ -webkit-mask: var(--icon-svg-bottom-left) no-repeat;
41
+ mask: var(--icon-svg-bottom-left) no-repeat;
42
42
  -webkit-mask-size: 100% 100%;
43
43
  mask-size: 100% 100%;
44
44
  color: inherit;
@@ -53,92 +53,92 @@
53
53
  mask-size: 100% 100%;
54
54
  color: inherit;
55
55
  }
56
- .icon-bottom-left {
56
+ .icon-close {
57
57
  height: 1em;
58
58
  width: 1em;
59
59
  background-color: currentColor;
60
- -webkit-mask: var(--icon-svg-bottom-left) no-repeat;
61
- mask: var(--icon-svg-bottom-left) no-repeat;
60
+ -webkit-mask: var(--icon-svg-close) no-repeat;
61
+ mask: var(--icon-svg-close) no-repeat;
62
62
  -webkit-mask-size: 100% 100%;
63
63
  mask-size: 100% 100%;
64
64
  color: inherit;
65
65
  }
66
- .icon-bottom-right {
66
+ .icon-edit {
67
67
  height: 1em;
68
68
  width: 1em;
69
69
  background-color: currentColor;
70
- -webkit-mask: var(--icon-svg-bottom-right) no-repeat;
71
- mask: var(--icon-svg-bottom-right) no-repeat;
70
+ -webkit-mask: var(--icon-svg-edit) no-repeat;
71
+ mask: var(--icon-svg-edit) no-repeat;
72
72
  -webkit-mask-size: 100% 100%;
73
73
  mask-size: 100% 100%;
74
74
  color: inherit;
75
75
  }
76
- .icon-clear {
76
+ .icon-bottom-right {
77
77
  height: 1em;
78
78
  width: 1em;
79
79
  background-color: currentColor;
80
- -webkit-mask: var(--icon-svg-clear) no-repeat;
81
- mask: var(--icon-svg-clear) no-repeat;
80
+ -webkit-mask: var(--icon-svg-bottom-right) no-repeat;
81
+ mask: var(--icon-svg-bottom-right) no-repeat;
82
82
  -webkit-mask-size: 100% 100%;
83
83
  mask-size: 100% 100%;
84
84
  color: inherit;
85
85
  }
86
- .icon-left {
86
+ .icon-frame {
87
87
  height: 1em;
88
88
  width: 1em;
89
89
  background-color: currentColor;
90
- -webkit-mask: var(--icon-svg-left) no-repeat;
91
- mask: var(--icon-svg-left) no-repeat;
90
+ -webkit-mask: var(--icon-svg-frame) no-repeat;
91
+ mask: var(--icon-svg-frame) no-repeat;
92
92
  -webkit-mask-size: 100% 100%;
93
93
  mask-size: 100% 100%;
94
94
  color: inherit;
95
95
  }
96
- .icon-edit {
96
+ .icon-right {
97
97
  height: 1em;
98
98
  width: 1em;
99
99
  background-color: currentColor;
100
- -webkit-mask: var(--icon-svg-edit) no-repeat;
101
- mask: var(--icon-svg-edit) no-repeat;
100
+ -webkit-mask: var(--icon-svg-right) no-repeat;
101
+ mask: var(--icon-svg-right) no-repeat;
102
102
  -webkit-mask-size: 100% 100%;
103
103
  mask-size: 100% 100%;
104
104
  color: inherit;
105
105
  }
106
- .icon-right {
106
+ .icon-left {
107
107
  height: 1em;
108
108
  width: 1em;
109
109
  background-color: currentColor;
110
- -webkit-mask: var(--icon-svg-right) no-repeat;
111
- mask: var(--icon-svg-right) no-repeat;
110
+ -webkit-mask: var(--icon-svg-left) no-repeat;
111
+ mask: var(--icon-svg-left) no-repeat;
112
112
  -webkit-mask-size: 100% 100%;
113
113
  mask-size: 100% 100%;
114
114
  color: inherit;
115
115
  }
116
- .icon-close {
116
+ .icon-bicycle {
117
117
  height: 1em;
118
118
  width: 1em;
119
119
  background-color: currentColor;
120
- -webkit-mask: var(--icon-svg-close) no-repeat;
121
- mask: var(--icon-svg-close) no-repeat;
120
+ -webkit-mask: var(--icon-svg-bicycle) no-repeat;
121
+ mask: var(--icon-svg-bicycle) no-repeat;
122
122
  -webkit-mask-size: 100% 100%;
123
123
  mask-size: 100% 100%;
124
124
  color: inherit;
125
125
  }
126
- .icon-frame {
126
+ .icon-star {
127
127
  height: 1em;
128
128
  width: 1em;
129
129
  background-color: currentColor;
130
- -webkit-mask: var(--icon-svg-frame) no-repeat;
131
- mask: var(--icon-svg-frame) no-repeat;
130
+ -webkit-mask: var(--icon-svg-star) no-repeat;
131
+ mask: var(--icon-svg-star) no-repeat;
132
132
  -webkit-mask-size: 100% 100%;
133
133
  mask-size: 100% 100%;
134
134
  color: inherit;
135
135
  }
136
- .icon-star {
136
+ .icon-clear {
137
137
  height: 1em;
138
138
  width: 1em;
139
139
  background-color: currentColor;
140
- -webkit-mask: var(--icon-svg-star) no-repeat;
141
- mask: var(--icon-svg-star) no-repeat;
140
+ -webkit-mask: var(--icon-svg-clear) no-repeat;
141
+ mask: var(--icon-svg-clear) no-repeat;
142
142
  -webkit-mask-size: 100% 100%;
143
143
  mask-size: 100% 100%;
144
144
  color: inherit;
@@ -1,28 +1,28 @@
1
1
  {
2
2
  "prefix": "fang-ui",
3
3
  "info": {},
4
- "lastModified": 1756441422540,
4
+ "lastModified": 1756777543936,
5
5
  "icons": {
6
6
  "below": {
7
7
  "body": " <path fill=\"currentColor\" d=\"M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z\" ></path> "
8
8
  },
9
- "bicycle": {
10
- "body": "<path fill=\"currentColor\" d=\"M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z\"/><path fill=\"currentColor\" d=\"M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z\"/><path fill=\"currentColor\" d=\"M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z\"/><path fill=\"currentColor\" d=\"M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z\"/><path fill=\"currentColor\" d=\"m373.376 599.808-42.752-47.616 320-288 42.752 47.616z\"/>"
11
- },
12
9
  "bottom-left": {
13
10
  "body": "<path fill=\"currentColor\" d=\"M256 768h416a32 32 0 1 1 0 64H224a32 32 0 0 1-32-32V352a32 32 0 0 1 64 0v416z\"/><path fill=\"currentColor\" d=\"M246.656 822.656a32 32 0 0 1-45.312-45.312l544-544a32 32 0 0 1 45.312 45.312l-544 544z\"/>"
14
11
  },
15
- "clear": {
16
- "body": " <path fill=\"currentColor\" d=\"m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z\" ></path> <path fill=\"currentColor\" d=\"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z\" ></path> "
17
- },
18
- "edit": {
19
- "body": " <path fill=\"currentColor\" d=\"M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z\" ></path> <path fill=\"currentColor\" d=\"m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z\" ></path> "
20
- },
21
12
  "close": {
22
13
  "body": " <path fill=\"currentColor\" d=\"M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z\" ></path> "
23
14
  },
24
- "star": {
25
- "body": " <path fill=\"currentColor\" d=\"m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z\" ></path> "
15
+ "bottom-right": {
16
+ "body": "<path fill=\"currentColor\" d=\"M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z\"/><path fill=\"currentColor\" d=\"M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z\"/>"
17
+ },
18
+ "right": {
19
+ "body": " <path fill=\"currentColor\" d=\"M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z\" ></path> "
20
+ },
21
+ "bicycle": {
22
+ "body": "<path fill=\"currentColor\" d=\"M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z\"/><path fill=\"currentColor\" d=\"M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z\"/><path fill=\"currentColor\" d=\"M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z\"/><path fill=\"currentColor\" d=\"M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z\"/><path fill=\"currentColor\" d=\"m373.376 599.808-42.752-47.616 320-288 42.752 47.616z\"/>"
23
+ },
24
+ "clear": {
25
+ "body": " <path fill=\"currentColor\" d=\"m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z\" ></path> <path fill=\"currentColor\" d=\"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z\" ></path> "
26
26
  }
27
27
  },
28
28
  "aliases": {},
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fangzhongya/fang-ui",
3
3
  "private": false,
4
- "version": "0.0.53",
4
+ "version": "0.0.54",
5
5
  "type": "module",
6
6
  "description ": "fang-ui",
7
7
  "keywords": [