@ibiz-template/vue3-util 0.7.38-alpha.57 → 0.7.40-alpha.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/LICENSE +1 -1
- package/README.md +105 -0
- package/dist/index.min.css +1 -1
- package/dist/index.system.min.js +1 -1
- package/es/common/code-list/code-list.d.ts +1 -1
- package/es/common/control-loading-placeholder/control-loading-placeholder.d.ts +7 -7
- package/es/common/view-shell/view-shell.d.ts +13 -7
- package/es/common/view-shell/view-shell.d.ts.map +1 -1
- package/es/common/view-shell/view-shell.mjs +10 -1
- package/es/control/panel/panel/index.d.ts +7 -7
- package/es/control/panel/panel/panel.d.ts +7 -7
- package/es/control/panel/view-layout-panel/index.d.ts +7 -7
- package/es/control/panel/view-layout-panel/view-layout-panel.d.ts +7 -7
- package/es/hooks/app/app.hooks.d.ts +38 -13
- package/es/hooks/app/app.hooks.d.ts.map +1 -1
- package/es/hooks/app/app.hooks.mjs +29 -10
- package/es/index.mjs +1 -0
- package/es/panel-component/panel-container-image/panel-container-image.d.ts.map +1 -1
- package/es/panel-component/panel-container-image/panel-container-image.mjs +2 -1
- package/es/panel-component/panel-field/index.d.ts +2 -2
- package/es/panel-component/panel-field/panel-field.d.ts +2 -2
- package/es/props/editor/array.d.ts +2 -2
- package/es/props/editor/autocomplete.d.ts +2 -2
- package/es/props/editor/cascader.d.ts +2 -2
- package/es/props/editor/check-box-list.d.ts +2 -2
- package/es/props/editor/check-box.d.ts +2 -2
- package/es/props/editor/code.d.ts +2 -2
- package/es/props/editor/color-picker.d.ts +2 -2
- package/es/props/editor/common.d.ts +1 -1
- package/es/props/editor/data-picker.d.ts +2 -2
- package/es/props/editor/date-picker.d.ts +2 -2
- package/es/props/editor/date-range.d.ts +2 -2
- package/es/props/editor/dropdown-list.d.ts +2 -2
- package/es/props/editor/html.d.ts +2 -2
- package/es/props/editor/list-box.d.ts +2 -2
- package/es/props/editor/number-range.d.ts +2 -2
- package/es/props/editor/radio-button-list.d.ts +2 -2
- package/es/props/editor/rate.d.ts +2 -2
- package/es/props/editor/raw.d.ts +2 -2
- package/es/props/editor/slider.d.ts +2 -2
- package/es/props/editor/span.d.ts +2 -2
- package/es/props/editor/stepper.d.ts +2 -2
- package/es/props/editor/switch.d.ts +2 -2
- package/es/props/editor/text-box.d.ts +6 -6
- package/es/props/editor/upload.d.ts +2 -2
- package/es/use/index.d.ts +1 -0
- package/es/use/index.d.ts.map +1 -1
- package/es/use/index.mjs +1 -0
- package/es/use/popover/popover.d.ts +38 -0
- package/es/use/popover/popover.d.ts.map +1 -0
- package/es/use/popover/popover.mjs +92 -0
- package/es/use/view/use-view-operation/use-view-operation.d.ts.map +1 -1
- package/es/use/view/use-view-operation/use-view-operation.mjs +8 -3
- package/es/view/common/index.d.ts +9 -9
- package/es/view/common/view.d.ts +7 -7
- package/es/view/de-redirect-view/de-redirect-view.d.ts +16 -7
- package/es/view/de-redirect-view/de-redirect-view.d.ts.map +1 -1
- package/es/view/de-redirect-view/de-redirect-view.mjs +17 -1
- package/es/view/de-redirect-view/index.d.ts +16 -7
- package/es/view/de-redirect-view/index.d.ts.map +1 -1
- package/es/view/html-view/html-view.d.ts +14 -14
- package/es/view/html-view/html-view.d.ts.map +1 -1
- package/es/view/html-view/html-view.mjs +6 -8
- package/es/view/html-view/index.d.ts +12 -12
- package/es/view/portal-view/index.d.ts +7 -7
- package/es/view/portal-view/portal-view.d.ts +7 -7
- package/lib/common/view-shell/view-shell.cjs +9 -0
- package/lib/hooks/app/app.hooks.cjs +28 -9
- package/lib/index.cjs +4 -0
- package/lib/panel-component/panel-container-image/panel-container-image.cjs +2 -1
- package/lib/use/index.cjs +4 -0
- package/lib/use/popover/popover.cjs +96 -0
- package/lib/use/view/use-view-operation/use-view-operation.cjs +8 -3
- package/lib/view/de-redirect-view/de-redirect-view.cjs +16 -0
- package/lib/view/html-view/html-view.cjs +6 -8
- package/package.json +10 -13
package/LICENSE
CHANGED
package/README.md
ADDED
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
# @ibiz-template/vue3-util
|
|
2
|
+
|
|
3
|
+
基于vue3开发的通用组件包，web端和移动端均可使用，旨在为vue3组件提供工具方法和与vue3技术深度耦合的功能支持。不仅包含丰富的vue3通用组件实现，还提供了钩子、工具函数、类型定义供web端和移动端特定端组件库使用。
|
|
4
|
+
|
|
5
|
+
## 📂 项目结构
|
|
6
|
+
|
|
7
|
+
```javascript
|
|
8
|
+
|─ ─ vue3-util
|
|
9
|
+
|─ ─ src 项目工程文件夹
|
|
10
|
+
|─ ─ common 通用组件文件夹
|
|
11
|
+
|─ ─ badge 徽章组件
|
|
12
|
+
|─ ─ code-list 代码表组件
|
|
13
|
+
|─ ─ control-base 部件容器组件
|
|
14
|
+
|─ ─ control-loading-placeholder 部件加载占位符组件
|
|
15
|
+
|─ ─ control-shell 部件壳组件
|
|
16
|
+
|─ ─ custom-render 自定义绘制组件
|
|
17
|
+
|─ ─ icon 图标绘制组件
|
|
18
|
+
|─ ─ router-view 路由视图组件
|
|
19
|
+
|─ ─ view-shell 视图壳组件
|
|
20
|
+
|─ ─ control 部件相关文件夹
|
|
21
|
+
|─ ─ panel 面板相关文件夹
|
|
22
|
+
|─ ─ panel 面板组件
|
|
23
|
+
|─ ─ view-layout-panel 视图布局面板组件
|
|
24
|
+
|─ ─ hooks 钩子相关文件夹
|
|
25
|
+
|─ ─ app 应用钩子
|
|
26
|
+
|─ ─ interface 通用组件库(vue3)所有接口文件
|
|
27
|
+
|─ ─ locale 多语言文件夹
|
|
28
|
+
|─ ─ panel-component 面板组件文件夹
|
|
29
|
+
|─ ─ auth-wxmp-qrcode 微信扫码组件
|
|
30
|
+
|─ ─ grid-container 面板栅格容器组件
|
|
31
|
+
|─ ─ multi-data-container 多项数据容器组件
|
|
32
|
+
|─ ─ multi-data-container-raw 多项数据容器仅数据组件
|
|
33
|
+
|─ ─ nav-pos 导航占位组件
|
|
34
|
+
|─ ─ panel-container 面板常规容器组件
|
|
35
|
+
|─ ─ panel-container-group 面板分组容器组件
|
|
36
|
+
|─ ─ panel-container-image 面板图片背景容器组件
|
|
37
|
+
|─ ─ panel-container-tabs 面板分页部件组件
|
|
38
|
+
|─ ─ panel-ctrl-pos 面板控件占位组件
|
|
39
|
+
|─ ─ panel-ctrl-view-page-caption 面板页面标题位组件
|
|
40
|
+
|─ ─ panel-field 面板属性识别绘制组件
|
|
41
|
+
|─ ─ panel-item-render 面板项绘制器组件
|
|
42
|
+
|─ ─ panel-rawitem 面板直接内容组件
|
|
43
|
+
|─ ─ panel-tab-page 面板分页组件
|
|
44
|
+
|─ ─ scroll-container 滚动条容器组件
|
|
45
|
+
|─ ─ single-data-container 单项数据容器组件
|
|
46
|
+
|─ ─ teleport-placeholder 传送占位组件
|
|
47
|
+
|─ ─ plugin 插件相关文件夹
|
|
48
|
+
|─ ─ plugin-factory 插件工厂
|
|
49
|
+
|─ ─ props 组件props预定义文件夹
|
|
50
|
+
|─ ─ common.ts 必填props类型类
|
|
51
|
+
|─ ─ editor 编辑器props预定义文件夹
|
|
52
|
+
|─ ─ types 类型定义文件夹
|
|
53
|
+
|─ ─ use 通用钩子文件夹
|
|
54
|
+
|─ ─ autofocus-blur 自动聚焦与失焦钩子
|
|
55
|
+
|─ ─ click-outside 点击组件外部监听事件钩子
|
|
56
|
+
|─ ─ codeList-listen 代码表监听钩子
|
|
57
|
+
|─ ─ control 部件相关文件夹
|
|
58
|
+
|─ ─ use-control-controller 初始化部件控制器钩子
|
|
59
|
+
|─ ─ event 监听JS原生事件钩子
|
|
60
|
+
|─ ─ focus-blur 聚焦与失焦钩子
|
|
61
|
+
|─ ─ namespace css命名空间钩子
|
|
62
|
+
|─ ─ popover 弹出框管理钩子
|
|
63
|
+
|─ ─ route 路由处理钩子
|
|
64
|
+
|─ ─ storage 本地缓存钩子
|
|
65
|
+
|─ ─ util 钩子处理通用工具
|
|
66
|
+
|─ ─ view 视图相关文件夹
|
|
67
|
+
|─ ─ use-view-controller 初始化视图控制器钩子
|
|
68
|
+
|─ ─ use-view-operation 监听视图操作钩子
|
|
69
|
+
|─ ─ vue vue处理钩子
|
|
70
|
+
|─ ─ util 通用工具文件夹
|
|
71
|
+
|─ ─ control 部件工具
|
|
72
|
+
|─ ─ overlay-container 全局弹出承载组件
|
|
73
|
+
|─ ─ overlay-popover-container 飘窗组件呈现容器
|
|
74
|
+
|─ ─ overlay-view-util 打开视图弹出框组件工具
|
|
75
|
+
|─ ─ render 绘制器工具
|
|
76
|
+
|─ ─ route 路由处理工具文件夹
|
|
77
|
+
|─ ─ router-callback 路由回调工具文件夹
|
|
78
|
+
|─ ─ store 全局数据缓存工具文件夹
|
|
79
|
+
|─ ─ install.ts 组件注册工具
|
|
80
|
+
|─ ─ view 视图文件夹
|
|
81
|
+
|─ ─ app-data-upload-view 应用导入视图适配器
|
|
82
|
+
|─ ─ app-redirect-view 应用重定向视图适配器
|
|
83
|
+
|─ ─ common 视图组件
|
|
84
|
+
|─ ─ de-redirect-view 实体重定向视图组件
|
|
85
|
+
|─ ─ html-view 实体html视图组件
|
|
86
|
+
|─ ─ portal-view 应用门户视图及实体数据看板视图组件
|
|
87
|
+
|─ ─ todo-redirect 待办重定向视图组件
|
|
88
|
+
|─ ─ test 测试文件夹
|
|
89
|
+
|─ ─ utils 工具测试文件夹
|
|
90
|
+
|─ ─ render 绘制器工具测试
|
|
91
|
+
|─ ─ route 路由处理工具测试
|
|
92
|
+
|─ ─ router-callback 路由回调工具测试
|
|
93
|
+
|─ ─ store 全局数据缓存工具文件夹测试
|
|
94
|
+
|─ ─ index.test.ts 入口文件测试
|
|
95
|
+
|─ ─ setup.ts 测试环境初始化文件
|
|
96
|
+
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
## 📌 更改日志
|
|
100
|
+
|
|
101
|
+
每个版本的详细更改记录在[发行说明](CHANGELOG.md)中。
|
|
102
|
+
|
|
103
|
+
## 📜 许可证
|
|
104
|
+
|
|
105
|
+
[MIT](LICENSE)
|
package/dist/index.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-icon{--ibiz-icon-emoji-space:-3px}.ibiz-icon__emoji{position:relative;left:var(--ibiz-icon-emoji-space)}.ibiz-control-shell{position:relative;width:100%;height:100%}.ibiz-badge{display:inline-block;width:var(--ibiz-width-icon-large);height:var(--ibiz-width-icon-large);line-height:var(--ibiz-width-icon-large);color:var(--ibiz-color-danger-text);background-color:var(--ibiz-badge-bg-color);border-radius:var(--ibiz-border-radius-circle)}.ibiz-badge--danger{--ibiz-badge-bg-color:var(--ibiz-color-danger)}.ibiz-badge--success{--ibiz-badge-bg-color:var(--ibiz-color-success)}.ibiz-badge--warning{--ibiz-badge-bg-color:var(--ibiz-color-warning)}.ibiz-badge--info{--ibiz-badge-bg-color:var(--ibiz-color-info)}.ibiz-badge--primary{--ibiz-badge-bg-color:var(--ibiz-color-primary)}.ibiz-view-shell{position:relative;width:100%;height:100%}.ibiz-
|
|
1
|
+
.ibiz-icon{--ibiz-icon-emoji-space:-3px}.ibiz-icon__emoji{position:relative;left:var(--ibiz-icon-emoji-space)}.ibiz-control-shell{position:relative;width:100%;height:100%}.ibiz-code-list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.ibiz-code-list__item{color:var(--ibiz-code-list-item-color);display:flex;align-items:center;justify-content:flex-start}.ibiz-code-list .ibiz-icon{display:inline-flex;padding-right:var(--ibiz-spacing-tight)}.ibiz-custom-render{width:100%;height:100%}.ibiz-badge{display:inline-block;width:var(--ibiz-width-icon-large);height:var(--ibiz-width-icon-large);line-height:var(--ibiz-width-icon-large);color:var(--ibiz-color-danger-text);background-color:var(--ibiz-badge-bg-color);border-radius:var(--ibiz-border-radius-circle)}.ibiz-badge--danger{--ibiz-badge-bg-color:var(--ibiz-color-danger)}.ibiz-badge--success{--ibiz-badge-bg-color:var(--ibiz-color-success)}.ibiz-badge--warning{--ibiz-badge-bg-color:var(--ibiz-color-warning)}.ibiz-badge--info{--ibiz-badge-bg-color:var(--ibiz-color-info)}.ibiz-badge--primary{--ibiz-badge-bg-color:var(--ibiz-color-primary)}.ibiz-view-shell{position:relative;width:100%;height:100%}.ibiz-panel-ctrl-pos{width:100%;height:100%}.ibiz-panel-ctrl-pos.is-hidden{display:none}.ibiz-panel-container{--ibiz-panel-scroll:auto;width:100%;height:100%}.ibiz-panel-container>.ibiz-row{height:100%;overflow:hidden var(--ibiz-panel-scroll)}.ibiz-panel-container.is-hidden{display:none}.ibiz-nav-pos{width:100%;height:100%}.ibiz-panel-field{--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);width:100%;height:100%;position:relative}.ibiz-panel-field__error{left:0;top:100%;line-height:1;font-size:var(--ibiz-font-size-small);padding-top:var(--ibiz-spacing-super-tight);position:absolute;color:var(--ibiz-color-danger)}.ibiz-panel-field.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-color-danger) inset}.ibiz-panel-field .ibiz-panel-field-content{line-height:inherit}.ibiz-grid-container{--ibiz-grid-container-bg-color:var(--ibiz-bg-color-overlay);--ibiz-grid-container-padding:var(--ibiz-padding);width:100%;height:100%;overflow:auto}.ibiz-grid-container.is-hidden{display:none}.ibiz-multi-data-container-raw{width:100%;height:100%}.ibiz-multi-data-container{width:100%;height:100%}.ibiz-scroll-container-item{width:100%;height:100%;overflow:auto}.ibiz-scroll-container-item.is-hidden{display:none}.ibiz-scroll-container{width:100%;height:100%;display:flex;flex-flow:column nowrap}.ibiz-scroll-container.is-hidden{display:none}.ibiz-scroll-container-content{flex-grow:1;overflow:auto;display:flex}.ibiz-scroll-container-content__center{flex-grow:1;overflow:auto}.ibiz-scroll-container-content__left{overflow:auto}.ibiz-scroll-container-content__right{overflow:auto}.ibiz-scroll-container-header{overflow:auto}.ibiz-scroll-container-footer{overflow:auto}.ibiz-panel-container-image{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center}.ibiz-panel-container-image>.ibiz-row{height:100%;overflow-x:hidden;overflow-y:auto}.ibiz-panel-container-image.is-hidden{display:none}.ibiz-single-data-container{width:100%;height:100%}.ibiz-panel-rawitem{width:100%;height:100%}.ibiz-panel-rawitem .ibiz-panel-rawitem-content{width:100%}.ibiz-auth-wxmp-qrcode{width:100%;height:100%}.ibiz-auth-wxmp-qrcode__content{position:relative;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__qrcode{width:100%;height:100%;object-fit:contain}.ibiz-auth-wxmp-qrcode__caption{font-size:var(--ibiz-font-size-small);text-align:center}.ibiz-auth-wxmp-qrcode__mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ibiz-color-primary);background-color:rgba(255,255,255,.9)}.ibiz-auth-wxmp-qrcode__mask--icon{font-size:var(--ibiz-font-size-header-1);cursor:pointer}.ibiz-auth-wxmp-qrcode__mask--icon:hover{color:var(--ibiz-color-primary-hover)}.ibiz-teleport-placeholder{width:auto;height:auto}.ibiz-panel-container-tabs{position:relative}.ibiz-panel-container-tabs .el-tabs{--el-tabs-header-height: 52px}.ibiz-panel-container-tabs .el-tabs__nav-wrap::after{display:none}.ibiz-panel-container-tabs::after{position:absolute;bottom:0;left:0;z-index:var(--el-index-normal);width:100%;height:"--ibiz-spacing-super-tight";content:"";background-color:var(--el-border-color-light)}.ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content>.ibiz-row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}.ibiz-view-dehtmlview>iframe{width:100%;height:100%;border:0}.ibiz-view{--ibiz-view-bg-color:var(--ibiz-color-bg-1);--ibiz-view-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%}.ibiz-view .ibiz-view{background-color:var(--ibiz-view-bg-color);border-radius:var(--ibiz-view-border-radius)}.ibiz-view .ibiz-view-appportalview{background-color:rgba(0,0,0,0)}.ibiz-view.has-top-message,.ibiz-view.has-bottom-message{display:flex;flex-flow:column nowrap}.ibiz-view.has-top-message>.ibiz-view-message,.ibiz-view.has-bottom-message>.ibiz-view-message{flex-grow:0;flex-shrink:0}.ibiz-view.has-top-message>.ibiz-control-viewlayoutpanel,.ibiz-view.has-bottom-message>.ibiz-control-viewlayoutpanel{flex-grow:1;flex-shrink:1}.ibiz-control-viewlayoutpanel{width:100%;height:100%}.ibiz-control-viewlayoutpanel-content{width:100%;height:100%}.ibiz-control-panel{width:100%;height:100%}.ibiz-control-panel-content{width:100%;height:100%}
|