@ibiz-template/vue3-components 0.7.41-alpha.103 → 0.7.41-alpha.104
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/dist/{index-DYgUT8Se.js → index-JSk9UjHb.js} +4 -4
- package/dist/{index.es-CHP_uKWt.js → index.es-B92ghiTf.js} +1 -1
- package/dist/index.min.css +1 -1
- package/dist/index.system.min.js +1 -1
- package/dist/{wang-editor-BK-ZrQ4A.js → wang-editor-BnqmMVjI.js} +1 -1
- package/dist/{xlsx-util-CFQxHBGC.js → xlsx-util-ChcqnlBw.js} +1 -1
- package/es/control/app-menu-icon-view/app-menu-icon-view.css +1 -1
- package/es/control/app-menu-icon-view/app-menu-icon-view.mjs +30 -3
- package/es/control/drbar/drbar.css +1 -1
- package/es/control/drbar/drbar.mjs +14 -6
- package/es/control/form/search-form/advance-search/advance-search.css +1 -1
- package/es/control/gantt/gantt.css +1 -1
- package/es/control/search-bar/filter-tree/filter-tree.css +1 -1
- package/es/control/search-bar/quick-search-select/quick-search-select.css +1 -1
- package/es/control/search-bar/search-bar.css +1 -1
- package/es/control/search-bar/search-bar.mjs +3 -1
- package/es/control/search-bar/search-groups/search-groups.css +1 -1
- package/es/control/toolbar/toolbar.mjs +2 -2
- package/es/control/tree/tree.css +1 -1
- package/es/control/tree/tree.mjs +4 -4
- package/lib/control/app-menu-icon-view/app-menu-icon-view.cjs +30 -3
- package/lib/control/app-menu-icon-view/app-menu-icon-view.css +1 -1
- package/lib/control/drbar/drbar.cjs +14 -6
- package/lib/control/drbar/drbar.css +1 -1
- package/lib/control/form/search-form/advance-search/advance-search.css +1 -1
- package/lib/control/gantt/gantt.css +1 -1
- package/lib/control/search-bar/filter-tree/filter-tree.css +1 -1
- package/lib/control/search-bar/quick-search-select/quick-search-select.css +1 -1
- package/lib/control/search-bar/search-bar.cjs +3 -1
- package/lib/control/search-bar/search-bar.css +1 -1
- package/lib/control/search-bar/search-groups/search-groups.css +1 -1
- package/lib/control/toolbar/toolbar.cjs +2 -2
- package/lib/control/tree/tree.cjs +4 -4
- package/lib/control/tree/tree.css +1 -1
- package/package.json +6 -6
- package/src/control/app-menu-icon-view/app-menu-icon-view.scss +61 -20
- package/src/control/app-menu-icon-view/app-menu-icon-view.tsx +53 -3
- package/src/control/drbar/drbar.scss +29 -26
- package/src/control/drbar/drbar.tsx +32 -4
- package/src/control/form/search-form/advance-search/advance-search.scss +27 -6
- package/src/control/gantt/gantt.scss +35 -24
- package/src/control/search-bar/filter-tree/filter-tree.scss +39 -16
- package/src/control/search-bar/quick-search-select/quick-search-select.scss +30 -19
- package/src/control/search-bar/search-bar.scss +27 -0
- package/src/control/search-bar/search-bar.tsx +7 -1
- package/src/control/search-bar/search-groups/search-groups.scss +18 -18
- package/src/control/toolbar/toolbar.scss +11 -11
- package/src/control/toolbar/toolbar.tsx +2 -2
- package/src/control/tree/tree.scss +20 -22
- package/src/control/tree/tree.tsx +4 -4
- package/src/panel-component/searchform-buttons/searchform-buttons.scss +6 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-search-groups{display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-search-groups__counter{margin-left:var(--ibiz-control-searchbar-counter-gap)}.ibiz-search-groups .ibiz-search-groups-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-control-searchbar-group-item-padding);margin-right:var(--ibiz-control-searchbar-group-item-gap);font-size:var(--ibiz-control-searchbar-group-item-font-size);cursor:pointer}.ibiz-search-groups .ibiz-search-groups-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-control-searchbar-group-item-active-color)}.ibiz-search-groups .ibiz-search-groups-quick-group-item:hover{color:var(--ibiz-control-searchbar-group-item-active-color)}.ibiz-search-groups-dropdown .el-dropdown-menu__item{width:
|
|
1
|
+
.ibiz-search-groups{display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-search-groups__counter{margin-left:var(--ibiz-control-searchbar-counter-gap)}.ibiz-search-groups .ibiz-search-groups-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-control-searchbar-group-item-padding);margin-right:var(--ibiz-control-searchbar-group-item-gap);font-size:var(--ibiz-control-searchbar-group-item-font-size);cursor:pointer}.ibiz-search-groups .ibiz-search-groups-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-control-searchbar-group-item-active-color)}.ibiz-search-groups .ibiz-search-groups-quick-group-item:hover{color:var(--ibiz-control-searchbar-group-item-active-color)}.ibiz-search-groups-dropdown .el-dropdown-menu__item{width:var(--ibiz-control-searchbar-more-dropdown-width);display:flex;align-items:center;justify-content:space-b}.ibiz-search-groups-dropdown .el-dropdown-menu__item .ibiz-search-groups-item-caption{display:inline-block;flex:1;margin-left:var(--ibiz-control-searchbar-more-dropdown-icon-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-more{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-control-searchbar-more-padding);font-size:var(--ibiz-control-searchbar-more-font-size);cursor:pointer}.ibiz-search-groups-more:hover{color:var(--ibiz-control-searchbar-more-active-color)}.ibiz-search-groups-more>ion-icon{margin-left:var(--ibiz-control-searchbar-more-gap)}.ibiz-search-groups-more.is-selected::after{position:absolute;bottom:0;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-control-searchbar-more-active-color)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top{display:flex;align-items:center;justify-content:space-between}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left>ion-icon{margin-right:var(--ibiz-control-searchbar-more-manage-icon-gap)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-right ion-icon{margin-right:var(--ibiz-control-searchbar-more-manage-icon-gap)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom{width:100%;margin-top:var(--ibiz-control-searchbar-more-manage-gap);border:1px solid var(--ibiz-control-searchbar-more-manage-border-color)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header{display:flex;align-items:center;justify-content:flex-start;width:100%;background-color:var(--ibiz-control-searchbar-more-manage-bg-color)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-name{width:40%;padding:var(--ibiz-control-searchbar-more-manage-cell-padding)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-show{width:30%;padding:var(--ibiz-control-searchbar-more-manage-cell-padding)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-action{width:30%;padding:var(--ibiz-control-searchbar-more-manage-cell-padding)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{position:relative;cursor:pointer;border-bottom:1px solid var(--ibiz-control-searchbar-more-manage-border-color)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:nth-last-child(1){border-bottom:none}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-name{width:40%;padding:var(--ibiz-control-searchbar-more-manage-cell-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-show{width:30%;padding:var(--ibiz-control-searchbar-more-manage-cell-padding)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action{width:30%;padding:var(--ibiz-control-searchbar-more-manage-cell-padding)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action .el-link{margin-right:var(--ibiz-control-searchbar-more-manage-button-gap)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:hover{background-color:var(--ibiz-control-searchbar-more-manage-hover-bg-color)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row-ghost{background-color:var(--ibiz-control-searchbar-more-manage-hover-bg-color);opacity:.5}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content{margin-bottom:var(--ibiz-spacing-base)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content>span{padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-tight);margin:0 var(--ibiz-spacing-tight);color:var(--ibiz-color-danger-text);background-color:var(--ibiz-color-danger);border-radius:var(--ibiz-border-radius-small)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-tip{color:var(--ibiz-color-text-3)}.ibiz-search-groups-remove-confirm-btn.el-button{background-color:var(--ibiz-color-danger)}.ibiz-search-groups-remove-confirm-btn:hover{background-color:var(--ibiz-color-danger-hover)}.ibiz-search-groups-remove-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-remove-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}
|
|
@@ -117,8 +117,8 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
|
|
|
117
117
|
}
|
|
118
118
|
if (item.showCaption && caption) {
|
|
119
119
|
result.push(vue.createVNode("span", {
|
|
120
|
-
"class": [ns3.b("text"), semanticClass("item.
|
|
121
|
-
"style": semanticStyle("item.
|
|
120
|
+
"class": [ns3.b("text"), semanticClass("item.caption", item)],
|
|
121
|
+
"style": semanticStyle("item.caption", item)
|
|
122
122
|
}, [caption]));
|
|
123
123
|
}
|
|
124
124
|
if (counterNum) {
|
|
@@ -891,12 +891,12 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
|
|
|
891
891
|
"style": this.semanticStyle("item.icon", data),
|
|
892
892
|
"icon": nodeData._icon
|
|
893
893
|
}, null) : null, nodeData._textHtml ? vue.createVNode("span", {
|
|
894
|
-
"class": [this.ns.be("node", "label"), this.semanticClass("item.
|
|
895
|
-
"style": this.semanticStyle("item.
|
|
894
|
+
"class": [this.ns.be("node", "label"), this.semanticClass("item.caption", data)],
|
|
895
|
+
"style": this.semanticStyle("item.caption", data),
|
|
896
896
|
"innerHTML": nodeData._textHtml
|
|
897
897
|
}, null) : vue.createVNode("span", {
|
|
898
|
-
"class": [this.ns.be("node", "label"), this.semanticClass("item.
|
|
899
|
-
"style": this.semanticStyle("item.
|
|
898
|
+
"class": [this.ns.be("node", "label"), this.semanticClass("item.caption", data)],
|
|
899
|
+
"style": this.semanticStyle("item.caption", data)
|
|
900
900
|
}, [nodeData._text])];
|
|
901
901
|
}
|
|
902
902
|
return vue.createVNode("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-control-treeview{--ibiz-control-treeview-font-size:var(--ibiz-font-size-regular);--ibiz-control-treeview-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treeview-text-color:var(--ibiz-color-text-0);--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-bg-color:transparent;--ibiz-control-treeview-
|
|
1
|
+
.ibiz-control-treeview{--ibiz-control-treeview-font-size:var(--ibiz-font-size-regular);--ibiz-control-treeview-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treeview-text-color:var(--ibiz-color-text-0);--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-bg-color:transparent;--ibiz-control-treeview-item-font-size:var(--ibiz-control-treeview-font-size);--ibiz-control-treeview-item-hover-color:var(--ibiz-color-text-0);--ibiz-control-treeview-item-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-item-select-color:var(--ibiz-color-text-0);--ibiz-control-treeview-item-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-treeview-item-font-weight:var(--ibiz-control-treeview-font-weight);--ibiz-control-treeview-item-icon-height:var(--ibiz-width-icon-medium);--ibiz-control-treeview-item-icon-width:var(--ibiz-width-icon-medium);--ibiz-control-treeview-item-icon-gap:var(--ibiz-spacing-tight);--ibiz-control-treeview-item-height:26px;--ibiz-control-treeview-item-new-node-padding:0 var(--ibiz-spacing-base) 0 calc(1em + var(--ibiz-spacing-base-tight));--ibiz-control-treeview-item-menu-width:30px;--ibiz-control-treeview-item-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-item-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-item-menu-item-height:40px;--ibiz-control-treeview-item-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-item-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-item-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-item-menu-text-color:var(--ibiz-color-text-2);--ibiz-control-treeview-search-margin:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-treeview-search-width:calc(100% - var(--ibiz-spacing-base) * 2);--ibiz-control-treeview-content-padding:0 var(--ibiz-spacing-base);--ibiz-control-treeview-content-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-more-color:var(--ibiz-color-primary);position:relative;height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview__nav-icon{position:absolute;top:14px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-treeview .el-tree-node.is-load-more{pointer-events:none}.ibiz-control-treeview .el-tree-node.is-load-more .el-checkbox,.ibiz-control-treeview .el-tree-node.is-load-more .el-icon{display:none}.ibiz-control-treeview .el-tree-node.is-load-more .ibiz-control-treeview-node{justify-content:center;color:var(--ibiz-control-treeview-more-color);pointer-events:all}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node .ibiz-context-menu{display:flex;flex-shrink:0}.ibiz-control-treeview-node .ibiz-context-menu__item--level-200{display:none}.ibiz-control-treeview-node:hover .ibiz-context-menu__item--level-200{display:block}.ibiz-control-treeview-node__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--ibiz-control-treeview-item-icon-width);height:var(--ibiz-control-treeview-item-icon-height);margin-right:var(--ibiz-control-treeview-item-icon-gap)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-control-treeview-item-disabled-color);cursor:not-allowed}.ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:none}.ibiz-control-treeview-node:hover .ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:block}.ibiz-control-treeview-new-node{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-treeview-item-new-node-padding);font-size:var(--ibiz-control-treeview-item-font-size)}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:var(--ibiz-control-treeview-item-menu-width);text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu{--ibiz-control-treeview-item-menu-width:30px;--ibiz-control-treeview-item-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-item-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-item-menu-item-height:40px;--ibiz-control-treeview-item-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-item-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-item-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-item-menu-text-color:var(--ibiz-color-text-2)}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-control-treeview-item-menu-padding);background-color:var(--ibiz-control-treeview-item-menu-bg-color);border-radius:var(--ibiz-control-treeview-item-menu-border-radius);--mx-menu-text:var(--ibiz-control-treeview-item-menu-text-color)}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{height:var(--ibiz-control-treeview-item-menu-item-height);padding:var(--ibiz-control-treeview-item-menu-item-padding);cursor:pointer}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item:hover{color:var(--ibiz-control-treeview-item-menu-text-color);background-color:var(--ibiz-control-treeview-item-menu-hover-color)}.ibiz-control-treeview-quick-search{width:var(--ibiz-control-treeview-search-width);margin:var(--ibiz-control-treeview-search-margin)}.ibiz-control-treeview-tree.el-tree{--el-tree-text-color:var(--ibiz-control-treeview-text-color);--el-tree-node-content-height:var(--ibiz-control-treeview-item-height)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:hover{color:var(--ibiz-control-treeview-item-hover-color);background-color:var(--ibiz-control-treeview-item-hover-bg-color)}.ibiz-control-treeview-tree.el-tree{padding:var(--ibiz-control-treeview-content-padding);background-color:var(--ibiz-control-treeview-content-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:has(.ibiz-control-treeview-new-node) .ibiz-control-treeview-new-node{width:100%;padding-right:0;padding-left:0}.ibiz-control-treeview-tree.el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--ibiz-control-treeview-item-select-color);background-color:var(--ibiz-control-treeview-item-select-bg-color)}.ibiz-control-treeview-editing-node{--el-input-height:var(--ibiz-control-treeview-item-height)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ibiz-template/vue3-components",
|
|
3
|
-
"version": "0.7.41-alpha.
|
|
3
|
+
"version": "0.7.41-alpha.104",
|
|
4
4
|
"description": "web端组件库(vue3)",
|
|
5
5
|
"main": "lib/index.cjs",
|
|
6
6
|
"module": "es/index.mjs",
|
|
@@ -37,12 +37,12 @@
|
|
|
37
37
|
"@ibiz-template-plugin/data-view": "0.0.7",
|
|
38
38
|
"@ibiz-template/core": "0.7.41-alpha.106",
|
|
39
39
|
"@ibiz-template/devtool": "0.0.14",
|
|
40
|
-
"@ibiz-template/model-helper": "0.7.41-alpha.
|
|
41
|
-
"@ibiz-template/runtime": "0.7.41-alpha.
|
|
40
|
+
"@ibiz-template/model-helper": "0.7.41-alpha.110",
|
|
41
|
+
"@ibiz-template/runtime": "0.7.41-alpha.110",
|
|
42
42
|
"@ibiz-template/theme": "0.7.39",
|
|
43
|
-
"@ibiz-template/vue3-util": "0.7.41-alpha.
|
|
43
|
+
"@ibiz-template/vue3-util": "0.7.41-alpha.110",
|
|
44
44
|
"@ibiz-template/web-theme": "3.14.0",
|
|
45
|
-
"@ibiz/model-core": "^0.1.
|
|
45
|
+
"@ibiz/model-core": "^0.1.87",
|
|
46
46
|
"@imengyu/vue3-context-menu": "^1.3.5",
|
|
47
47
|
"@monaco-editor/loader": "^1.4.0",
|
|
48
48
|
"@wangeditor/editor": "^5.1.23",
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
"@ibiz-template/runtime": "^0.7.0",
|
|
113
113
|
"@ibiz-template/theme": "^0.7.0",
|
|
114
114
|
"@ibiz-template/vue3-util": "^0.7.0",
|
|
115
|
-
"@ibiz/model-core": "^0.1.
|
|
115
|
+
"@ibiz/model-core": "^0.1.87",
|
|
116
116
|
"@imengyu/vue3-context-menu": "^1.3.3",
|
|
117
117
|
"@monaco-editor/loader": "^1.3.3",
|
|
118
118
|
"@wangeditor/editor": "^5.1.23",
|
|
@@ -1,30 +1,46 @@
|
|
|
1
|
+
|
|
2
|
+
// 图标菜单分组样式
|
|
3
|
+
$control-appmenu-iconview-group: (
|
|
4
|
+
padding: 0 getCssVar(spacing, base), // 图标菜单分组内间距
|
|
5
|
+
gap: getCssVar(spacing, tight), // 图标菜单分组标题与分组图标、分组计数器间隔
|
|
6
|
+
font-size: getCssVar(font-size, header, 6), // 图标菜单分组标题字体大小
|
|
7
|
+
);
|
|
8
|
+
|
|
1
9
|
// 图标菜单项样式
|
|
2
10
|
$control-appmenu-iconview-item: (
|
|
3
|
-
width: 135px,
|
|
4
|
-
height: 135px,
|
|
5
|
-
margin:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
'
|
|
9
|
-
'color': getCssVar('
|
|
10
|
-
|
|
11
|
-
'hover-color': getCssVar('color', 'primary'),
|
|
12
|
-
'
|
|
13
|
-
'
|
|
14
|
-
'disabled-color': getCssVar('disabled', '
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
width: 135px, // 图标菜单项宽度
|
|
12
|
+
height: 135px, // 图标菜单项高度
|
|
13
|
+
margin: getCssVar(spacing, base), // 图标菜单项外间距
|
|
14
|
+
'color': getCssVar('color', text, 0), // 图标菜单项文字颜色
|
|
15
|
+
'bg-color': getCssVar('color', 'bg', 1), // 图标菜单项背景颜色
|
|
16
|
+
'border-color': getCssVar('color', 'border'), // 图标菜单项边框颜色
|
|
17
|
+
'hover-color': getCssVar('color', 'primary'), // 图标菜单项鼠标悬停文字颜色
|
|
18
|
+
'hover-bg-color': getCssVar('color', 'bg', 2), // 图标菜单项鼠标悬停背景颜色
|
|
19
|
+
'hover-border-color': getCssVar('color', 'primary'), // 图标菜单项鼠标悬停边框颜色
|
|
20
|
+
'disabled-color': getCssVar(color, disabled, text), // 图标菜单项禁用文字颜色
|
|
21
|
+
'disabled-bg-color': getCssVar(color, disabled, bg), // 图标菜单项禁用背景颜色
|
|
22
|
+
'disabled-border-color': getCssVar('disabled', 'border-color'), // 图标菜单项禁用边框颜色
|
|
23
|
+
border-radius: getCssVar(border-radius, medium), // 图标菜单项边框圆角
|
|
24
|
+
icon-size: 50px, // 图标菜单项图标大小
|
|
25
|
+
'font-size': getCssVar('font-size', 'regular'), // 图标菜单项文字大小
|
|
26
|
+
gap: getCssVar(spacing, tight), // 图标菜单项图标与文字间隔
|
|
27
|
+
counter-gap: getCssVar(spacing, tight), // 图标菜单项计数器与边框间隔
|
|
17
28
|
);
|
|
18
29
|
|
|
19
30
|
@include b(control-appmenu-iconview) {
|
|
31
|
+
@include set-component-css-var('control-appmenu-iconview-group', $control-appmenu-iconview-group);
|
|
20
32
|
@include set-component-css-var('control-appmenu-iconview-item', $control-appmenu-iconview-item);
|
|
21
33
|
@include e(content){
|
|
34
|
+
display: flex;
|
|
35
|
+
flex-wrap: wrap;
|
|
22
36
|
width: 100%;
|
|
23
37
|
height: 100%;
|
|
38
|
+
overflow: auto;
|
|
24
39
|
}
|
|
25
40
|
}
|
|
26
41
|
|
|
27
42
|
@include b(control-appmenu-iconview-item){
|
|
43
|
+
position: relative;
|
|
28
44
|
display: flex;
|
|
29
45
|
flex-direction: column;
|
|
30
46
|
flex-shrink: 0;
|
|
@@ -33,18 +49,25 @@ $control-appmenu-iconview-item: (
|
|
|
33
49
|
width: getCssVar('control-appmenu-iconview-item','width');
|
|
34
50
|
height: getCssVar('control-appmenu-iconview-item','height');
|
|
35
51
|
margin: getCssVar('control-appmenu-iconview-item','margin');
|
|
36
|
-
font: getCssVar('control-appmenu-iconview-item','font-size');
|
|
52
|
+
font-size: getCssVar('control-appmenu-iconview-item','font-size');
|
|
37
53
|
color: getCssVar('control-appmenu-iconview-item','color');
|
|
38
54
|
cursor: pointer;
|
|
39
55
|
border: 1px solid getCssVar('control-appmenu-iconview-item','border-color');
|
|
56
|
+
border-radius: getCssVar('control-appmenu-iconview-item','border-radius');
|
|
40
57
|
|
|
41
58
|
@include e(icon){
|
|
42
59
|
width: getCssVar('control-appmenu-iconview-item','icon-size');
|
|
43
60
|
height: getCssVar('control-appmenu-iconview-item','icon-size');
|
|
44
|
-
margin-bottom: getCssVar('control-appmenu-iconview-item','
|
|
61
|
+
margin-bottom: getCssVar('control-appmenu-iconview-item','gap');
|
|
45
62
|
font-size: getCssVar('control-appmenu-iconview-item','icon-size');
|
|
46
63
|
}
|
|
47
64
|
|
|
65
|
+
@include e(counter){
|
|
66
|
+
position: absolute;
|
|
67
|
+
top: getCssVar('control-appmenu-iconview-item','counter-gap');
|
|
68
|
+
right: getCssVar('control-appmenu-iconview-item','counter-gap');
|
|
69
|
+
}
|
|
70
|
+
|
|
48
71
|
&:hover {
|
|
49
72
|
color: getCssVar('control-appmenu-iconview-item','hover-color');
|
|
50
73
|
background-color: getCssVar('control-appmenu-iconview-item','hover-bg-color');
|
|
@@ -57,12 +80,30 @@ $control-appmenu-iconview-item: (
|
|
|
57
80
|
background-color: getCssVar('control-appmenu-iconview-item','disabled-bg-color');
|
|
58
81
|
border-color: getCssVar('control-appmenu-iconview-item','disabled-border-color');
|
|
59
82
|
}
|
|
83
|
+
|
|
84
|
+
&+.#{bem(control-appmenu-iconview-group)} {
|
|
85
|
+
border-top: 1px solid getCssVar('color', 'border');
|
|
86
|
+
}
|
|
60
87
|
}
|
|
61
88
|
|
|
62
89
|
@include b(control-appmenu-iconview-group){
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
90
|
+
width: 100%;
|
|
91
|
+
|
|
92
|
+
.el-collapse-item__header {
|
|
93
|
+
padding: getCssVar(control-appmenu-iconview-group, padding);
|
|
94
|
+
font-size: getCssVar('control-appmenu-iconview-group','font-size');
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.el-collapse-item__content{
|
|
98
|
+
display: flex;
|
|
99
|
+
flex-wrap: wrap;
|
|
100
|
+
}
|
|
101
|
+
@include e(icon) {
|
|
102
|
+
display: flex;
|
|
103
|
+
margin-right: getCssVar(control-appmenu-iconview-group, gap);
|
|
104
|
+
}
|
|
105
|
+
@include e(counter) {
|
|
106
|
+
margin-left: getCssVar(control-appmenu-iconview-group, gap);
|
|
107
|
+
}
|
|
67
108
|
}
|
|
68
109
|
|
|
@@ -68,6 +68,7 @@ export const AppMenuIconViewControl = defineComponent({
|
|
|
68
68
|
if (!state.visible) {
|
|
69
69
|
return null;
|
|
70
70
|
}
|
|
71
|
+
const { counterId } = item;
|
|
71
72
|
return (
|
|
72
73
|
<div
|
|
73
74
|
class={[
|
|
@@ -88,6 +89,16 @@ export const AppMenuIconViewControl = defineComponent({
|
|
|
88
89
|
style={semanticStyle('item.icon', item)}
|
|
89
90
|
icon={item.sysImage}
|
|
90
91
|
></iBizIcon>
|
|
92
|
+
{counterId ? (
|
|
93
|
+
<iBizBadge
|
|
94
|
+
class={[
|
|
95
|
+
ns.be('item', 'counter'),
|
|
96
|
+
semanticClass('item.counter', item),
|
|
97
|
+
]}
|
|
98
|
+
style={semanticStyle('item.counter', item)}
|
|
99
|
+
value={c.state.counterData[counterId]}
|
|
100
|
+
/>
|
|
101
|
+
) : null}
|
|
91
102
|
<span
|
|
92
103
|
class={[ns.be('item', 'label'), semanticClass('item.caption')]}
|
|
93
104
|
style={semanticStyle('item.caption')}
|
|
@@ -103,6 +114,10 @@ export const AppMenuIconViewControl = defineComponent({
|
|
|
103
114
|
if (!state.visible) {
|
|
104
115
|
return null;
|
|
105
116
|
}
|
|
117
|
+
if (!item.appMenuItems) {
|
|
118
|
+
return renderItem(item);
|
|
119
|
+
}
|
|
120
|
+
const { counterId } = item;
|
|
106
121
|
return (
|
|
107
122
|
<el-collapse-item
|
|
108
123
|
class={[ns.b('group'), semanticClass('group', item)]}
|
|
@@ -110,9 +125,44 @@ export const AppMenuIconViewControl = defineComponent({
|
|
|
110
125
|
name={item.id}
|
|
111
126
|
title={showTitle(item.caption)}
|
|
112
127
|
>
|
|
113
|
-
{
|
|
114
|
-
|
|
115
|
-
|
|
128
|
+
{{
|
|
129
|
+
title: () => {
|
|
130
|
+
return [
|
|
131
|
+
<iBizIcon
|
|
132
|
+
class={[
|
|
133
|
+
ns.be('group', 'icon'),
|
|
134
|
+
semanticClass('group.icon', item),
|
|
135
|
+
]}
|
|
136
|
+
style={semanticStyle('group.icon', item)}
|
|
137
|
+
icon={item.sysImage}
|
|
138
|
+
></iBizIcon>,
|
|
139
|
+
<span
|
|
140
|
+
class={[
|
|
141
|
+
ns.be('group', 'label'),
|
|
142
|
+
semanticClass('group.caption', item),
|
|
143
|
+
]}
|
|
144
|
+
style={semanticStyle('group.caption', item)}
|
|
145
|
+
>
|
|
146
|
+
{item.caption}
|
|
147
|
+
</span>,
|
|
148
|
+
counterId ? (
|
|
149
|
+
<iBizBadge
|
|
150
|
+
class={[
|
|
151
|
+
ns.be('group', 'counter'),
|
|
152
|
+
semanticClass('group.counter', item),
|
|
153
|
+
]}
|
|
154
|
+
style={semanticStyle('group.counter', item)}
|
|
155
|
+
value={c.state.counterData[counterId]}
|
|
156
|
+
/>
|
|
157
|
+
) : null,
|
|
158
|
+
];
|
|
159
|
+
},
|
|
160
|
+
default: () => {
|
|
161
|
+
return item.appMenuItems?.map(child => {
|
|
162
|
+
return renderItem(child);
|
|
163
|
+
});
|
|
164
|
+
},
|
|
165
|
+
}}
|
|
116
166
|
</el-collapse-item>
|
|
117
167
|
);
|
|
118
168
|
};
|
|
@@ -11,31 +11,28 @@ $control-drbar-content: (
|
|
|
11
11
|
|
|
12
12
|
// 关系栏分组
|
|
13
13
|
$control-drbar-group: (
|
|
14
|
-
height: 40px, //
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
font-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
height: 40px, // 分组项高
|
|
15
|
+
gap: getCssVar('spacing', 'tight'), // 分组项内容间隔
|
|
16
|
+
text-color: getCssVar('color', 'text', '0'), // 分组项字体色
|
|
17
|
+
font-size: getCssVar('font-size', 'regular'), // 分组项字体大小
|
|
18
|
+
font-weight: getCssVar('font-weight', 'regular'), // 分组项字体粗细
|
|
19
|
+
bg-color: getCssVar('control-drbar', 'bg-color'), // 分组项背景色（继承自关系栏根元素）
|
|
20
|
+
padding: getCssVar('spacing', 'none') getCssVar('spacing', 'base'), // 分组项内边距
|
|
21
|
+
margin: getCssVar('spacing', 'none') getCssVar('spacing', 'base'), // 分组项外边距
|
|
21
22
|
);
|
|
22
23
|
|
|
23
24
|
// 关系栏项
|
|
24
25
|
$control-drbar-item: (
|
|
25
|
-
height: 40px, //
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
font-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
)
|
|
35
|
-
|
|
36
|
-
// 关系栏项计数器
|
|
37
|
-
$control-drbar-item-counter: (
|
|
38
|
-
text-align: center, // 关系栏项计数器文本对齐方式
|
|
26
|
+
height: 40px, // 项高
|
|
27
|
+
gap: getCssVar('spacing', 'tight'), // 项内容间隔
|
|
28
|
+
text-color: getCssVar('color', 'text', '0'), // 项字体色
|
|
29
|
+
active-color: getCssVar('color', 'primary'), // 项激活色
|
|
30
|
+
level-padding: getCssVar('spacing', 'base'), // 项缩进
|
|
31
|
+
font-size: getCssVar('font-size', 'regular'), // 项字体大小
|
|
32
|
+
font-weight: getCssVar('font-weight', 'regular'), // 项字体粗细
|
|
33
|
+
bg-color: getCssVar('control-drbar', 'bg-color'), // 项背景色（继承自关系栏根元素）
|
|
34
|
+
padding: getCssVar('spacing', 'none') getCssVar('spacing', 'base'), // 项内边距
|
|
35
|
+
margin: getCssVar('spacing', 'none') getCssVar('spacing', 'base'), // 项外边距
|
|
39
36
|
);
|
|
40
37
|
|
|
41
38
|
@include b('control-drbar') {
|
|
@@ -43,7 +40,6 @@ $control-drbar-item-counter: (
|
|
|
43
40
|
@include set-component-css-var('control-drbar-content', $control-drbar-content);
|
|
44
41
|
@include set-component-css-var('control-drbar-group', $control-drbar-group);
|
|
45
42
|
@include set-component-css-var('control-drbar-item', $control-drbar-item);
|
|
46
|
-
@include set-component-css-var('control-drbar-item-counter', $control-drbar-item-counter);
|
|
47
43
|
|
|
48
44
|
height: 100%;
|
|
49
45
|
background-color: getCssVar('control-drbar', 'bg-color');
|
|
@@ -56,8 +52,9 @@ $control-drbar-item-counter: (
|
|
|
56
52
|
border-bottom: none;
|
|
57
53
|
}
|
|
58
54
|
|
|
59
|
-
.el-menu-item{
|
|
60
|
-
|
|
55
|
+
.el-menu-item {
|
|
56
|
+
position: relative;
|
|
57
|
+
gap: getCssVar('control-drbar-item', 'gap');
|
|
61
58
|
height: getCssVar('control-drbar-item', 'height');
|
|
62
59
|
padding: getCssVar('control-drbar-item', 'padding');
|
|
63
60
|
margin: getCssVar('control-drbar-item', 'margin');
|
|
@@ -73,6 +70,7 @@ $control-drbar-item-counter: (
|
|
|
73
70
|
|
|
74
71
|
// 垂直模式
|
|
75
72
|
.el-menu--vertical .el-sub-menu .el-sub-menu__title {
|
|
73
|
+
gap: getCssVar('control-drbar-group', 'gap');
|
|
76
74
|
height: getCssVar('control-drbar-group', 'height');
|
|
77
75
|
padding: getCssVar('control-drbar-group', 'padding');
|
|
78
76
|
margin: getCssVar('control-drbar-group', 'margin');
|
|
@@ -83,7 +81,8 @@ $control-drbar-item-counter: (
|
|
|
83
81
|
}
|
|
84
82
|
|
|
85
83
|
// 水平模式时
|
|
86
|
-
.el-menu--horizontal .el-sub-menu .el-sub-menu__title{
|
|
84
|
+
.el-menu--horizontal .el-sub-menu .el-sub-menu__title {
|
|
85
|
+
gap: getCssVar('control-drbar-group', 'gap');
|
|
87
86
|
height: getCssVar('control-drbar-group', 'height');
|
|
88
87
|
font-size: getCssVar('control-drbar-group', 'font-size');
|
|
89
88
|
font-weight: getCssVar('control-drbar-group', 'font-weight');
|
|
@@ -97,6 +96,10 @@ $control-drbar-item-counter: (
|
|
|
97
96
|
}
|
|
98
97
|
|
|
99
98
|
@include e('counter') {
|
|
100
|
-
|
|
99
|
+
position: absolute;
|
|
100
|
+
top: 50%;
|
|
101
|
+
right: 16px;
|
|
102
|
+
margin-top: -6px;
|
|
103
|
+
text-align: center;
|
|
101
104
|
}
|
|
102
105
|
}
|
|
@@ -152,8 +152,23 @@ export const DRBarControl = defineComponent({
|
|
|
152
152
|
return renderMenuItems(child);
|
|
153
153
|
}),
|
|
154
154
|
title: () => [
|
|
155
|
-
<iBizIcon
|
|
156
|
-
|
|
155
|
+
<iBizIcon
|
|
156
|
+
icon={item.sysImage}
|
|
157
|
+
style={semanticStyle('group.icon')}
|
|
158
|
+
class={[
|
|
159
|
+
ns.e('icon'),
|
|
160
|
+
ns.be('group', 'icon'),
|
|
161
|
+
semanticClass('group.icon'),
|
|
162
|
+
]}
|
|
163
|
+
></iBizIcon>,
|
|
164
|
+
<span
|
|
165
|
+
style={semanticStyle('group.caption')}
|
|
166
|
+
class={[
|
|
167
|
+
ns.e('caption'),
|
|
168
|
+
ns.be('group', 'caption'),
|
|
169
|
+
semanticClass('group.caption'),
|
|
170
|
+
]}
|
|
171
|
+
>
|
|
157
172
|
{item.caption}
|
|
158
173
|
{subtitle}
|
|
159
174
|
</span>,
|
|
@@ -169,8 +184,21 @@ export const DRBarControl = defineComponent({
|
|
|
169
184
|
style={semanticStyle('item')}
|
|
170
185
|
class={[ns.e('item'), semanticClass('item')]}
|
|
171
186
|
>
|
|
172
|
-
<iBizIcon
|
|
173
|
-
|
|
187
|
+
<iBizIcon
|
|
188
|
+
icon={item.sysImage}
|
|
189
|
+
class={[
|
|
190
|
+
ns.e('icon'),
|
|
191
|
+
ns.em('item', 'icon'),
|
|
192
|
+
semanticClass('item.icon'),
|
|
193
|
+
]}
|
|
194
|
+
style={semanticStyle('item.caption')}
|
|
195
|
+
></iBizIcon>
|
|
196
|
+
<span
|
|
197
|
+
class={[ns.em('item', 'caption'), semanticClass('item.caption')]}
|
|
198
|
+
style={semanticStyle('item.caption')}
|
|
199
|
+
>
|
|
200
|
+
{item.caption}
|
|
201
|
+
</span>
|
|
174
202
|
{item.counterId && counterData.value[item.counterId] != null && (
|
|
175
203
|
<iBizBadge
|
|
176
204
|
value={counterData.value[item.counterId]}
|
|
@@ -1,28 +1,49 @@
|
|
|
1
|
+
// 高级搜索样式
|
|
2
|
+
$advance-search: (
|
|
3
|
+
padding: getCssVar('spacing', 'base'), // 高级搜索内边距
|
|
4
|
+
gap: getCssVar('spacing', 'base'), // 高级搜索头部、内容区、底部区间隔
|
|
5
|
+
);
|
|
6
|
+
|
|
7
|
+
// 高级搜索头部样式
|
|
8
|
+
$advance-search-header: (
|
|
9
|
+
height: getCssVar('height-control', 'large'), // 高级搜索头部高度
|
|
10
|
+
font-size: getCssVar('font-size', 'header', 4), // 高级搜索头部字体大小
|
|
11
|
+
);
|
|
12
|
+
|
|
13
|
+
// 高级搜索内容样式
|
|
14
|
+
$advance-search-content: (
|
|
15
|
+
height: calc(100% - #{getCssVar('height-control', 'large')} * 2), // 高级搜索内容高度
|
|
16
|
+
);
|
|
17
|
+
|
|
1
18
|
@include b(advance-search) {
|
|
19
|
+
@include set-component-css-var('advance-search', $advance-search);
|
|
20
|
+
@include set-component-css-var('advance-search-header', $advance-search-header);
|
|
21
|
+
@include set-component-css-var('advance-search-content', $advance-search-content);
|
|
22
|
+
|
|
2
23
|
display: flex;
|
|
3
24
|
flex-direction: column;
|
|
4
25
|
width: 100%;
|
|
5
26
|
height: 100%;
|
|
6
|
-
padding: getCssVar(
|
|
27
|
+
padding: getCssVar(advance-search, padding);
|
|
7
28
|
overflow: auto;
|
|
8
29
|
@include e('header') {
|
|
9
30
|
display: flex;
|
|
10
31
|
align-items: center;
|
|
11
|
-
height: getCssVar(
|
|
12
|
-
padding:
|
|
32
|
+
height: getCssVar(advance-search-header, 'height');
|
|
33
|
+
padding-bottom: getCssVar(advance-search, 'gap');
|
|
13
34
|
overflow: hidden;
|
|
14
|
-
font-size: getCssVar(
|
|
35
|
+
font-size: getCssVar(advance-search-header, 'font-size');
|
|
15
36
|
white-space: nowrap;
|
|
16
37
|
cursor: move;
|
|
17
38
|
}
|
|
18
39
|
@include e('search-form') {
|
|
19
40
|
width: 100%;
|
|
20
|
-
height:
|
|
41
|
+
height: getCssVar(advance-search-content, 'height');
|
|
21
42
|
overflow: auto;
|
|
22
43
|
}
|
|
23
44
|
@include e('footer') {
|
|
24
45
|
display: flex;
|
|
25
46
|
justify-content: flex-end;
|
|
26
|
-
padding: getCssVar(
|
|
47
|
+
padding-top: getCssVar(advance-search, 'gap');
|
|
27
48
|
}
|
|
28
49
|
}
|