@xdmp-open/ui-shared 0.1.3 → 0.1.5

package/dist/style.css

@@ -1 +1 @@
-.uiap-drawer__footer[data-v-713ded17]{position:absolute;left:0;bottom:0;width:100%;height:60px;padding:14px 20px;z-index:100;background:#fff;box-shadow:0 -3px 12px #0000001a;display:flex;justify-content:flex-end}[data-v-713ded17] .el-drawer__header{margin-bottom:20px!important}.el-drawer__body{padding-bottom:60px!important}.el-drawer__header{margin-bottom:5px!important}.el-scrollbar .el-scrollbar__view .el-select-dropdown__item[data-v-c2482266]{height:auto;max-height:274px;padding:0;overflow:hidden;overflow-y:auto}.el-select-dropdown__item.selected[data-v-c2482266]{font-weight:400}ul li[data-v-c2482266] .el-tree .el-tree-node__content{height:auto;padding:0 20px}.el-tree-node__label[data-v-c2482266]{font-weight:400}.el-tree[data-v-c2482266] .is-current .el-tree-node__label{color:#1664ff;font-weight:700}.el-tree[data-v-c2482266] .is-current .el-tree-node__children .el-tree-node__label{color:#606266;font-weight:400}.selectInput[data-v-c2482266]{padding:0 5px;box-sizing:border-box}.search-form-box[data-v-e91e7e34]{display:flex}.search-form-box .btn-box[data-v-e91e7e34]{padding-top:5px;display:flex}.search-form-box .btn-box button[data-v-e91e7e34]{height:28px}.pagination-container[data-v-a35f1199]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-a35f1199]{display:none}.option[data-v-5fd28d7f]{height:auto;line-height:1;padding:0;background-color:#fff}.tree[data-v-5fd28d7f]{padding:4px 20px;font-weight:400}.back[data-v-fe274d55]{font-size:14px;color:#3675fe;justify-content:flex-start;align-items:center;cursor:pointer;line-height:20px;font-weight:400}.back .title[data-v-fe274d55]{margin-left:12px;color:#000}.page_data_info[data-v-7052142b]{padding:28px 24px;background:#fff}.page_data_info .title[data-v-7052142b]{display:flex;align-items:center;font-size:20px;color:#222;margin-bottom:10px;position:relative}.page_data_info .title i[data-v-7052142b]{margin-right:12px;cursor:pointer}.page_data_info .info_edit_btn[data-v-7052142b]{position:absolute;right:15px}.info_list[data-v-7052142b]{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.info_list .info_item[data-v-7052142b]{width:calc(33.33% - 8px);display:flex;justify-content:flex-start;align-items:center;margin-top:12px;margin-left:12px}.info_list .info_item[data-v-7052142b]:nth-child(3n+1){margin-left:0}.info_list .info_item span.label[data-v-7052142b]{color:#666;font-size:14px;line-height:20px}.info_list .info_item .value[data-v-7052142b]{color:#222;font-size:14px;line-height:20px;margin-left:10px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info_list .info_item .detail[data-v-7052142b]{color:#666;font-size:14px;line-height:20px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link[data-v-7052142b]{cursor:pointer;color:var(--el-color-primary)}.copy[data-v-7052142b]{color:var(--el-color-primary);margin-left:5px;cursor:pointer;font-size:16px}.label-edit-icon[data-v-7052142b]{color:var(--el-color-primary);margin-left:8px;cursor:pointer;font-size:16px}.labelList_value[data-v-7052142b]{display:flex;align-items:center}.page_desc[data-v-e4b5d343]{background-image:linear-gradient(270deg,#165dff33,#d8d8d800 50%);background-color:#fff;padding:28px 24px;transition:1s;position:relative;overflow:hidden;z-index:2}.page_title[data-v-e4b5d343]{display:flex;justify-content:flex-start;align-items:center}.page_title span.title[data-v-e4b5d343]{color:#222;font-size:20px;margin-left:12px;cursor:pointer}p.desc[data-v-e4b5d343]{color:#666;width:80%;font-size:14px;line-height:25px;margin-top:20px;position:relative;text-align:justify;z-index:2}p.desc span.doc[data-v-e4b5d343]{color:var(--el-color-primary);font-size:14px;cursor:pointer;margin-left:16px}.dropdown[data-v-e4b5d343]{font-size:14px;color:#999;position:absolute;top:20px;right:20px}.dropdown span[data-v-e4b5d343]{margin-right:7px;cursor:pointer}.dropdown span[data-v-e4b5d343]:hover{color:var(--el-color-primary-hover)}.dropdown .translate[data-v-e4b5d343]{transform:rotate(180deg)}.page_bg[data-v-e4b5d343]{position:absolute;right:28px;height:100%;top:0;z-index:1;display:flex;justify-content:center;align-items:center}.page_bg img[data-v-e4b5d343]{height:100%;max-height:108px}.showDescButton[data-v-e4b5d343]{color:var(--el-color-primary);font-size:14px;cursor:pointer;margin-left:8px}.showDescButton i[data-v-e4b5d343]{margin-right:5px}.page_data_info[data-v-9c61202b]{padding:28px 24px;background:#fff}.page_data_info .title[data-v-9c61202b]{display:flex;align-items:center;font-size:20px;color:#3d3d3d;margin-bottom:24px;position:relative}.page_data_info .title i[data-v-9c61202b]{margin-right:12px;cursor:pointer}.page_data_info .msg_title[data-v-9c61202b]{display:flex;align-items:center;font-size:20px;color:#3d3d3d;margin:40px 10px 0;position:relative}.page_data_info .msg_title i[data-v-9c61202b]{margin-right:12px;cursor:pointer}.page_data_info .info_edit_btn[data-v-9c61202b]{position:absolute;right:15px}.info_list[data-v-9c61202b]{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.info_list .info_item[data-v-9c61202b]{width:calc(33.33% - 8px);display:flex;justify-content:flex-start;align-items:center;margin-top:12px;margin-left:12px}.info_list .info_item[data-v-9c61202b]:nth-child(3n+1){margin-left:0}.info_list .info_item span.label[data-v-9c61202b]{color:var(--el-text-default);font-size:14px;line-height:20px}.info_list .info_item .value[data-v-9c61202b]{color:#1d2129;font-size:14px;line-height:20px;margin-left:10px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info_list .info_item .detail[data-v-9c61202b]{color:#1d2129;font-size:14px;line-height:20px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link[data-v-9c61202b]{cursor:pointer;color:#1664ff}.copy[data-v-9c61202b]{color:var(--el-color-primary);margin-left:5px;cursor:pointer;font-size:16px}.label-edit-icon[data-v-9c61202b]{color:var(--el-color-primary);margin-left:8px;cursor:pointer;font-size:16px}.bottom_operate[data-v-9c61202b]{width:100%;opacity:1}.bottom_operate .divider[data-v-9c61202b]{height:1px;margin:20px 0 10px;background:#ddd}.bottom_operate .operate_btn[data-v-9c61202b]{cursor:pointer;text-align:center;color:#1664ff;font-size:14px;line-height:22px}.svg-icon[data-v-78eb2bab]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;outline:unset}.svg-external-icon[data-v-78eb2bab]{background-color:currentColor;-webkit-mask-size:cover!important;mask-size:cover!important;display:inline-block}.icon-select[data-v-9b123afe]{width:100%}.icon-select-trigger[data-v-9b123afe]{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 12px;border:1px solid var(--el-border-color);border-radius:var(--el-input-border-radius, var(--el-border-radius-base));background:var(--el-fill-color-blank);cursor:pointer;transition:all .2s ease;box-sizing:border-box}.icon-select-trigger[data-v-9b123afe]:hover:not(.is-disabled){border-color:var(--el-color-primary)}.icon-select-trigger[data-v-9b123afe]:focus{border-color:var(--el-color-primary);outline:none}.icon-select-trigger.is-disabled[data-v-9b123afe]{background:var(--el-fill-color-light);cursor:not-allowed;opacity:.6}.trigger-content[data-v-9b123afe]{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.trigger-icon[data-v-9b123afe]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.trigger-icon .icon-preview[data-v-9b123afe]{width:16px;height:16px;color:var(--el-color-primary)}.trigger-text[data-v-9b123afe]{font-size:13px;color:var(--el-text-color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trigger-placeholder[data-v-9b123afe]{font-size:13px;color:var(--el-text-color-placeholder)}.trigger-arrow[data-v-9b123afe]{width:16px;height:16px;color:var(--el-text-color-secondary);flex-shrink:0;transition:transform .2s ease}.icon-select-dropdown[data-v-9b123afe]{padding:0}.dropdown-header[data-v-9b123afe]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.dropdown-title[data-v-9b123afe]{font-size:14px;font-weight:500;color:var(--el-text-color-primary)}.dropdown-count[data-v-9b123afe]{font-size:12px;color:var(--el-text-color-secondary)}.dropdown-search[data-v-9b123afe]{padding:0 12px 12px}.dropdown-search[data-v-9b123afe] .el-input__wrapper{box-shadow:none;border:1px solid var(--el-border-color);border-radius:var(--el-input-border-radius, var(--el-border-radius-base));background:var(--el-fill-color-blank);transition:all .2s}.dropdown-search[data-v-9b123afe] .el-input__wrapper:hover{border-color:var(--el-color-primary)}.dropdown-search[data-v-9b123afe] .el-input__wrapper:focus-within{border-color:var(--el-color-primary);box-shadow:none}.dropdown-search .search-icon[data-v-9b123afe]{color:var(--el-text-color-placeholder)}.dropdown-grid[data-v-9b123afe]{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;padding:0 12px 12px;max-height:280px;overflow-y:auto}.dropdown-grid[data-v-9b123afe]::-webkit-scrollbar{width:6px}.dropdown-grid[data-v-9b123afe]::-webkit-scrollbar-thumb{background:var(--el-border-color);border-radius:3px}.dropdown-item[data-v-9b123afe]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));cursor:pointer;transition:all .15s ease}.dropdown-item[data-v-9b123afe]:hover{background:var(--el-fill-color-light);transform:translateY(-1px)}.dropdown-item.is-selected[data-v-9b123afe]{background:var(--el-color-primary-light-9)}.dropdown-item.is-selected .item-icon[data-v-9b123afe],.dropdown-item.is-selected .item-name[data-v-9b123afe]{color:var(--el-color-primary)}.item-icon[data-v-9b123afe]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--el-text-color-regular);transition:color .15s ease}.item-icon[data-v-9b123afe] svg{width:20px;height:20px}.item-icon[data-v-9b123afe] .el-icon{width:20px;height:20px}.item-name[data-v-9b123afe]{font-size:11px;color:var(--el-text-color-regular);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-empty[data-v-9b123afe]{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;color:var(--el-text-color-secondary)}.dropdown-empty .empty-icon[data-v-9b123afe]{font-size:32px;margin-bottom:8px;opacity:.5}.dropdown-empty span[data-v-9b123afe]{font-size:13px}// Popover 层级优化 .icon-select-popover{--el-popover-padding: 0;.el-popover__trigger:focus{outline:none}}.chart-box[data-v-edfa3250]{width:100%!important;height:100%!important}.screen-box[data-v-10984a6b]{overflow:hidden;background-size:100% 100%;background:#000;width:100%;height:100vh}.screen-wrapper[data-v-10984a6b]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:100;margin:0 auto;transform-origin:left top}.avatar-upload[data-v-7a4c77ac]{display:flex;align-items:center;gap:16px}.avatar-preview[data-v-7a4c77ac]{position:relative;border-radius:50%;overflow:hidden;border:2px solid #e4e7ed;cursor:pointer;flex-shrink:0;transition:border-color .2s;display:flex;align-items:center;justify-content:center;background:#f5f7fa}.avatar-preview[data-v-7a4c77ac]:hover{border-color:#409eff}.avatar-image[data-v-7a4c77ac]{width:100%;height:100%}.avatar-placeholder[data-v-7a4c77ac]{color:#c0c4cc}.avatar-mask[data-v-7a4c77ac]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;opacity:0;transition:opacity .2s}.avatar-mask .el-icon[data-v-7a4c77ac]{cursor:pointer}.avatar-preview:hover .avatar-mask[data-v-7a4c77ac]{opacity:1}.avatar-loading[data-v-7a4c77ac]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffb3;color:#409eff}.avatar-upload-hidden[data-v-7a4c77ac]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.avatar-actions[data-v-7a4c77ac]{display:flex;flex-direction:column;gap:4px}.file-upload[data-v-ed61dcbf]{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.file-preview-image[data-v-ed61dcbf]{position:relative;border:1px solid #e4e7ed;border-radius:4px;overflow:hidden;flex-shrink:0}.file-preview-image .preview-mask[data-v-ed61dcbf]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;opacity:0;cursor:default;transition:opacity .2s}.file-preview-image .preview-mask .el-icon[data-v-ed61dcbf]{cursor:pointer}.file-preview-image:hover .preview-mask[data-v-ed61dcbf]{opacity:1}.file-info[data-v-ed61dcbf]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f5f7fa;border-radius:4px;font-size:13px;color:#303133}.file-info .file-icon[data-v-ed61dcbf]{color:#409eff;font-size:16px}.file-info .file-name[data-v-ed61dcbf]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.uiap-drawer__footer[data-v-713ded17]{position:absolute;left:0;bottom:0;width:100%;height:60px;padding:14px 20px;z-index:100;background:#fff;box-shadow:0 -3px 12px #0000001a;display:flex;justify-content:flex-end}[data-v-713ded17] .el-drawer__header{margin-bottom:20px!important}.el-drawer__body{padding-bottom:60px!important}.el-drawer__header{margin-bottom:5px!important}.el-scrollbar .el-scrollbar__view .el-select-dropdown__item[data-v-c2482266]{height:auto;max-height:274px;padding:0;overflow:hidden;overflow-y:auto}.el-select-dropdown__item.selected[data-v-c2482266]{font-weight:400}ul li[data-v-c2482266] .el-tree .el-tree-node__content{height:auto;padding:0 20px}.el-tree-node__label[data-v-c2482266]{font-weight:400}.el-tree[data-v-c2482266] .is-current .el-tree-node__label{color:#1664ff;font-weight:700}.el-tree[data-v-c2482266] .is-current .el-tree-node__children .el-tree-node__label{color:#606266;font-weight:400}.selectInput[data-v-c2482266]{padding:0 5px;box-sizing:border-box}.search-form-box[data-v-e91e7e34]{display:flex}.search-form-box .btn-box[data-v-e91e7e34]{padding-top:5px;display:flex}.search-form-box .btn-box button[data-v-e91e7e34]{height:28px}.pagination-container[data-v-a35f1199]{background:#fff;padding:32px 16px}.pagination-container.hidden[data-v-a35f1199]{display:none}.option[data-v-5fd28d7f]{height:auto;line-height:1;padding:0;background-color:#fff}.tree[data-v-5fd28d7f]{padding:4px 20px;font-weight:400}.back[data-v-fe274d55]{font-size:14px;color:#3675fe;justify-content:flex-start;align-items:center;cursor:pointer;line-height:20px;font-weight:400}.back .title[data-v-fe274d55]{margin-left:12px;color:#000}.page_data_info[data-v-7fdf1861]{padding:28px 24px;background:#fff}.page_data_info .title[data-v-7fdf1861]{display:flex;align-items:center;font-size:20px;color:#222;margin-bottom:10px;position:relative}.page_data_info .title i[data-v-7fdf1861]{margin-right:12px;cursor:pointer}.page_data_info .info_edit_btn[data-v-7fdf1861]{position:absolute;right:15px}.info_list[data-v-7fdf1861]{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.info_list .info_item[data-v-7fdf1861]{width:calc(33.33% - 8px);display:flex;justify-content:flex-start;align-items:center;margin-top:12px;margin-left:12px}.info_list .info_item[data-v-7fdf1861]:nth-child(3n+1){margin-left:0}.info_list .info_item span.label[data-v-7fdf1861]{color:#666;font-size:14px;line-height:20px}.info_list .info_item .value[data-v-7fdf1861]{color:#222;font-size:14px;line-height:20px;margin-left:10px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info_list .info_item .detail[data-v-7fdf1861]{color:#666;font-size:14px;line-height:20px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link[data-v-7fdf1861]{cursor:pointer;color:var(--el-color-primary)}.copy[data-v-7fdf1861]{color:var(--el-color-primary);margin-left:5px;cursor:pointer;font-size:16px}.label-edit-icon[data-v-7fdf1861]{color:var(--el-color-primary);margin-left:8px;cursor:pointer;font-size:16px}.labelList_value[data-v-7fdf1861]{display:flex;align-items:center}.page_desc[data-v-e4b5d343]{background-image:linear-gradient(270deg,#165dff33,#d8d8d800 50%);background-color:#fff;padding:28px 24px;transition:1s;position:relative;overflow:hidden;z-index:2}.page_title[data-v-e4b5d343]{display:flex;justify-content:flex-start;align-items:center}.page_title span.title[data-v-e4b5d343]{color:#222;font-size:20px;margin-left:12px;cursor:pointer}p.desc[data-v-e4b5d343]{color:#666;width:80%;font-size:14px;line-height:25px;margin-top:20px;position:relative;text-align:justify;z-index:2}p.desc span.doc[data-v-e4b5d343]{color:var(--el-color-primary);font-size:14px;cursor:pointer;margin-left:16px}.dropdown[data-v-e4b5d343]{font-size:14px;color:#999;position:absolute;top:20px;right:20px}.dropdown span[data-v-e4b5d343]{margin-right:7px;cursor:pointer}.dropdown span[data-v-e4b5d343]:hover{color:var(--el-color-primary-hover)}.dropdown .translate[data-v-e4b5d343]{transform:rotate(180deg)}.page_bg[data-v-e4b5d343]{position:absolute;right:28px;height:100%;top:0;z-index:1;display:flex;justify-content:center;align-items:center}.page_bg img[data-v-e4b5d343]{height:100%;max-height:108px}.showDescButton[data-v-e4b5d343]{color:var(--el-color-primary);font-size:14px;cursor:pointer;margin-left:8px}.showDescButton i[data-v-e4b5d343]{margin-right:5px}.page_data_info[data-v-9c61202b]{padding:28px 24px;background:#fff}.page_data_info .title[data-v-9c61202b]{display:flex;align-items:center;font-size:20px;color:#3d3d3d;margin-bottom:24px;position:relative}.page_data_info .title i[data-v-9c61202b]{margin-right:12px;cursor:pointer}.page_data_info .msg_title[data-v-9c61202b]{display:flex;align-items:center;font-size:20px;color:#3d3d3d;margin:40px 10px 0;position:relative}.page_data_info .msg_title i[data-v-9c61202b]{margin-right:12px;cursor:pointer}.page_data_info .info_edit_btn[data-v-9c61202b]{position:absolute;right:15px}.info_list[data-v-9c61202b]{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.info_list .info_item[data-v-9c61202b]{width:calc(33.33% - 8px);display:flex;justify-content:flex-start;align-items:center;margin-top:12px;margin-left:12px}.info_list .info_item[data-v-9c61202b]:nth-child(3n+1){margin-left:0}.info_list .info_item span.label[data-v-9c61202b]{color:var(--el-text-default);font-size:14px;line-height:20px}.info_list .info_item .value[data-v-9c61202b]{color:#1d2129;font-size:14px;line-height:20px;margin-left:10px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info_list .info_item .detail[data-v-9c61202b]{color:#1d2129;font-size:14px;line-height:20px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link[data-v-9c61202b]{cursor:pointer;color:#1664ff}.copy[data-v-9c61202b]{color:var(--el-color-primary);margin-left:5px;cursor:pointer;font-size:16px}.label-edit-icon[data-v-9c61202b]{color:var(--el-color-primary);margin-left:8px;cursor:pointer;font-size:16px}.bottom_operate[data-v-9c61202b]{width:100%;opacity:1}.bottom_operate .divider[data-v-9c61202b]{height:1px;margin:20px 0 10px;background:#ddd}.bottom_operate .operate_btn[data-v-9c61202b]{cursor:pointer;text-align:center;color:#1664ff;font-size:14px;line-height:22px}.svg-icon[data-v-78eb2bab]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;outline:unset}.svg-external-icon[data-v-78eb2bab]{background-color:currentColor;-webkit-mask-size:cover!important;mask-size:cover!important;display:inline-block}.icon-select[data-v-9b123afe]{width:100%}.icon-select-trigger[data-v-9b123afe]{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 12px;border:1px solid var(--el-border-color);border-radius:var(--el-input-border-radius, var(--el-border-radius-base));background:var(--el-fill-color-blank);cursor:pointer;transition:all .2s ease;box-sizing:border-box}.icon-select-trigger[data-v-9b123afe]:hover:not(.is-disabled){border-color:var(--el-color-primary)}.icon-select-trigger[data-v-9b123afe]:focus{border-color:var(--el-color-primary);outline:none}.icon-select-trigger.is-disabled[data-v-9b123afe]{background:var(--el-fill-color-light);cursor:not-allowed;opacity:.6}.trigger-content[data-v-9b123afe]{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.trigger-icon[data-v-9b123afe]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.trigger-icon .icon-preview[data-v-9b123afe]{width:16px;height:16px;color:var(--el-color-primary)}.trigger-text[data-v-9b123afe]{font-size:13px;color:var(--el-text-color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trigger-placeholder[data-v-9b123afe]{font-size:13px;color:var(--el-text-color-placeholder)}.trigger-arrow[data-v-9b123afe]{width:16px;height:16px;color:var(--el-text-color-secondary);flex-shrink:0;transition:transform .2s ease}.icon-select-dropdown[data-v-9b123afe]{padding:0}.dropdown-header[data-v-9b123afe]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.dropdown-title[data-v-9b123afe]{font-size:14px;font-weight:500;color:var(--el-text-color-primary)}.dropdown-count[data-v-9b123afe]{font-size:12px;color:var(--el-text-color-secondary)}.dropdown-search[data-v-9b123afe]{padding:0 12px 12px}.dropdown-search[data-v-9b123afe] .el-input__wrapper{box-shadow:none;border:1px solid var(--el-border-color);border-radius:var(--el-input-border-radius, var(--el-border-radius-base));background:var(--el-fill-color-blank);transition:all .2s}.dropdown-search[data-v-9b123afe] .el-input__wrapper:hover{border-color:var(--el-color-primary)}.dropdown-search[data-v-9b123afe] .el-input__wrapper:focus-within{border-color:var(--el-color-primary);box-shadow:none}.dropdown-search .search-icon[data-v-9b123afe]{color:var(--el-text-color-placeholder)}.dropdown-grid[data-v-9b123afe]{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;padding:0 12px 12px;max-height:280px;overflow-y:auto}.dropdown-grid[data-v-9b123afe]::-webkit-scrollbar{width:6px}.dropdown-grid[data-v-9b123afe]::-webkit-scrollbar-thumb{background:var(--el-border-color);border-radius:3px}.dropdown-item[data-v-9b123afe]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));cursor:pointer;transition:all .15s ease}.dropdown-item[data-v-9b123afe]:hover{background:var(--el-fill-color-light);transform:translateY(-1px)}.dropdown-item.is-selected[data-v-9b123afe]{background:var(--el-color-primary-light-9)}.dropdown-item.is-selected .item-icon[data-v-9b123afe],.dropdown-item.is-selected .item-name[data-v-9b123afe]{color:var(--el-color-primary)}.item-icon[data-v-9b123afe]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--el-text-color-regular);transition:color .15s ease}.item-icon[data-v-9b123afe] svg{width:20px;height:20px}.item-icon[data-v-9b123afe] .el-icon{width:20px;height:20px}.item-name[data-v-9b123afe]{font-size:11px;color:var(--el-text-color-regular);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-empty[data-v-9b123afe]{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;color:var(--el-text-color-secondary)}.dropdown-empty .empty-icon[data-v-9b123afe]{font-size:32px;margin-bottom:8px;opacity:.5}.dropdown-empty span[data-v-9b123afe]{font-size:13px}// Popover 层级优化 .icon-select-popover{--el-popover-padding: 0;.el-popover__trigger:focus{outline:none}}.chart-box[data-v-edfa3250]{width:100%!important;height:100%!important}.screen-box[data-v-10984a6b]{overflow:hidden;background-size:100% 100%;background:#000;width:100%;height:100vh}.screen-wrapper[data-v-10984a6b]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:100;margin:0 auto;transform-origin:left top}.avatar-upload[data-v-7a4c77ac]{display:flex;align-items:center;gap:16px}.avatar-preview[data-v-7a4c77ac]{position:relative;border-radius:50%;overflow:hidden;border:2px solid #e4e7ed;cursor:pointer;flex-shrink:0;transition:border-color .2s;display:flex;align-items:center;justify-content:center;background:#f5f7fa}.avatar-preview[data-v-7a4c77ac]:hover{border-color:#409eff}.avatar-image[data-v-7a4c77ac]{width:100%;height:100%}.avatar-placeholder[data-v-7a4c77ac]{color:#c0c4cc}.avatar-mask[data-v-7a4c77ac]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;opacity:0;transition:opacity .2s}.avatar-mask .el-icon[data-v-7a4c77ac]{cursor:pointer}.avatar-preview:hover .avatar-mask[data-v-7a4c77ac]{opacity:1}.avatar-loading[data-v-7a4c77ac]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffb3;color:#409eff}.avatar-upload-hidden[data-v-7a4c77ac]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.avatar-actions[data-v-7a4c77ac]{display:flex;flex-direction:column;gap:4px}.file-upload[data-v-ed61dcbf]{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.file-preview-image[data-v-ed61dcbf]{position:relative;border:1px solid #e4e7ed;border-radius:4px;overflow:hidden;flex-shrink:0}.file-preview-image .preview-mask[data-v-ed61dcbf]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;opacity:0;cursor:default;transition:opacity .2s}.file-preview-image .preview-mask .el-icon[data-v-ed61dcbf]{cursor:pointer}.file-preview-image:hover .preview-mask[data-v-ed61dcbf]{opacity:1}.file-info[data-v-ed61dcbf]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f5f7fa;border-radius:4px;font-size:13px;color:#303133}.file-info .file-icon[data-v-ed61dcbf]{color:#409eff;font-size:16px}.file-info .file-name[data-v-ed61dcbf]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/dist/styles/index.scss

@@ -1,11 +1,13 @@
 /**
  * @xdmp-open/ui-shared 全局样式汇总入口
- * 自应用壳 src/styles 迁移的业务通用部分（sidebar/icon 等应用布局样式留在应用仓）。
- * 注意：mixin/variables 为 SCSS 工具文件，仅在被业务 SCSS @use 时生效；
- * element-variables/transition/btn 会产出实际 CSS。
+ * tokens = 中性名；theme-default = 现网蓝（SaaS 可只引 tokens 再自己覆盖）。
+ * sidebar/icon 等壳 chrome 仍留在应用仓。
  */
+@import './tokens';
+@import './theme-default';
 @import './variables';
 @import './element-variables';
 @import './mixin';
 @import './transition';
 @import './btn';
+@import './search-input';

package/dist/styles/search-input.scss

@@ -0,0 +1,110 @@
+/* 必须放在 cascade layer 外：未分层的 Element Plus 会压过 @layer 内的 width。 */
+.searchInputCustomStyle .el-input {
+  width: 220px;
+  height: 100%;
+}
+
+.searchInputCustomStyle .el-input__wrapper {
+  background-color: var(--xdmp-color-bg-disabled);
+  border-radius: var(--xdmp-radius-sm);
+  box-shadow: unset;
+  border: 1px solid transparent;
+}
+
+.searchInputCustomStyle .el-input__wrapper.is-focus {
+  border: 1px solid var(--el-color-primary);
+}
+
+.searchInputCustomStyle .el-input__inner {
+  color: var(--xdmp-color-text-secondary);
+  border-radius: var(--xdmp-radius-sm);
+  font-size: 14px;
+  border: 1px solid var(--xdmp-color-bg-disabled);
+}
+
+.searchInputCustomStyle .el-input__inner:hover {
+  border-color: var(--xdmp-color-bg-disabled);
+}
+
+.searchInputCustomStyle .el-input__inner:focus {
+  outline: none;
+  color: var(--xdmp-color-text-primary);
+}
+
+.searchInputCustomStyle .el-select {
+  width: 160px;
+  height: 100%;
+}
+
+.searchInputCustomStyle .el-select .el-select__wrapper {
+  height: 100%;
+  background-color: var(--xdmp-color-bg-disabled);
+  border-radius: var(--xdmp-radius-sm);
+  box-shadow: unset;
+  border: 1px solid var(--xdmp-color-bg-disabled);
+}
+
+.searchInputCustomStyle .el-select .el-select__wrapper.is-focused {
+  border: 1px solid var(--el-color-primary);
+}
+
+.searchInputCustomStyle .el-select .el-select__input-wrapper {
+  height: 32px;
+}
+
+.searchInputCustomStyle .el-select .el-select__input-wrapper .el-select__input {
+  height: calc(100% - 1px);
+}
+
+.searchInputCustomStyle .el-select .el-input.is-focus .el-input__inner {
+  border-color: var(--el-color-primary);
+}
+
+.searchInputCustomStyle .el-select:hover .el-input__inner {
+  border-color: var(--xdmp-color-bg-disabled);
+}
+
+.searchInputCustomStyle .el-checkbox__input.is-checked .el-checkbox__inner,
+.searchInputCustomStyle .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+  background-color: var(--el-color-primary);
+  border-color: var(--el-color-primary);
+}
+
+.searchInputCustomStyle .el-button--text {
+  color: var(--el-color-primary);
+}
+
+.searchInputCustomStyle .el-button--default {
+  border-color: var(--el-color-primary);
+  color: var(--el-color-primary);
+  transition: 0.3s;
+}
+
+.searchInputCustomStyle .el-button--default:hover {
+  background: var(--el-color-primary);
+  color: #fff;
+}
+
+.searchInputCustomStyle .el-button--default:visited {
+  background: unset;
+}
+
+.searchInputCustomStyle .el-range-input {
+  background-color: var(--xdmp-color-bg-disabled);
+}
+
+.searchInputCustomStyle .el-date-editor {
+  background-color: var(--xdmp-color-bg-disabled);
+  border: 1px solid var(--xdmp-color-bg-disabled);
+  height: 36px !important;
+  box-shadow: unset !important;
+}
+
+.searchInputCustomStyle .el-date-editor.is-active {
+  border: 1px solid var(--el-color-primary);
+}
+
+.searchInputCustomStyle .el-date-editor .el-input__prefix {
+  padding-left: 5px;
+  background-color: var(--xdmp-color-bg-disabled) !important;
+}

