@fangzhongya/fang-ui 0.0.43 → 0.0.44

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 (12) hide show
  1. package/dist/components/icon/index.css +13 -0
  2. package/dist/components/icon/index.scss +14 -0
  3. package/dist/components/icon/src/index2.cjs +18 -17
  4. package/dist/components/icon/src/index2.js +19 -18
  5. package/dist/css/icon.css +13 -0
  6. package/dist/css/index.css +13 -0
  7. package/dist/icons/index.css +29 -29
  8. package/dist/icons/index.json +8 -8
  9. package/dist/index.css +13 -0
  10. package/package.json +6 -6
  11. /package/dist/components/{popover → tooltip}/index.css +0 -0
  12. /package/dist/css/{popover.css → tooltip.css} +0 -0
package/dist/components/icon/index.css CHANGED
@@ -14,6 +14,9 @@
14
14
 
15
15
  .icon {
16
16
  --color: inherit;
17
+ height: 1em;
18
+ width: 1em;
19
+ line-height: 1em;
17
20
  display: inline-flex;
18
21
  justify-content: center;
19
22
  align-items: center;
@@ -21,4 +24,14 @@
21
24
  fill: currentColor;
22
25
  color: var(--color);
23
26
  font-size: inherit;
27
+ }
28
+ .icon-cont {
29
+ border: 0;
30
+ display: inline-flex;
31
+ align-items: center;
32
+ object-fit: contain;
33
+ justify-content: center;
34
+ font-size: inherit !important;
35
+ width: inherit !important;
36
+ height: inherit !important;
24
37
  }
package/dist/components/icon/index.scss CHANGED
@@ -3,6 +3,9 @@
3
3
  $icon: 'icon';
4
4
  @include b($icon) {
5
5
  --color: inherit;
6
+ height: 1em;
7
+ width: 1em;
8
+ line-height: 1em;
6
9
  display: inline-flex;
7
10
  justify-content: center;
8
11
  align-items: center;
@@ -10,4 +13,15 @@ $icon: 'icon';
10
13
  fill: currentColor;
11
14
  color: var(--color);
12
15
  font-size: inherit;
16
+
17
+ &-cont {
18
+ border: 0;
19
+ display: inline-flex;
20
+ align-items: center;
21
+ object-fit: contain;
22
+ justify-content: center;
23
+ font-size: inherit !important;
24
+ width: inherit !important;
25
+ height: inherit !important;
26
+ }
13
27
  }
package/dist/components/icon/src/index2.cjs CHANGED
@@ -119,41 +119,42 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
119
119
  });
120
120
  return (_ctx, _cache) => {
121
121
  return vue.openBlock(), vue.createElementBlock("i", {
122
- class: vue.normalizeClass(vue.unref(cs).z())
122
+ class: vue.normalizeClass(vue.unref(cs).z()),
123
+ style: vue.normalizeStyle(transformStyle.value)
123
124
  }, [
124
125
  vue.renderSlot(_ctx.$slots, "default", {}, () => [
125
126
  outputType.value === "css" || outputType.value === "font" ? (vue.openBlock(), vue.createElementBlock("i", {
126
127
  key: 0,
127
- class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass, outputName.value]),
128
- style: vue.normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
129
- }, null, 6)) : outputType.value === "img" ? (vue.openBlock(), vue.createElementBlock("img", {
128
+ class: vue.normalizeClass([
129
+ vue.unref(cs).z(outputType.value),
130
+ props.iconClass,
131
+ outputName.value,
132
+ vue.unref(cs).z("cont")
133
+ ])
134
+ }, null, 2)) : outputType.value === "img" ? (vue.openBlock(), vue.createElementBlock("img", {
130
135
  key: 1,
131
- class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass]),
132
- style: vue.normalizeStyle([{ "border": "0", "display": "inline-flex", "align-items": "center", "object-fit": "contain", "justify-content": "center" }, transformStyle.value]),
136
+ class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass, vue.unref(cs).z("cont")]),
133
137
  src: outputName.value
134
- }, null, 14, _hoisted_1)) : outputType.value === "str" ? (vue.openBlock(), vue.createElementBlock("svg", {
138
+ }, null, 10, _hoisted_1)) : outputType.value === "str" ? (vue.openBlock(), vue.createElementBlock("svg", {
135
139
  key: 2,
136
- class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass]),
140
+ class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass, vue.unref(cs).z("cont")]),
137
141
  viewBox: "0 0 1024 1024",
