@fangzhongya/fang-ui 0.0.6 → 0.0.8
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/README.md +19 -12
- package/dist/components/index.css +21 -21
- package/dist/components/index.scss +2 -2
- package/dist/expand/components.cjs +1 -1
- package/dist/expand/components.js +1 -1
- package/package.json +8 -8
package/README.md
CHANGED
|
@@ -433,7 +433,8 @@ import {
|
|
|
433
433
|
dataExpose,
|
|
434
434
|
dataSlot,
|
|
435
435
|
} from './data';
|
|
436
|
-
import { useCssName
|
|
436
|
+
import { useCssName } from '@hooks/cssname';
|
|
437
|
+
import { useLocale } from '@hooks/locale';
|
|
437
438
|
// 获取国际化字段
|
|
438
439
|
const { getLocale } = useLocale();
|
|
439
440
|
// 样式设置方法
|
|
@@ -489,9 +490,9 @@ useCssName 样式名称生成器 'date' 当前组件目录名称
|
|
|
489
490
|
|
|
490
491
|
```ts
|
|
491
492
|
// 全局引入组件
|
|
492
|
-
import FangUi from 'fang-ui';
|
|
493
|
+
import FangUi from '@fangzhongya/fang-ui';
|
|
493
494
|
// 全局引入样式
|
|
494
|
-
import 'fang-ui/
|
|
495
|
+
import '@fangzhongya/fang-ui/css';
|
|
495
496
|
|
|
496
497
|
const app = createApp(App);
|
|
497
498
|
app.use(router);
|
|
@@ -502,14 +503,14 @@ app.mount('#app');
|
|
|
502
503
|
## 单独引用
|
|
503
504
|
|
|
504
505
|
```ts
|
|
506
|
+
// 单独引入样式
|
|
507
|
+
import '@fangzhongya/fang-ui/components/box-local/index.scss';
|
|
505
508
|
// 单独引入组件
|
|
506
|
-
import {
|
|
507
|
-
// 全局引入样式 目前还不支持单独引入样式,后期开发
|
|
508
|
-
import 'fang-ui/dist/theme/index.css';
|
|
509
|
+
import { BoxLocal } from '@fangzhongya/fang-ui/components/box-local/index';
|
|
509
510
|
|
|
510
511
|
const app = createApp(App);
|
|
511
512
|
app.use(router);
|
|
512
|
-
app.use(
|
|
513
|
+
app.use(BoxLocal);
|
|
513
514
|
app.mount('#app');
|
|
514
515
|
```
|
|
515
516
|
|
|
@@ -518,11 +519,14 @@ app.mount('#app');
|
|
|
518
519
|
```vue
|
|
519
520
|
<template>
|
|
520
521
|
<div>
|
|
521
|
-
<
|
|
522
|
+
<BoxLocal> </BoxLocal>
|
|
522
523
|
</div>
|
|
523
524
|
</template>
|
|
524
525
|
<script lang="ts" setup>
|
|
525
|
-
|
|
526
|
+
// 单独引入样式
|
|
527
|
+
import '@fangzhongya/fang-ui/components/box-local/index.scss';
|
|
528
|
+
// 单独引入组件
|
|
529
|
+
import { BoxLocal } from '@fangzhongya/fang-ui';
|
|
526
530
|
</script>
|
|
527
531
|
<style lang="scss"></style>
|
|
528
532
|
```
|
|
@@ -532,11 +536,14 @@ app.mount('#app');
|
|
|
532
536
|
```vue
|
|
533
537
|
<template>
|
|
534
538
|
<div>
|
|
535
|
-
<
|
|
539
|
+
<BoxLocal> </BoxLocal>
|
|
536
540
|
</div>
|
|
537
541
|
</template>
|
|
538
542
|
<script lang="ts" setup>
|
|
539
|
-
|
|
543
|
+
// 单独引入样式
|
|
544
|
+
import '@fangzhongya/fang-ui/components/box-local/index.scss';
|
|
545
|
+
// 单独引入组件
|
|
546
|
+
import { BoxLocal } from '@fangzhongya/fang-ui/components/box-local/index';
|
|
540
547
|
</script>
|
|
541
548
|
<style lang="scss"></style>
|
|
542
549
|
```
|
|
@@ -559,7 +566,7 @@ import Components from 'unplugin-vue-components/vite';
|
|
|
559
566
|
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
|
|
560
567
|
|
|
561
568
|
// fang-ui 自动导入 需要引入的方法
|
|
562
|
-
import { FangComponentResolver } from 'fang-ui/
|
|
569
|
+
import { FangComponentResolver } from '@fangzhongya/fang-ui/expand/components.js';
|
|
563
570
|
export default defineConfig({
|
|
564
571
|
plugins: [
|
|
565
572
|
vue(),
|
|
@@ -2,23 +2,6 @@
|
|
|
2
2
|
font-size: 20px;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
.cs-title {
|
|
6
|
-
margin: 10px;
|
|
7
|
-
padding: 10px;
|
|
8
|
-
width: 200px;
|
|
9
|
-
height: 200px;
|
|
10
|
-
border: 1px solid rgb(0, 255, 145);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.dom {
|
|
14
|
-
width: 200px;
|
|
15
|
-
display: flex;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.d {
|
|
19
|
-
border: 1px solid #f00;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
5
|
.box-mask {
|
|
23
6
|
display: block;
|
|
24
7
|
opacity: 0.5;
|
|
@@ -63,6 +46,23 @@
|
|
|
63
46
|
margin: 10px;
|
|
64
47
|
}
|
|
65
48
|
|
|
49
|
+
.cs-title {
|
|
50
|
+
margin: 10px;
|
|
51
|
+
padding: 10px;
|
|
52
|
+
width: 200px;
|
|
53
|
+
height: 200px;
|
|
54
|
+
border: 1px solid rgb(0, 255, 145);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.dom {
|
|
58
|
+
width: 200px;
|
|
59
|
+
display: flex;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.d {
|
|
63
|
+
border: 1px solid #f00;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
66
|
.box {
|
|
67
67
|
position: fixed;
|
|
68
68
|
width: 100%;
|
|
@@ -97,6 +97,10 @@
|
|
|
97
97
|
justify-content: center;
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
+
.box-local {
|
|
101
|
+
text-align: left;
|
|
102
|
+
}
|
|
103
|
+
|
|
100
104
|
.box-adjust {
|
|
101
105
|
position: fixed;
|
|
102
106
|
width: 100vw;
|
|
@@ -128,10 +132,6 @@
|
|
|
128
132
|
justify-content: center;
|
|
129
133
|
}
|
|
130
134
|
|
|
131
|
-
.box-local {
|
|
132
|
-
text-align: left;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
135
|
.popup {
|
|
136
136
|
position: fixed;
|
|
137
137
|
width: 100vw;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
@use './cs-title/index.scss' as *;
|
|
2
1
|
@use './drawer/index.scss' as *;
|
|
2
|
+
@use './cs-title/index.scss' as *;
|
|
3
3
|
@use './box/index.scss' as *;
|
|
4
|
-
@use './box-adjust/index.scss' as *;
|
|
5
4
|
@use './box-local/index.scss' as *;
|
|
5
|
+
@use './box-adjust/index.scss' as *;
|
|
6
6
|
@use './box-mask/index.scss' as *;
|
|
7
7
|
@use './box-title/index.scss' as *;
|
|
8
8
|
@use './popup/index.scss' as *;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fangzhongya/fang-ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.8",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description ": "fang-ui",
|
|
7
7
|
"keywords": [
|
|
@@ -24,16 +24,16 @@
|
|
|
24
24
|
"fangui": "bin/fang-ui.js"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
+
"@fangzhongya/utils": "0.0.9",
|
|
27
28
|
"axios": "^1.9.0",
|
|
28
|
-
"element-plus": "^2.9.10"
|
|
29
|
-
"@fangzhongya/utils": "0.0.9"
|
|
29
|
+
"element-plus": "^2.9.10"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@fangzhongya/create": "0.2.21",
|
|
33
33
|
"@types/node": "^22.15.18",
|
|
34
34
|
"@vitejs/plugin-vue": "^5.2.4",
|
|
35
35
|
"fast-glob": "^3.3.3",
|
|
36
|
-
"sass": "^1.
|
|
36
|
+
"sass": "^1.89.0",
|
|
37
37
|
"ts-node": "^10.9.2",
|
|
38
38
|
"tsup": "^8.4.0",
|
|
39
39
|
"typescript": "^5.8.3",
|
|
@@ -44,14 +44,14 @@
|
|
|
44
44
|
"vitest": "^3.1.3",
|
|
45
45
|
"vue": "^3.5.14",
|
|
46
46
|
"vue-tsc": "^2.2.10",
|
|
47
|
+
"@fang-ui/hooks": "0.0.1-0",
|
|
47
48
|
"@fang-ui/directives": "0.0.1-0",
|
|
48
49
|
"@fang-ui/components": "0.0.1-0",
|
|
49
|
-
"@fang-ui/hooks": "0.0.1-0",
|
|
50
|
-
"@fang-ui/locale": "0.0.1-0",
|
|
51
50
|
"@fang-ui/icons": "0.0.1-0",
|
|
52
|
-
"@fang-ui/types": "0.0.1-0",
|
|
53
51
|
"@fang-ui/theme": "0.0.1-0",
|
|
54
|
-
"@fang-ui/
|
|
52
|
+
"@fang-ui/locale": "0.0.1-0",
|
|
53
|
+
"@fang-ui/utils": "0.0.1-0",
|
|
54
|
+
"@fang-ui/types": "0.0.1-0"
|
|
55
55
|
},
|
|
56
56
|
"main": "./dist/index.cjs",
|
|
57
57
|
"module": "./dist/index.js",
|