package/dist/styles/theme-default.css

@@ -0,0 +1,10 @@
+@layer xdmp.host {
+  :root {
+    --xdmp-color-brand: #0070FF;
+    --xdmp-color-brand-hover: #66A9FF;
+    --xdmp-color-brand-active: #0059CC;
+    --el-color-primary: var(--xdmp-color-brand);
+    --el-color-primary-hover: var(--xdmp-color-brand-hover);
+    --el-color-primary-active: var(--xdmp-color-brand-active);
+  }
+}

package/dist/styles/theme-default.scss

@@ -0,0 +1,10 @@
+@layer xdmp.host {
+  :root {
+    --xdmp-color-brand: #0070FF;
+    --xdmp-color-brand-hover: #66A9FF;
+    --xdmp-color-brand-active: #0059CC;
+    --el-color-primary: var(--xdmp-color-brand);
+    --el-color-primary-hover: var(--xdmp-color-brand-hover);
+    --el-color-primary-active: var(--xdmp-color-brand-active);
+  }
+}

package/dist/styles/tokens.css

@@ -0,0 +1,19 @@
+@layer xdmp.reset, xdmp.theme, xdmp.layout, xdmp.widgets, xdmp.pages, xdmp.host;
+@layer xdmp.theme {
+  :root {
+    --xdmp-color-brand: #737373;
+    --xdmp-color-brand-hover: #8a8a8a;
+    --xdmp-color-brand-active: #5c5c5c;
+    --xdmp-color-text-primary: #222222;
+    --xdmp-color-text-regular: #666666;
+    --xdmp-color-text-secondary: #999999;
+    --xdmp-color-bg-page: #f2f6f9;
+    --xdmp-color-bg-disabled: #f9f9fa;
+    --xdmp-color-border: #dee4ec;
+    --xdmp-space-2: 8px;
+    --xdmp-space-4: 16px;
+    --xdmp-radius-sm: 0px;
+    --xdmp-sidenav-width: 200px;
+    --xdmp-z-drawer: 2000;
+  }
+}