138
142
  xmlns: "http://www.w3.org/2000/svg",
139
- style: vue.normalizeStyle(transformStyle.value),
140
143
  innerHTML: outputName.value
141
- }, null, 14, _hoisted_2)) : outputType.value === "id" ? (vue.openBlock(), vue.createElementBlock("svg", {
144
+ }, null, 10, _hoisted_2)) : outputType.value === "id" ? (vue.openBlock(), vue.createElementBlock("svg", {
142
145
  key: 3,
143
- class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass]),
144
- style: vue.normalizeStyle(transformStyle.value),
146
+ class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass, vue.unref(cs).z("cont")]),
145
147
  "aria-hidden": "true"
146
148
  }, [
147
149
  vue.createElementVNode("use", {
148
150
  "xlink:href": `#${outputName.value}`
149
151
  }, null, 8, _hoisted_3)
150
- ], 6)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(outputName.value), {
152
+ ], 2)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(outputName.value), {
151
153
  key: 4,
152
- class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass]),
153
- style: vue.normalizeStyle(transformStyle.value)
154
- }, null, 8, ["class", "style"]))
154
+ class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass, vue.unref(cs).z("cont")])
155
+ }, null, 8, ["class"]))
155
156
  ])
156
- ], 2);
157
+ ], 6);
157
158
  };
158
159
  }
159
160
  });
package/dist/components/icon/src/index2.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createBlock, normalizeStyle, createElementVNode, resolveDynamicComponent } from "vue";
1
+ import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createBlock, createElementVNode, resolveDynamicComponent } from "vue";
2
2
  import { dataExpose, dataEmits, dataProps } from "./data.js";
3
3
  import "../../../hooks/index.js";
4
4
  import { useLocale } from "../../../hooks/locale/index.js";
@@ -117,41 +117,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
117
117
  });
