@yxhl/specter-pui-vtk 1.0.0
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 +122 -0
- package/dist/specter-pui-vtk.css +1 -0
- package/dist/specter-pui.es.js +3289 -0
- package/dist/specter-pui.es.js.map +1 -0
- package/dist/specter-pui.umd.js +2 -0
- package/dist/specter-pui.umd.js.map +1 -0
- package/package.json +65 -0
- package/src/assets/css/globals.scss +250 -0
- package/src/assets/css/index.scss +271 -0
- package/src/assets/css/settings.scss +10 -0
- package/src/assets/css/variables.scss +0 -0
- package/src/assets/icon/logo.svg +9 -0
- package/src/assets/img/background.png +0 -0
- package/src/assets/img/dtx.png +0 -0
- package/src/commons/filters/dictionary.js +75 -0
- package/src/commons/filters/format.js +112 -0
- package/src/commons/filters/mask.js +25 -0
- package/src/commons/index.js +17 -0
- package/src/commons/request.js +89 -0
- package/src/commons/storage.js +41 -0
- package/src/commons/themes.js +153 -0
- package/src/commons/validation.js +72 -0
- package/src/components/README.md +35 -0
- package/src/components/assembly/VtkArea.vue +259 -0
- package/src/components/assembly/VtkCheckbox.vue +168 -0
- package/src/components/assembly/VtkCount.vue +403 -0
- package/src/components/assembly/VtkDatePicker.vue +326 -0
- package/src/components/assembly/VtkEmpty.vue +107 -0
- package/src/components/assembly/VtkFab.vue +78 -0
- package/src/components/assembly/VtkFormItem.vue +166 -0
- package/src/components/assembly/VtkImg.vue +372 -0
- package/src/components/assembly/VtkPage.vue +156 -0
- package/src/components/assembly/VtkPdf.vue +424 -0
- package/src/components/assembly/VtkProj.vue +539 -0
- package/src/components/assembly/VtkRadio.vue +82 -0
- package/src/components/assembly/VtkSearch.vue +145 -0
- package/src/components/assembly/VtkSelect.vue +104 -0
- package/src/components/assembly/VtkStepper.vue +160 -0
- package/src/components/message/alert.vue +31 -0
- package/src/components/message/confirm.vue +44 -0
- package/src/components/message/index.js +55 -0
- package/src/components/message/loading.vue +33 -0
- package/src/components/message/prompt.vue +57 -0
- package/src/components/message/toast.vue +45 -0
- package/src/components/message/vtkMessage.vue +27 -0
- package/src/composables/useMixins.js +2 -0
- package/src/composables/usePage.js +311 -0
- package/src/index.js +109 -0
- package/src/stores/message.js +79 -0
package/README.md
ADDED
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
# @yxhl/specter-pui
|
|
2
|
+
|
|
3
|
+
雅心互联 Vue 3 + Vuetify 3 智能组件库
|
|
4
|
+
|
|
5
|
+
## 📦 安装
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @yxhl/specter-pui
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## 🚀 快速开始
|
|
12
|
+
|
|
13
|
+
### 完整引入
|
|
14
|
+
|
|
15
|
+
```javascript
|
|
16
|
+
import { createApp } from 'vue'
|
|
17
|
+
import App from './App.vue'
|
|
18
|
+
import SpecterPui from '@yxhl/specter-pui'
|
|
19
|
+
import '@yxhl/specter-pui/dist/specter-pui.css'
|
|
20
|
+
|
|
21
|
+
const app = createApp(App)
|
|
22
|
+
app.use(SpecterPui)
|
|
23
|
+
app.mount('#app')
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
### 按需引入
|
|
27
|
+
|
|
28
|
+
```javascript
|
|
29
|
+
import { VtkStepper, VtkPage, storage } from '@yxhl/specter-pui'
|
|
30
|
+
|
|
31
|
+
export default {
|
|
32
|
+
components: {
|
|
33
|
+
VtkStepper,
|
|
34
|
+
VtkPage
|
|
35
|
+
},
|
|
36
|
+
setup() {
|
|
37
|
+
// 使用工具函数
|
|
38
|
+
storage.set('key', 'value')
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
## 📚 组件列表
|
|
44
|
+
|
|
45
|
+
### 基础组件
|
|
46
|
+
- **VtkArea** - 地区选择组件
|
|
47
|
+
- **VtkCheckbox** - 复选框组件
|
|
48
|
+
- **VtkCount** - 计数器组件
|
|
49
|
+
- **VtkDatePicker** - 日期选择器
|
|
50
|
+
- **VtkEmpty** - 空状态组件
|
|
51
|
+
- **VtkFab** - 浮动按钮
|
|
52
|
+
- **VtkFormItem** - 表单项组件
|
|
53
|
+
- **VtkImg** - 图片组件
|
|
54
|
+
- **VtkPage** - 分页组件
|
|
55
|
+
- **VtkPdf** - PDF 查看器
|
|
56
|
+
- **VtkProj** - 项目组件
|
|
57
|
+
- **VtkRadio** - 单选框组件
|
|
58
|
+
- **VtkSearch** - 搜索组件
|
|
59
|
+
- **VtkSelect** - 下拉选择组件
|
|
60
|
+
- **VtkStepper** - 步骤条组件
|
|
61
|
+
|
|
62
|
+
### 消息组件
|
|
63
|
+
- **vtkMessage** - 全局消息提示
|
|
64
|
+
|
|
65
|
+
## 🛠️ 工具函数
|
|
66
|
+
|
|
67
|
+
### storage - 本地存储
|
|
68
|
+
```javascript
|
|
69
|
+
import { storage } from '@yxhl/specter-pui'
|
|
70
|
+
|
|
71
|
+
storage.set('key', 'value')
|
|
72
|
+
storage.get('key')
|
|
73
|
+
storage.remove('key')
|
|
74
|
+
storage.clear()
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
### request - HTTP 请求
|
|
78
|
+
```javascript
|
|
79
|
+
import { request } from '@yxhl/specter-pui'
|
|
80
|
+
|
|
81
|
+
request.get('/api/data')
|
|
82
|
+
request.post('/api/data', { data })
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
### themes - 主题管理
|
|
86
|
+
```javascript
|
|
87
|
+
import { themes } from '@yxhl/specter-pui'
|
|
88
|
+
|
|
89
|
+
themes.toggle() // 切换主题
|
|
90
|
+
```
|
|
91
|
+
|
|
92
|
+
### Composables
|
|
93
|
+
```javascript
|
|
94
|
+
import { usePage, useVtk } from '@yxhl/specter-pui'
|
|
95
|
+
|
|
96
|
+
// 分页功能
|
|
97
|
+
const { page, pageSize, total } = usePage()
|
|
98
|
+
|
|
99
|
+
// 访问全局对象
|
|
100
|
+
const vtk = useVtk()
|
|
101
|
+
vtk.message.success('操作成功')
|
|
102
|
+
```
|
|
103
|
+
|
|
104
|
+
## 🔄 更新组件库
|
|
105
|
+
|
|
106
|
+
当组件库发布新版本后,在你的项目中运行:
|
|
107
|
+
|
|
108
|
+
```bash
|
|
109
|
+
# 更新到最新版本
|
|
110
|
+
npm update @yxhl/specter-pui
|
|
111
|
+
|
|
112
|
+
# 或指定版本
|
|
113
|
+
npm install @yxhl/specter-pui@latest
|
|
114
|
+
```
|
|
115
|
+
|
|
116
|
+
## 📄 License
|
|
117
|
+
|
|
118
|
+
MIT
|
|
119
|
+
|
|
120
|
+
## 👥 Author
|
|
121
|
+
|
|
122
|
+
yxhl <17363318852@139.com>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.sel_box[data-v-54dfcb35]{width:164px}[data-v-d5ff7884] .v-checkbox .v-selection-control{margin:0;padding:0;min-height:32px}[data-v-d5ff7884] .v-input__details{padding-inline:16px}.vtk-count[data-v-678ebca6]{display:inline-block}.count-display[data-v-678ebca6]{display:flex;align-items:center;font-family:Roboto Mono,monospace;font-size:24px;font-weight:700}.digits-container[data-v-678ebca6]{display:flex;align-items:center}.digit-wrapper[data-v-678ebca6]{position:relative;width:1em;height:1em;overflow:hidden;text-align:center;margin:0 1px}.digit-wrapper.digit-separator[data-v-678ebca6]{width:auto;animation:none}.digit-scroll[data-v-678ebca6]{position:relative;height:100%}.digit-item[data-v-678ebca6]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.separator[data-v-678ebca6]{display:flex;align-items:center;justify-content:center;height:100%;font-weight:400}.prefix[data-v-678ebca6],.suffix[data-v-678ebca6]{font-size:.8em;align-self:flex-end;margin-bottom:.1em}.prefix[data-v-678ebca6]{margin-right:4px}.suffix[data-v-678ebca6]{margin-left:4px}@media(max-width:768px){.count-display[data-v-678ebca6]{font-size:20px}}@media(max-width:480px){.count-display[data-v-678ebca6]{font-size:18px}}.vtk-date-range-picker[data-v-4f7668c4]{width:100%}.date-picker-container[data-v-4f7668c4]{display:flex;flex-direction:row;gap:0}.date-picker-item[data-v-4f7668c4]{flex:1;max-width:50%}.date-picker-item[data-v-4f7668c4]:first-child{border-right:1px solid rgba(0,0,0,.12)}[data-v-4f7668c4] .v-picker{border-radius:0}[data-v-4f7668c4] .v-date-picker-month__day--adjacent{opacity:.5}[data-v-4f7668c4] .v-date-picker-title{display:none}[data-v-288c63a3] .v-empty-state{padding:24px}[data-v-288c63a3] .v-empty-state__media{margin-bottom:16px}[data-v-288c63a3] .v-empty-state__headline,[data-v-288c63a3] .v-empty-state__title{margin-bottom:8px}[data-v-288c63a3] .v-empty-state__actions{margin-top:16px}.scroll-to-top-fab[data-v-e07d12b9]{position:fixed;bottom:24px;right:24px;z-index:1004}.slide-up-enter-active[data-v-e07d12b9]{transition:all .2s ease-out}.slide-up-leave-active[data-v-e07d12b9]{transition:all .2s ease-in}.slide-up-enter-from[data-v-e07d12b9],.slide-up-leave-to[data-v-e07d12b9]{opacity:0;transform:translateY(30px)}.mb-2[data-v-a366fbf0]{margin-bottom:.5rem}.form-item--vertical[data-v-a366fbf0],.form-item--horizontal[data-v-a366fbf0]{display:block}.vtk-img-container[data-v-fb431c84]{position:relative;display:inline-block;width:100%;height:100%}.vtk-img-card[data-v-fb431c84]{height:100%}.vtk-img-card--preview[data-v-fb431c84]{cursor:pointer;transition:transform .2s ease-in-out}.vtk-img-card--preview[data-v-fb431c84]:hover{transform:translateY(-5px)}.vtk-img[data-v-fb431c84]{width:100%}.vtk-img-info[data-v-fb431c84]{padding:0}.vtk-img-title[data-v-fb431c84],.vtk-img-description[data-v-fb431c84]{word-break:break-word}.image-viewer-card[data-v-fb431c84]{background-color:#000000e6;color:#fff}.image-viewer-content[data-v-fb431c84]{display:flex;align-items:center;justify-content:center;height:calc(100vh - 150px);position:relative}.image-container[data-v-fb431c84]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer-image[data-v-fb431c84]{max-width:90%;max-height:80vh;transition:transform .3s ease}.nav-button[data-v-fb431c84]{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:#00000080;color:#fff;width:50px;height:50px}.prev-button[data-v-fb431c84]{left:20px}.next-button[data-v-fb431c84]{right:20px}.image-info[data-v-fb431c84]{padding:20px;background-color:#000000b3}.image-info p[data-v-fb431c84]{margin:5px 0}[data-v-fb431c84] .v-img__img{background:var(--v68f5692b) no-repeat center;background-size:cover}[data-v-fb431c84] .v-img__placeholder{filter:blur(0px)}.mt-1[data-v-05d6ef62]{margin-top:11px!important}.my-5[data-v-05d6ef62]{margin-top:20px!important;margin-bottom:20px!important}.m_pagination[data-v-05d6ef62]{width:100%;min-height:60px}.m_pagination .box[data-v-05d6ef62]{position:absolute;right:16px}.page-total[data-v-05d6ef62]{display:flex;align-items:center;height:40px}.page-select[data-v-05d6ef62]{max-width:120px}.page-select[data-v-05d6ef62] .v-input__control{min-height:40px!important;height:40px!important}.page-select[data-v-05d6ef62] .v-field{height:40px!important}.page-go[data-v-05d6ef62]{max-width:80px}.page-go[data-v-05d6ef62] .v-input__control{min-height:40px!important;height:40px!important}.page-go[data-v-05d6ef62] .v-field{height:40px!important}.vtk-pdf-container[data-v-a3efd31e]{position:relative;display:inline-block;width:100%;height:100%}.vtk-pdf-card[data-v-a3efd31e]{height:100%}.vtk-pdf-card--preview[data-v-a3efd31e]{cursor:pointer;transition:transform .2s ease-in-out}.vtk-pdf-card--preview[data-v-a3efd31e]:hover{transform:translateY(-5px)}.vtk-pdf-cover[data-v-a3efd31e]{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f5f5f5;border:1px solid #ddd;width:100%}.vtk-pdf-label[data-v-a3efd31e]{margin-top:8px;font-weight:500;color:#666}.vtk-pdf-info[data-v-a3efd31e]{padding:0}.vtk-pdf-title[data-v-a3efd31e],.vtk-pdf-description[data-v-a3efd31e]{word-break:break-word}.pdf-viewer-card[data-v-a3efd31e]{background-color:#e0e0e0;color:#333}.pdf-viewer-content[data-v-a3efd31e]{display:flex;align-items:center;justify-content:center;height:calc(100vh - 150px);position:relative;background-color:#555;overflow:auto}.pdf-container[data-v-a3efd31e]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}#pdf-viewer[data-v-a3efd31e]{max-width:100%;max-height:100%;box-shadow:0 0 10px #00000080;background-color:#fff;display:flex;align-items:center;justify-content:center;min-height:500px;min-width:400px}.pdf-viewer-footer[data-v-a3efd31e]{padding:16px;background-color:#f5f5f5;border-top:1px solid #ddd}.pdf-loading[data-v-a3efd31e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffffe6;padding:20px;border-radius:8px;z-index:100}.state_btg[data-v-cd48b42b]{padding-right:0;height:100%;background:url(../../assets/img/objs_btg.png) no-repeat;background-size:80px;background-position:100% 100%}[data-v-cd48b42b] .v-tab{background:url(../../assets/img/tab-2.png) no-repeat;background-size:100% 100%;width:150px;margin-left:-11px;border-top-left-radius:20px;border-top-right-radius:20px}[data-v-cd48b42b] .v-tab span{z-index:99}.v-theme--dark[data-v-cd48b42b] .v-tab{background:url(../../assets/img/tab-4.png) no-repeat;background-size:100% 100%}.v-theme--dark[data-v-cd48b42b] .v-tabs__slider{background:url(../../assets/img/tab-3.png) no-repeat!important;background-size:100% 100%!important}[data-v-cd48b42b] .v-tab:before,[data-v-cd48b42b] .v-tab:focus:before,[data-v-cd48b42b] .v-tab:hover:before{background-color:transparent!important;opacity:0!important}[data-v-cd48b42b] .v-tabs__slider{height:38px!important;background:url(../../assets/img/tab-1.png) no-repeat;background-size:100% 100%}.expBox[data-v-cd48b42b] td{border-bottom:thin solid rgba(123,123,123,.22)}.expBox[data-v-cd48b42b] .v-data-table__empty-wrapper td{border:none}.expBox[data-v-cd48b42b] .v-checkbox.v-selection-control--dirty{background-color:#2195f30f!important}.expBox[data-v-cd48b42b] .v-checkbox.v-selection-control--dirty .v-label{color:#2196f3!important}.expBox[data-v-cd48b42b] .v-checkbox.v-selection-control--dirty .active{color:#2196f3;display:inline-block!important}.expBox[data-v-cd48b42b] .v-selection-control__input{display:none}.expBox[data-v-cd48b42b] .v-checkbox{padding:4px 8px 4px 10px;border-radius:6px;background-color:#7575750f}.expBox[data-v-cd48b42b] .v-checkbox .v-label{margin-top:3px;font-size:12px}.search[data-v-2ca27e5c]{position:relative;min-width:380px;min-height:40px}.box[data-v-2ca27e5c]{min-width:380px;min-height:40px}[data-v-2ca27e5c] .box .v-field__append-inner{cursor:pointer;padding-left:16px!important;padding-right:4px!important;border-left:1px rgba(204,204,204,.5333333333) solid;min-width:50px;display:flex;align-items:center}[data-v-2ca27e5c] .v-overlay__content{top:285px!important;left:unset!important;right:60px!important;min-width:380px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{border-radius:3px;height:100px;background-color:#007acc}.v-stepper__step[data-v-5ab53ed0]{background:#c7ccd538;position:relative}[data-v-5ab53ed0] .v-stepper__step__step{display:none!important}.stepItem[data-v-5ab53ed0]{align-items:center;display:flex;flex-direction:row;padding:24px;position:relative;background:#c7ccd538}.v-theme--dark .stepItem[data-v-5ab53ed0]{color:#ffffff80}.stepItem.selected[data-v-5ab53ed0]{background:#165dff;color:#fff!important}.stepItem.selected.last-box[data-v-5ab53ed0]:after{border-color:transparent transparent transparent #165dff}.stepItem.selected[data-v-5ab53ed0] .v-stepper__label{color:#fff!important}.colItem:first-child .first-box1[data-v-5ab53ed0]:before{border-color:transparent!important}.colItem:last-child .last-box[data-v-5ab53ed0]:after{border-color:transparent!important}.first-box1[data-v-5ab53ed0]:before{position:absolute;left:0;content:"";width:0;height:0;z-index:0;border:30px solid;border-color:transparent transparent transparent #fff}.v-theme--dark .first-box1[data-v-5ab53ed0]:before{border-color:transparent transparent transparent #1e1e1e}.last-box[data-v-5ab53ed0]:after{position:absolute;right:-70px;content:"";z-index:1;width:0;height:0;border:35px solid;border-color:transparent transparent transparent #f2f3f5}.v-theme--dark .last-box[data-v-5ab53ed0]:after{border-color:transparent transparent transparent rgba(199,204,213,.2196078431)}.theme--dark.v-stepper[data-v-5ab53ed0]{background:transparent}
|