package/dist/styles/tokens.scss

@@ -0,0 +1,20 @@
+@layer xdmp.reset, xdmp.theme, xdmp.layout, xdmp.widgets, xdmp.pages, xdmp.host;
+
+@layer xdmp.theme {
+  :root {
+    --xdmp-color-brand: #737373;
+    --xdmp-color-brand-hover: #8a8a8a;
+    --xdmp-color-brand-active: #5c5c5c;
+    --xdmp-color-text-primary: #222222;
+    --xdmp-color-text-regular: #666666;
+    --xdmp-color-text-secondary: #999999;
+    --xdmp-color-bg-page: #f2f6f9;
+    --xdmp-color-bg-disabled: #f9f9fa;
+    --xdmp-color-border: #dee4ec;
+    --xdmp-space-2: 8px;
+    --xdmp-space-4: 16px;
+    --xdmp-radius-sm: 0px;
+    --xdmp-sidenav-width: 200px;
+    --xdmp-z-drawer: 2000;
+  }
+}

package/dist/styles.css

@@ -1,10 +1,38 @@
 @charset "UTF-8";
 /**
  * @xdmp-open/ui-shared 全局样式汇总入口
- * 自应用壳 src/styles 迁移的业务通用部分（sidebar/icon 等应用布局样式留在应用仓）。
- * 注意：mixin/variables 为 SCSS 工具文件，仅在被业务 SCSS @use 时生效；
- * element-variables/transition/btn 会产出实际 CSS。
+ * tokens = 中性名；theme-default = 现网蓝（SaaS 可只引 tokens 再自己覆盖）。
+ * sidebar/icon 等壳 chrome 仍留在应用仓。
  */