118
118
  return (_ctx, _cache) => {
119
119
  return openBlock(), createElementBlock("i", {
120
- class: normalizeClass(unref(cs).z())
120
+ class: normalizeClass(unref(cs).z()),
121
+ style: normalizeStyle(transformStyle.value)
121
122
  }, [
122
123
  renderSlot(_ctx.$slots, "default", {}, () => [
123
124
  outputType.value === "css" || outputType.value === "font" ? (openBlock(), createElementBlock("i", {
124
125
  key: 0,
125
- class: normalizeClass([unref(cs).z(outputType.value), props.iconClass, outputName.value]),
126
- style: normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
127
- }, null, 6)) : outputType.value === "img" ? (openBlock(), createElementBlock("img", {
126
+ class: normalizeClass([
127
+ unref(cs).z(outputType.value),
128
+ props.iconClass,
129
+ outputName.value,
130
+ unref(cs).z("cont")
131
+ ])
132
+ }, null, 2)) : outputType.value === "img" ? (openBlock(), createElementBlock("img", {
128
133
  key: 1,
129
- class: normalizeClass([unref(cs).z(outputType.value), props.iconClass]),
130
- style: normalizeStyle([{ "border": "0", "display": "inline-flex", "align-items": "center", "object-fit": "contain", "justify-content": "center" }, transformStyle.value]),
134
+ class: normalizeClass([unref(cs).z(outputType.value), props.iconClass, unref(cs).z("cont")]),
131
135
  src: outputName.value
132
- }, null, 14, _hoisted_1)) : outputType.value === "str" ? (openBlock(), createElementBlock("svg", {
136
+ }, null, 10, _hoisted_1)) : outputType.value === "str" ? (openBlock(), createElementBlock("svg", {
133
137
  key: 2,
134
- class: normalizeClass([unref(cs).z(outputType.value), props.iconClass]),
138
+ class: normalizeClass([unref(cs).z(outputType.value), props.iconClass, unref(cs).z("cont")]),
135
139
  viewBox: "0 0 1024 1024",
136
140
  xmlns: "http://www.w3.org/2000/svg",
137
- style: normalizeStyle(transformStyle.value),
138
141
  innerHTML: outputName.value
139
- }, null, 14, _hoisted_2)) : outputType.value === "id" ? (openBlock(), createElementBlock("svg", {
142
+ }, null, 10, _hoisted_2)) : outputType.value === "id" ? (openBlock(), createElementBlock("svg", {
140
143
  key: 3,
141
- class: normalizeClass([unref(cs).z(outputType.value), props.iconClass]),
142
- style: normalizeStyle(transformStyle.value),
144
+ class: normalizeClass([unref(cs).z(outputType.value), props.iconClass, unref(cs).z("cont")]),
143
145
  "aria-hidden": "true"
144
146
  }, [
145
147
  createElementVNode("use", {
146
148
  "xlink:href": `#${outputName.value}`
147
149
  }, null, 8, _hoisted_3)
148
- ], 6)) : (openBlock(), createBlock(resolveDynamicComponent(outputName.value), {
150
+ ], 2)) : (openBlock(), createBlock(resolveDynamicComponent(outputName.value), {
149
151
  key: 4,
150
- class: normalizeClass([unref(cs).z(outputType.value), props.iconClass]),
151
- style: normalizeStyle(transformStyle.value)
152
- }, null, 8, ["class", "style"]))
152
+ class: normalizeClass([unref(cs).z(outputType.value), props.iconClass, unref(cs).z("cont")])
153
+ }, null, 8, ["class"]))
153
154
  ])
154
- ], 2);
155
+ ], 6);
155
156
  };
156
157
  }
157
158
  });
package/dist/css/icon.css CHANGED
@@ -14,6 +14,9 @@
14
14
 
15
15
  .icon {
16
16
  --color: inherit;
17
+ height: 1em;
18
+ width: 1em;
19
+ line-height: 1em;
17
20
  display: inline-flex;
18
21
  justify-content: center;
19
22
  align-items: center;
@@ -21,4 +24,14 @@
21
24
  fill: currentColor;
22
25
  color: var(--color);
23
26
  font-size: inherit;
27
+ }
28
+ .icon-cont {
29
+ border: 0;
30
+ display: inline-flex;
31
+ align-items: center;
32
+ object-fit: contain;
33
+ justify-content: center;
34
+ font-size: inherit !important;
35
+ width: inherit !important;
36
+ height: inherit !important;
24
37
  }
package/dist/css/index.css CHANGED
@@ -367,6 +367,9 @@
367
367
 
368
368
  .icon {
369
369
  --color: inherit;
370
+ height: 1em;
371
+ width: 1em;
372
+ line-height: 1em;
370
373
  display: inline-flex;
371
374
  justify-content: center;
372
375
  align-items: center;
@@ -375,6 +378,16 @@
375
378
  color: var(--color);
376
379
  font-size: inherit;
377
380
  }
381
+ .icon-cont {
382
+ border: 0;
383
+ display: inline-flex;
384
+ align-items: center;
385
+ object-fit: contain;
386
+ justify-content: center;
387
+ font-size: inherit !important;
388
+ width: inherit !important;
389
+ height: inherit !important;
390
+ }
378
391
 
