@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.
Files changed (49) hide show
  1. package/README.md +122 -0
  2. package/dist/specter-pui-vtk.css +1 -0
  3. package/dist/specter-pui.es.js +3289 -0
  4. package/dist/specter-pui.es.js.map +1 -0
  5. package/dist/specter-pui.umd.js +2 -0
  6. package/dist/specter-pui.umd.js.map +1 -0
  7. package/package.json +65 -0
  8. package/src/assets/css/globals.scss +250 -0
  9. package/src/assets/css/index.scss +271 -0
  10. package/src/assets/css/settings.scss +10 -0
  11. package/src/assets/css/variables.scss +0 -0
  12. package/src/assets/icon/logo.svg +9 -0
  13. package/src/assets/img/background.png +0 -0
  14. package/src/assets/img/dtx.png +0 -0
  15. package/src/commons/filters/dictionary.js +75 -0
  16. package/src/commons/filters/format.js +112 -0
  17. package/src/commons/filters/mask.js +25 -0
  18. package/src/commons/index.js +17 -0
  19. package/src/commons/request.js +89 -0
  20. package/src/commons/storage.js +41 -0
  21. package/src/commons/themes.js +153 -0
  22. package/src/commons/validation.js +72 -0
  23. package/src/components/README.md +35 -0
  24. package/src/components/assembly/VtkArea.vue +259 -0
  25. package/src/components/assembly/VtkCheckbox.vue +168 -0
  26. package/src/components/assembly/VtkCount.vue +403 -0
  27. package/src/components/assembly/VtkDatePicker.vue +326 -0
  28. package/src/components/assembly/VtkEmpty.vue +107 -0
  29. package/src/components/assembly/VtkFab.vue +78 -0
  30. package/src/components/assembly/VtkFormItem.vue +166 -0
  31. package/src/components/assembly/VtkImg.vue +372 -0
  32. package/src/components/assembly/VtkPage.vue +156 -0
  33. package/src/components/assembly/VtkPdf.vue +424 -0
  34. package/src/components/assembly/VtkProj.vue +539 -0
  35. package/src/components/assembly/VtkRadio.vue +82 -0
  36. package/src/components/assembly/VtkSearch.vue +145 -0
  37. package/src/components/assembly/VtkSelect.vue +104 -0
  38. package/src/components/assembly/VtkStepper.vue +160 -0
  39. package/src/components/message/alert.vue +31 -0
  40. package/src/components/message/confirm.vue +44 -0
  41. package/src/components/message/index.js +55 -0
  42. package/src/components/message/loading.vue +33 -0
  43. package/src/components/message/prompt.vue +57 -0
  44. package/src/components/message/toast.vue +45 -0
  45. package/src/components/message/vtkMessage.vue +27 -0
  46. package/src/composables/useMixins.js +2 -0
  47. package/src/composables/usePage.js +311 -0
  48. package/src/index.js +109 -0
  49. 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}