+@layer xdmp.reset, xdmp.theme, xdmp.layout, xdmp.widgets, xdmp.pages, xdmp.host;
+@layer xdmp.theme {
+  :root {
+    --xdmp-color-brand: #737373;
+    --xdmp-color-brand-hover: #8a8a8a;
+    --xdmp-color-brand-active: #5c5c5c;
+    --xdmp-color-text-primary: #222222;
+    --xdmp-color-text-regular: #666666;
+    --xdmp-color-text-secondary: #999999;
+    --xdmp-color-bg-page: #f2f6f9;
+    --xdmp-color-bg-disabled: #f9f9fa;
+    --xdmp-color-border: #dee4ec;
+    --xdmp-space-2: 8px;
+    --xdmp-space-4: 16px;
+    --xdmp-radius-sm: 0px;
+    --xdmp-sidenav-width: 200px;
+    --xdmp-z-drawer: 2000;
+  }
+}
+@layer xdmp.host {
+  :root {
+    --xdmp-color-brand: #0070FF;
+    --xdmp-color-brand-hover: #66A9FF;
+    --xdmp-color-brand-active: #0059CC;
+    --el-color-primary: var(--xdmp-color-brand);
+    --el-color-primary-hover: var(--xdmp-color-brand-hover);
+    --el-color-primary-active: var(--xdmp-color-brand-active);
+  }
+}
 :export {
   menuText: rgba(0, 0, 0, 0.7);
   menuActiveText: #0070FF;
@@ -252,3 +280,114 @@
   color: #fff;
   background: var(--el-color-primary);
 }