379
392
  .lists-div .lists-table {
380
393
  width: 100%;
package/dist/icons/index.css CHANGED
@@ -1,17 +1,17 @@
1
1
  :root {
2
2
  --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");
3
- --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");
4
3
  --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");
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-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");
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");
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");
8
6
  --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-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");
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-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");
10
9
  --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");
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
11
  --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");
12
12
  --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");
13
- --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");
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-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");
15
15
  }
16
16
  .icon-bar {
17
17
  height: 1em;
@@ -23,22 +23,22 @@
23
23
  mask-size: 100% 100%;
24
24
  color: inherit;
25
25
  }
26
- .icon-bottom-left {
26
+ .icon-below {
27
27
  height: 1em;
28
28
  width: 1em;
29
29
  background-color: currentColor;
30
- -webkit-mask: var(--icon-svg-bottom-left) no-repeat;
31
- mask: var(--icon-svg-bottom-left) no-repeat;
30
+ -webkit-mask: var(--icon-svg-below) no-repeat;
31
+ mask: var(--icon-svg-below) no-repeat;
32
32
  -webkit-mask-size: 100% 100%;
33
33
  mask-size: 100% 100%;
34
34
  color: inherit;
35
35
  }
36
- .icon-below {
36
+ .icon-bicycle {
37
37
  height: 1em;
38
38
  width: 1em;
39
39
  background-color: currentColor;
40
- -webkit-mask: var(--icon-svg-below) no-repeat;
41
- mask: var(--icon-svg-below) no-repeat;
40
+ -webkit-mask: var(--icon-svg-bicycle) no-repeat;
41
+ mask: var(--icon-svg-bicycle) no-repeat;
42
42
  -webkit-mask-size: 100% 100%;
43
43
  mask-size: 100% 100%;
44
44
  color: inherit;
@@ -53,12 +53,12 @@
53
53
  mask-size: 100% 100%;
54
54
  color: inherit;
55
55
  }
56
- .icon-bicycle {
56
+ .icon-clear {
57
57
  height: 1em;
58
58
  width: 1em;
59
59
  background-color: currentColor;
60
- -webkit-mask: var(--icon-svg-bicycle) no-repeat;
61
- mask: var(--icon-svg-bicycle) no-repeat;
60
+ -webkit-mask: var(--icon-svg-clear) no-repeat;
61
+ mask: var(--icon-svg-clear) no-repeat;
62
62
  -webkit-mask-size: 100% 100%;
63
63
  mask-size: 100% 100%;
64
64
  color: inherit;
@@ -73,32 +73,32 @@
73
73
  mask-size: 100% 100%;
74
74
  color: inherit;
75
75
  }
76
- .icon-clear {
76
+ .icon-bottom-left {
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-left) no-repeat;
81
+ mask: var(--icon-svg-bottom-left) no-repeat;
82
82
  -webkit-mask-size: 100% 100%;
83
83
  mask-size: 100% 100%;
84
84
  color: inherit;
85
85
  }
86
- .icon-edit {
86
+ .icon-close {
87
87
  height: 1em;
88
88
  width: 1em;
89
89
  background-color: currentColor;
90
- -webkit-mask: var(--icon-svg-edit) no-repeat;
91
- mask: var(--icon-svg-edit) no-repeat;
90
+ -webkit-mask: var(--icon-svg-close) no-repeat;
91
+ mask: var(--icon-svg-close) no-repeat;
92
92
  -webkit-mask-size: 100% 100%;
93
93
  mask-size: 100% 100%;
94
94
  color: inherit;
95
95
  }
96
- .icon-close {
96
+ .icon-edit {
97
97
  height: 1em;
98
98
  width: 1em;
99
99
  background-color: currentColor;
100
- -webkit-mask: var(--icon-svg-close) no-repeat;
101
- mask: var(--icon-svg-close) no-repeat;
100
+ -webkit-mask: var(--icon-svg-edit) no-repeat;
101
+ mask: var(--icon-svg-edit) no-repeat;
102
102
  -webkit-mask-size: 100% 100%;
103
103
  mask-size: 100% 100%;
104
104
  color: inherit;
@@ -123,22 +123,22 @@
123
123
  mask-size: 100% 100%;
124
124
  color: inherit;
125
125
  }
126
- .icon-right {
126
+ .icon-star {
127
127
  height: 1em;
128
128
  width: 1em;
129
129
  background-color: currentColor;
130
- -webkit-mask: var(--icon-svg-right) no-repeat;
131
- mask: var(--icon-svg-right) 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-right {
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-right) no-repeat;
141
+ mask: var(--icon-svg-right) no-repeat;
142
142
  -webkit-mask-size: 100% 100%;
143
143
  mask-size: 100% 100%;
144
144
  color: inherit;
package/dist/icons/index.json CHANGED
@@ -1,28 +1,28 @@
1
1
  {
2
2
  "prefix": "fang-ui",
3
3
  "info": {},
4
- "lastModified": 1754967282007,
4
+ "lastModified": 1754969053967,
5
5
  "icons": {
6
6
  "bar": {
7
7
  "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "
8
8
  },
9
- "below": {
10
- "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> "
11
- },
12
9
  "bicycle": {
13
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\"/>"
14
11
  },
15
12
  "clear": {
16
13
  "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
14
  },
18
- "close": {
19
- "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> "
15
+ "bottom-left": {
16
+ "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\"/>"
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
20
  },
21
21
  "left": {
22
22
  "body": " <path 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\" ></path> "
23
23
  },
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> "
24
+ "right": {
25
+ "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> "
26
26
  }
27
27
  },
28
28
  "aliases": {},
package/dist/index.css CHANGED
@@ -367,6 +367,9 @@
367
367
 
368
368
  .icon {
369
369
  --color: inherit;
370
+ height: 1em;
371
+ width: 1em;
372
+ line-height: 1em;
370
373
  display: inline-flex;
371
374
  justify-content: center;
372
375
  align-items: center;
@@ -375,6 +378,16 @@
375
378
  color: var(--color);
376
379
  font-size: inherit;
377
380
  }
381
+ .icon-cont {
382
+ border: 0;
383
+ display: inline-flex;
384
+ align-items: center;
385
+ object-fit: contain;
386
+ justify-content: center;
387
+ font-size: inherit !important;
388
+ width: inherit !important;
389
+ height: inherit !important;
390
+ }
378
391
 
379
392
  .lists-div .lists-table {
380
393
  width: 100%;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fangzhongya/fang-ui",
3
3
  "private": false,
4
- "version": "0.0.43",
4
+ "version": "0.0.44",
5
5
  "type": "module",
6
6
  "description ": "fang-ui",
7
7
  "keywords": [
@@ -50,13 +50,13 @@
50
50
  "vuedraggable": "4.1.0",
51
51
  "vxe-table": "4.15.6",
52
52
  "@fang-ui/components": "0.0.1-0",
53
- "@fang-ui/hooks": "0.0.1-0",
54
53
  "@fang-ui/directives": "0.0.1-0",
55
- "@fang-ui/theme": "0.0.1-0",
56
- "@fang-ui/locale": "0.0.1-0",
57
- "@fang-ui/types": "0.0.1-0",
58
54
  "@fang-ui/icons": "0.0.1-0",
59
- "@fang-ui/utils": "0.0.1-0"
55
+ "@fang-ui/locale": "0.0.1-0",
56
+ "@fang-ui/hooks": "0.0.1-0",
57
+ "@fang-ui/utils": "0.0.1-0",
58
+ "@fang-ui/theme": "0.0.1-0",
59
+ "@fang-ui/types": "0.0.1-0"
60
60
  },
61
61
  "main": "./dist/index.cjs",
62
62
  "module": "./dist/index.js",
/package/dist/components/{popover → tooltip}/index.css RENAMED
File without changes
/package/dist/css/{popover.css → tooltip.css} RENAMED
File without changes