@ibiz-template/vue3-util 0.7.38-alpha.57 → 0.7.39

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 (95) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +105 -0
  3. package/dist/index.min.css +1 -1
  4. package/dist/index.system.min.js +1 -1
  5. package/es/common/badge/badge.d.ts +1 -1
  6. package/es/common/code-list/code-list.d.ts +1 -1
  7. package/es/common/control-loading-placeholder/control-loading-placeholder.d.ts +1 -1
  8. package/es/common/control-shell/control-shell.d.ts +1 -1
  9. package/es/common/custom-render/custom-render.d.ts +1 -1
  10. package/es/common/icon/icon.d.ts +1 -1
  11. package/es/common/router-view/router-view.d.ts +4 -3
  12. package/es/common/router-view/router-view.d.ts.map +1 -1
  13. package/es/common/view-shell/view-shell.d.ts +8 -2
  14. package/es/common/view-shell/view-shell.d.ts.map +1 -1
  15. package/es/common/view-shell/view-shell.mjs +10 -1
  16. package/es/control/panel/panel/index.d.ts +1 -1
  17. package/es/control/panel/panel/panel.d.ts +1 -1
  18. package/es/control/panel/view-layout-panel/index.d.ts +1 -1
  19. package/es/control/panel/view-layout-panel/view-layout-panel.d.ts +2 -2
  20. package/es/control/panel/view-layout-panel/view-layout-panel.d.ts.map +1 -1
  21. package/es/index.mjs +1 -0
  22. package/es/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.d.ts +1 -1
  23. package/es/panel-component/auth-wxmp-qrcode/index.d.ts +1 -1
  24. package/es/panel-component/grid-container/grid-container.d.ts +1 -1
  25. package/es/panel-component/grid-container/index.d.ts +1 -1
  26. package/es/panel-component/multi-data-container/index.d.ts +1 -1
  27. package/es/panel-component/multi-data-container/multi-data-container.d.ts +2 -2
  28. package/es/panel-component/multi-data-container/multi-data-container.d.ts.map +1 -1
  29. package/es/panel-component/multi-data-container-raw/index.d.ts +1 -1
  30. package/es/panel-component/multi-data-container-raw/multi-data-container-raw.d.ts +2 -2
  31. package/es/panel-component/multi-data-container-raw/multi-data-container-raw.d.ts.map +1 -1
  32. package/es/panel-component/nav-pos/index.d.ts +1 -1
  33. package/es/panel-component/nav-pos/nav-pos.d.ts +1 -1
  34. package/es/panel-component/panel-container/index.d.ts +1 -1
  35. package/es/panel-component/panel-container/panel-container.d.ts +1 -1
  36. package/es/panel-component/panel-container-group/index.d.ts +1 -1
  37. package/es/panel-component/panel-container-group/panel-container-group.d.ts +1 -1
  38. package/es/panel-component/panel-container-image/index.d.ts +1 -1
  39. package/es/panel-component/panel-container-image/panel-container-image.d.ts +1 -1
  40. package/es/panel-component/panel-container-image/panel-container-image.d.ts.map +1 -1
  41. package/es/panel-component/panel-container-image/panel-container-image.mjs +2 -1
  42. package/es/panel-component/panel-container-tabs/index.d.ts +1 -1
  43. package/es/panel-component/panel-container-tabs/panel-container-tabs.d.ts +1 -1
  44. package/es/panel-component/panel-ctrl-pos/index.d.ts +1 -1
  45. package/es/panel-component/panel-ctrl-pos/panel-ctrl-pos.d.ts +1 -1
  46. package/es/panel-component/panel-ctrl-view-page-caption/index.d.ts +1 -1
  47. package/es/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.d.ts +1 -1
  48. package/es/panel-component/panel-field/index.d.ts +1 -1
  49. package/es/panel-component/panel-field/panel-field.d.ts +1 -1
  50. package/es/panel-component/panel-item-render/index.d.ts +1 -1
  51. package/es/panel-component/panel-item-render/panel-item-render.d.ts +1 -1
  52. package/es/panel-component/panel-rawitem/index.d.ts +1 -1
  53. package/es/panel-component/panel-rawitem/panel-rawitem.d.ts +1 -1
  54. package/es/panel-component/panel-tab-page/index.d.ts +1 -1
  55. package/es/panel-component/panel-tab-page/panel-tab-page.d.ts +1 -1
  56. package/es/panel-component/scroll-container/index.d.ts +1 -1
  57. package/es/panel-component/scroll-container/scroll-container/scroll-container.d.ts +1 -1
  58. package/es/panel-component/scroll-container/scroll-container-item/scroll-container-item.d.ts +1 -1
  59. package/es/panel-component/single-data-container/index.d.ts +1 -1
  60. package/es/panel-component/single-data-container/single-data-container.d.ts +2 -2
  61. package/es/panel-component/single-data-container/single-data-container.d.ts.map +1 -1
  62. package/es/panel-component/teleport-placeholder/index.d.ts +1 -1
  63. package/es/panel-component/teleport-placeholder/teleport-placeholder.d.ts +1 -1
  64. package/es/use/click-outside/click-outside.d.ts.map +1 -1
  65. package/es/use/index.d.ts +1 -0
  66. package/es/use/index.d.ts.map +1 -1
  67. package/es/use/index.mjs +1 -0
  68. package/es/use/popover/popover.d.ts +38 -0
  69. package/es/use/popover/popover.d.ts.map +1 -0
  70. package/es/use/popover/popover.mjs +92 -0
  71. package/es/use/view/use-view-operation/use-view-operation.d.ts.map +1 -1
  72. package/es/use/view/use-view-operation/use-view-operation.mjs +8 -3
  73. package/es/util/install.d.ts.map +1 -1
  74. package/es/view/app-redirect-view/app-redirect-view.d.ts +1 -1
  75. package/es/view/app-redirect-view/app-redirect-view.d.ts.map +1 -1
  76. package/es/view/common/index.d.ts +1 -1
  77. package/es/view/common/view.d.ts +1 -1
  78. package/es/view/de-redirect-view/de-redirect-view.d.ts +1 -1
  79. package/es/view/de-redirect-view/index.d.ts +1 -1
  80. package/es/view/html-view/html-view.d.ts +8 -8
  81. package/es/view/html-view/html-view.d.ts.map +1 -1
  82. package/es/view/html-view/html-view.mjs +6 -8
  83. package/es/view/html-view/index.d.ts +6 -6
  84. package/es/view/portal-view/index.d.ts +1 -1
  85. package/es/view/portal-view/portal-view.d.ts +1 -1
  86. package/es/view/todo-redirect/todo-redirect.d.ts +1 -1
  87. package/es/view/todo-redirect/todo-redirect.d.ts.map +1 -1
  88. package/lib/common/view-shell/view-shell.cjs +9 -0
  89. package/lib/index.cjs +4 -0
  90. package/lib/panel-component/panel-container-image/panel-container-image.cjs +2 -1
  91. package/lib/use/index.cjs +4 -0
  92. package/lib/use/popover/popover.cjs +96 -0
  93. package/lib/use/view/use-view-operation/use-view-operation.cjs +8 -3
  94. package/lib/view/html-view/html-view.cjs +6 -8
  95. package/package.json +12 -14
package/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2022 千反田丷
3
+ Copyright (c) 2022-present, iBiz
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
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)
@@ -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-custom-render{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-panel-rawitem{width:100%;height:100%}.ibiz-panel-rawitem .ibiz-panel-rawitem-content{width: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-scroll-container-item{width:100%;height:100%;overflow:auto}.ibiz-scroll-container-item.is-hidden{display:none}.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-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-multi-data-container{width:100%;height:100%}.ibiz-multi-data-container-raw{width:100%;height:100%}.ibiz-single-data-container{width:100%;height:100%}.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-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-teleport-placeholder{width:auto;height: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-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-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-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%}
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-view-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{--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-view-dehtmlview>iframe{width:100%;height:100%;border:0}.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-panel-ctrl-pos{width:100%;height:100%}.ibiz-panel-ctrl-pos.is-hidden{display:none}.ibiz-nav-pos{width:100%;height:100%}.ibiz-multi-data-container{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-multi-data-container-raw{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-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-single-data-container{width:100%;height:100%}.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-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-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-panel-rawitem{width:100%;height:100%}.ibiz-panel-rawitem .ibiz-panel-rawitem-content{width:100%}.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-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%}