+
+/* 必须放在 cascade layer 外：未分层的 Element Plus 会压过 @layer 内的 width。 */
+.searchInputCustomStyle .el-input {
+  width: 220px;
+  height: 100%;
+}
+
+.searchInputCustomStyle .el-input__wrapper {
+  background-color: var(--xdmp-color-bg-disabled);
+  border-radius: var(--xdmp-radius-sm);
+  box-shadow: unset;
+  border: 1px solid transparent;
+}
+
+.searchInputCustomStyle .el-input__wrapper.is-focus {
+  border: 1px solid var(--el-color-primary);
+}
+
+.searchInputCustomStyle .el-input__inner {
+  color: var(--xdmp-color-text-secondary);
+  border-radius: var(--xdmp-radius-sm);
+  font-size: 14px;
+  border: 1px solid var(--xdmp-color-bg-disabled);
+}
+
+.searchInputCustomStyle .el-input__inner:hover {
+  border-color: var(--xdmp-color-bg-disabled);
+}
+
+.searchInputCustomStyle .el-input__inner:focus {
+  outline: none;
+  color: var(--xdmp-color-text-primary);
+}
+
+.searchInputCustomStyle .el-select {
+  width: 160px;
+  height: 100%;
+}
+
+.searchInputCustomStyle .el-select .el-select__wrapper {
+  height: 100%;
+  background-color: var(--xdmp-color-bg-disabled);
+  border-radius: var(--xdmp-radius-sm);
+  box-shadow: unset;
+  border: 1px solid var(--xdmp-color-bg-disabled);
+}
+
+.searchInputCustomStyle .el-select .el-select__wrapper.is-focused {
+  border: 1px solid var(--el-color-primary);
+}
+
+.searchInputCustomStyle .el-select .el-select__input-wrapper {
+  height: 32px;
+}
+
+.searchInputCustomStyle .el-select .el-select__input-wrapper .el-select__input {
+  height: calc(100% - 1px);
+}
+
+.searchInputCustomStyle .el-select .el-input.is-focus .el-input__inner {
+  border-color: var(--el-color-primary);
+}
+
+.searchInputCustomStyle .el-select:hover .el-input__inner {
+  border-color: var(--xdmp-color-bg-disabled);
+}
+
+.searchInputCustomStyle .el-checkbox__input.is-checked .el-checkbox__inner,
+.searchInputCustomStyle .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+  background-color: var(--el-color-primary);
+  border-color: var(--el-color-primary);
+}
+
+.searchInputCustomStyle .el-button--text {
+  color: var(--el-color-primary);
+}
+
+.searchInputCustomStyle .el-button--default {
+  border-color: var(--el-color-primary);
+  color: var(--el-color-primary);
+  transition: 0.3s;
+}
+
+.searchInputCustomStyle .el-button--default:hover {
+  background: var(--el-color-primary);
+  color: #fff;
+}
+
+.searchInputCustomStyle .el-button--default:visited {
+  background: unset;
+}
+
+.searchInputCustomStyle .el-range-input {
+  background-color: var(--xdmp-color-bg-disabled);
+}
+
+.searchInputCustomStyle .el-date-editor {
+  background-color: var(--xdmp-color-bg-disabled);
+  border: 1px solid var(--xdmp-color-bg-disabled);
+  height: 36px !important;
+  box-shadow: unset !important;
+}
+
+.searchInputCustomStyle .el-date-editor.is-active {
+  border: 1px solid var(--el-color-primary);
+}
+
+.searchInputCustomStyle .el-date-editor .el-input__prefix {
+  padding-left: 5px;
+  background-color: var(--xdmp-color-bg-disabled) !important;
+}

package/dist/tokens.d.ts

@@ -0,0 +1,4 @@
+export declare const TOKEN_NAMES: readonly ["--xdmp-color-brand", "--xdmp-color-brand-hover", "--xdmp-color-brand-active", "--xdmp-color-text-primary", "--xdmp-color-text-regular", "--xdmp-color-text-secondary", "--xdmp-color-bg-page", "--xdmp-color-bg-disabled", "--xdmp-color-border", "--xdmp-space-2", "--xdmp-space-4", "--xdmp-radius-sm", "--xdmp-sidenav-width", "--xdmp-z-drawer"];
+export type TokenName = (typeof TOKEN_NAMES)[number];
+/** 中性 fallback。禁止放 XDMP 蓝，品牌值只属于 theme-default / 应用 :root。 */
+export declare const TOKEN_NEUTRAL_FALLBACKS: Record<TokenName, string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xdmp-open/ui-shared",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "XDMP platform shared Vue 3 components, directives and theme tokens",
   "license": "Apache-2.0",
   "author": "China Mobile IoT",
@@ -31,8 +31,10 @@
     },
     "./styles": "./dist/styles.css",
     "./style.css": "./dist/style.css",
+    "./tokens.css": "./dist/styles/tokens.css",
+    "./theme-default.css": "./dist/styles/theme-default.css",
     "./styles/*.scss": "./dist/styles/*.scss",
-    "./styles/*": "./dist/styles/*.scss",
+    "./styles/*": "./dist/styles/*",
     "./package.json": "./package.json"
   },
   "sideEffects": [
@@ -63,10 +65,10 @@
     "element-plus": "^2.13.6",
     "vue": "^3.5.0",
     "vue-router": "^4.6.4",
-    "@xdmp-open/sdk-admin": "0.1.0"
+    "@xdmp-open/sdk-admin": "0.1.3"
   },
   "scripts": {
-    "build": "vite build && sass src/styles/index.scss dist/styles.css --no-source-map && mkdir -p dist/styles && cp src/styles/*.scss dist/styles/",
+    "build": "vite build && sass src/styles/index.scss dist/styles.css --no-source-map && mkdir -p dist/styles && cp src/styles/*.scss dist/styles/ && sass src/styles/tokens.scss dist/styles/tokens.css --no-source-map && sass src/styles/theme-default.scss dist/styles/theme-default.css --no-source-map",
     "lint": "eslint src tests",
     "test": "vitest run",
     "typecheck": "vue-tsc --noEmit"