@xdmp-open/ui-shared 0.1.0

package/dist/style.css

@@ -0,0 +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;-webkit-box-shadow:0px -3px 12px 0px rgba(0,0,0,.1);box-shadow:0 -3px 12px #0000001a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;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;-webkit-box-sizing:border-box;box-sizing:border-box}.search-form-box[data-v-e91e7e34]{display:-webkit-box;display:-ms-flexbox;display:flex}.search-form-box .btn-box[data-v-e91e7e34]{padding-top:5px;display:-webkit-box;display:-ms-flexbox;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;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;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-5b2a3c3a]{padding:28px 24px;background:#fff}.page_data_info .title[data-v-5b2a3c3a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;color:#222;margin-bottom:10px;position:relative}.page_data_info .title i[data-v-5b2a3c3a]{margin-right:12px;cursor:pointer}.page_data_info .info_edit_btn[data-v-5b2a3c3a]{position:absolute;right:15px}.info_list[data-v-5b2a3c3a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.info_list .info_item[data-v-5b2a3c3a]{width:calc(33.33% - 8px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:12px;margin-left:12px}.info_list .info_item[data-v-5b2a3c3a]:nth-child(3n+1){margin-left:0}.info_list .info_item span.label[data-v-5b2a3c3a]{color:#666;font-size:14px;line-height:20px}.info_list .info_item .value[data-v-5b2a3c3a]{color:#222;font-size:14px;line-height:20px;margin-left:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info_list .info_item .detail[data-v-5b2a3c3a]{color:#666;font-size:14px;line-height:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link[data-v-5b2a3c3a]{cursor:pointer;color:var(--el-color-primary)}.copy[data-v-5b2a3c3a]{color:var(--el-color-primary);margin-left:5px;cursor:pointer;font-size:16px}.label-edit-icon[data-v-5b2a3c3a]{color:var(--el-color-primary);margin-left:8px;cursor:pointer;font-size:16px}.labelList_value[data-v-5b2a3c3a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page_desc[data-v-e4b5d343]{background-image:-webkit-gradient(linear,right top,left top,from(rgba(22,93,255,.2)),color-stop(50%,rgba(216,216,216,0)));background-image:linear-gradient(270deg,#165dff33,#d8d8d800 50%);background-color:#fff;padding:28px 24px;-webkit-transition:1s;transition:1s;position:relative;overflow:hidden;z-index:2}.page_title[data-v-e4b5d343]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;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]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.page_bg[data-v-e4b5d343]{position:absolute;right:28px;height:100%;top:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align: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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.info_list .info_item[data-v-9c61202b]{width:calc(33.33% - 8px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;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;-webkit-box-flex:1;-ms-flex:1;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;-webkit-box-flex:1;-ms-flex:1;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;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;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.trigger-icon[data-v-9b123afe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;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);-ms-flex-negative:0;flex-shrink:0;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.icon-select-dropdown[data-v-9b123afe]{padding:0}.dropdown-header[data-v-9b123afe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;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{-webkit-box-shadow:none;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);-webkit-transition:all .2s;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);-webkit-box-shadow:none;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:10px 6px;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease}.dropdown-item[data-v-9b123afe]:hover{background:var(--el-fill-color-light);-webkit-transform:translateY(-1px);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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--el-text-color-regular);-webkit-transition:color .15s ease;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack: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]{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:100;margin:0 auto;-webkit-transform-origin:left top;transform-origin:left top}.avatar-upload[data-v-7a4c77ac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.avatar-preview[data-v-7a4c77ac]{position:relative;border-radius:50%;overflow:hidden;border:2px solid #e4e7ed;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:border-color .2s;transition:border-color .2s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack: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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#0006;color:#fff;opacity:0;-webkit-transition:opacity .2s;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack: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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.file-upload[data-v-ed61dcbf]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}.file-preview-image[data-v-ed61dcbf]{position:relative;border:1px solid #e4e7ed;border-radius:4px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.file-preview-image .preview-mask[data-v-ed61dcbf]{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#0006;color:#fff;opacity:0;cursor:default;-webkit-transition:opacity .2s;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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/btn.scss

@@ -0,0 +1,119 @@
+@import './variables';
+
+@mixin colorBtn($color) {
+  background: $color;
+
+  &:hover {
+    color: $color;
+
+    &::before,
+    &::after {
+      background: $color;
+    }
+  }
+}
+
+.blue-btn {
+  @include colorBtn($blue)
+}
+
+.light-blue-btn {
+  @include colorBtn($light-blue)
+}
+
+.red-btn {
+  @include colorBtn($red)
+}
+
+.pink-btn {
+  @include colorBtn($pink)
+}
+
+.green-btn {
+  @include colorBtn($green)
+}
+
+.tiffany-btn {
+  @include colorBtn($tiffany)
+}
+
+.yellow-btn {
+  @include colorBtn($yellow)
+}
+
+.pan-btn {
+  font-size: 14px;
+  color: #fff;
+  padding: 14px 36px;
+  border-radius: 4px;
+  border: none;
+  outline: none;
+  transition: 600ms ease all;
+  position: relative;
+  display: inline-block;
+
+  &:hover {
+    background: #fff;
+
+    &::before,
+    &::after {
+      width: 100%;
+      transition: 600ms ease all;
+    }
+  }
+
+  &::before,
+  &::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 2px;
+    width: 0;
+    transition: 400ms ease all;
+  }
+
+  &::after {
+    right: inherit;
+    top: inherit;
+    left: 0;
+    bottom: 0;
+  }
+}
+
+.custom-button {
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  background: #fff;
+  color: #fff;
+  appearance: none;
+  text-align: center;
+  box-sizing: border-box;
+  outline: 0;
+  margin: 0;
+  padding: 10px 15px;
+  font-size: 14px;
+  border-radius: 4px;
+}
+
+
+// 自定义按钮
+
+.entry_apply_button{
+  border:1px solid var(--el-color-primary);
+  color:var(--el-color-primary);
+  background: #fff;
+  font-size:14px;
+  padding:6px 16px;
+  border-radius: 4px;
+  box-sizing: border-box;
+  cursor: pointer;
+  transition: .3s;
+}
+
+.entry_apply_button:hover{
+  color:#fff;
+  background: var(--el-color-primary);
+}

package/dist/styles/element-variables.scss

@@ -0,0 +1,42 @@
+/**
+ * Element Plus 主题配置（主题色规范 v1.0）
+ * 统一主色为 #0070FF，补充 Element Plus 派生色变量覆盖
+ */
+
+/* 主题颜色变量 */
+:root {
+  --el-color-primary: #0070FF !important;
+  --el-color-primary-hover: #66A9FF !important;
+  --el-color-primary-active: #0059CC !important;
+  --el-color-primary-disabled: #66A9FF !important;
+  --el-color-primary-light-1: #1A7FFF;
+  --el-color-primary-light-2: #338EFF;
+  --el-color-primary-light-3: #4D9EFF;
+  --el-color-primary-light-4: #66A9FF;
+  --el-color-primary-light-5: #80B8FF;
+  --el-color-primary-light-6: #99C7FF;
+  --el-color-primary-light-7: #B3D6FF;
+  --el-color-primary-light-8: #E6F5FF;
+  --el-color-primary-light-9: #F0F6FF;
+  --el-color-success: #06C687;
+  --el-color-warning: #FA980E;
+  --el-color-danger: #F93E3E;
+  --el-color-info: #0070FF;
+
+  --el-text-primary:#222;
+  --el-text-secondary:#666;
+  --el-text-default:#999;
+  --el-text-disable:#ccc;
+}
+
+/* 导出主题颜色供 JS 使用 */
+:export {
+  primaryColor: #0070FF;
+  primaryHover: #66A9FF;
+  primaryActive: #0059CC;
+  primaryDisabled: #66A9FF;
+  successColor: #06C687;
+  warningColor: #FA980E;
+  dangerColor: #F93E3E;
+  infoColor: #0070FF;
+}

package/dist/styles/index.scss

@@ -0,0 +1,11 @@
+/**
+ * @xdmp-open/ui-shared 全局样式汇总入口
+ * 自应用壳 src/styles 迁移的业务通用部分（sidebar/icon 等应用布局样式留在应用仓）。
+ * 注意：mixin/variables 为 SCSS 工具文件，仅在被业务 SCSS @use 时生效；
+ * element-variables/transition/btn 会产出实际 CSS。
+ */
+@import './variables';
+@import './element-variables';
+@import './mixin';
+@import './transition';
+@import './btn';

package/dist/styles/mixin.scss

@@ -0,0 +1,61 @@
+@mixin clearfix {
+  &::after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
+@mixin scrollBar {
+  &::-webkit-scrollbar-track-piece {
+    background: #d3dce6;
+  }
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #99a9bf;
+    border-radius: 20px;
+  }
+}
+
+@mixin relative {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+@mixin pct($pct) {
+  width: #{$pct};
+  position: relative;
+  margin: 0 auto;
+}
+
+@mixin triangle($width, $height, $color, $direction) {
+  $width: $width/2;
+  $color-border-style: $height solid $color;
+  $transparent-border-style: $width solid transparent;
+
+  height: 0;
+  width: 0;
+
+  @if $direction==up {
+    border-bottom: $color-border-style;
+    border-left: $transparent-border-style;
+    border-right: $transparent-border-style;
+  } @else if $direction==right {
+    border-left: $color-border-style;
+    border-top: $transparent-border-style;
+    border-bottom: $transparent-border-style;
+  } @else if $direction==down {
+    border-top: $color-border-style;
+    border-left: $transparent-border-style;
+    border-right: $transparent-border-style;
+  } @else if $direction==left {
+    border-right: $color-border-style;
+    border-top: $transparent-border-style;
+    border-bottom: $transparent-border-style;
+  }
+}

package/dist/styles/transition.scss

@@ -0,0 +1,48 @@
+// global transition css
+
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  transition: all .5s;
+}
+
+.fade-transform-enter {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}

package/dist/styles/variables.scss

@@ -0,0 +1,34 @@
+// base color
+// 主色（主题色规范 v1.0 统一为 #0070FF）
+$blue: #0070FF;
+$light-blue: #66A9FF;
+$red: #F93E3E;
+$pink: #E65D6E;
+$green: #06C687;
+$tiffany: #4AB7BD;
+$yellow: #FA980E;
+$panGreen: #06C687;
+
+// sidebar
+$menuText: rgb(0 0 0 / 70%);
+$menuActiveText: #0070FF;
+$subMenuActiveText: #0070FF;
+
+$menuBg: #fff;
+$menuHover: #F2F6F9;
+$subMenuBg: #fff;
+$subMenuHover: rgb(0 112 255 / 10%);
+$sideBarWidth: 200px;
+
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+  menuText: $menuText;
+  menuActiveText: $menuActiveText;
+  subMenuActiveText: $subMenuActiveText;
+  menuBg: $menuBg;
+  menuHover: $menuHover;
+  subMenuBg: $subMenuBg;
+  subMenuHover: $subMenuHover;
+  sideBarWidth: $sideBarWidth;
+}

package/dist/styles.css

@@ -0,0 +1,254 @@
+@charset "UTF-8";
+/**
+ * @xdmp-open/ui-shared 全局样式汇总入口
+ * 自应用壳 src/styles 迁移的业务通用部分（sidebar/icon 等应用布局样式留在应用仓）。
+ * 注意：mixin/variables 为 SCSS 工具文件，仅在被业务 SCSS @use 时生效；
+ * element-variables/transition/btn 会产出实际 CSS。
+ */
+:export {
+  menuText: rgba(0, 0, 0, 0.7);
+  menuActiveText: #0070FF;
+  subMenuActiveText: #0070FF;
+  menuBg: #fff;
+  menuHover: #F2F6F9;
+  subMenuBg: #fff;
+  subMenuHover: rgba(0, 112, 255, 0.1);
+  sideBarWidth: 200px;
+}
+
+/**
+ * Element Plus 主题配置（主题色规范 v1.0）
+ * 统一主色为 #0070FF，补充 Element Plus 派生色变量覆盖
+ */
+/* 主题颜色变量 */
+:root {
+  --el-color-primary: #0070FF !important;
+  --el-color-primary-hover: #66A9FF !important;
+  --el-color-primary-active: #0059CC !important;
+  --el-color-primary-disabled: #66A9FF !important;
+  --el-color-primary-light-1: #1A7FFF;
+  --el-color-primary-light-2: #338EFF;
+  --el-color-primary-light-3: #4D9EFF;
+  --el-color-primary-light-4: #66A9FF;
+  --el-color-primary-light-5: #80B8FF;
+  --el-color-primary-light-6: #99C7FF;
+  --el-color-primary-light-7: #B3D6FF;
+  --el-color-primary-light-8: #E6F5FF;
+  --el-color-primary-light-9: #F0F6FF;
+  --el-color-success: #06C687;
+  --el-color-warning: #FA980E;
+  --el-color-danger: #F93E3E;
+  --el-color-info: #0070FF;
+  --el-text-primary:#222;
+  --el-text-secondary:#666;
+  --el-text-default:#999;
+  --el-text-disable:#ccc;
+}
+
+/* 导出主题颜色供 JS 使用 */
+:export {
+  primaryColor: #0070FF;
+  primaryHover: #66A9FF;
+  primaryActive: #0059CC;
+  primaryDisabled: #66A9FF;
+  successColor: #06C687;
+  warningColor: #FA980E;
+  dangerColor: #F93E3E;
+  infoColor: #0070FF;
+}
+
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  transition: all 0.5s;
+}
+
+.fade-transform-enter {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all 0.5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all 0.5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
+
+:export {
+  menuText: rgba(0, 0, 0, 0.7);
+  menuActiveText: #0070FF;
+  subMenuActiveText: #0070FF;
+  menuBg: #fff;
+  menuHover: #F2F6F9;
+  subMenuBg: #fff;
+  subMenuHover: rgba(0, 112, 255, 0.1);
+  sideBarWidth: 200px;
+}
+
+.blue-btn {
+  background: #0070FF;
+}
+.blue-btn:hover {
+  color: #0070FF;
+}
+.blue-btn:hover::before, .blue-btn:hover::after {
+  background: #0070FF;
+}
+
+.light-blue-btn {
+  background: #66A9FF;
+}
+.light-blue-btn:hover {
+  color: #66A9FF;
+}
+.light-blue-btn:hover::before, .light-blue-btn:hover::after {
+  background: #66A9FF;
+}
+
+.red-btn {
+  background: #F93E3E;
+}
+.red-btn:hover {
+  color: #F93E3E;
+}
+.red-btn:hover::before, .red-btn:hover::after {
+  background: #F93E3E;
+}
+
+.pink-btn {
+  background: #E65D6E;
+}
+.pink-btn:hover {
+  color: #E65D6E;
+}
+.pink-btn:hover::before, .pink-btn:hover::after {
+  background: #E65D6E;
+}
+
+.green-btn {
+  background: #06C687;
+}
+.green-btn:hover {
+  color: #06C687;
+}
+.green-btn:hover::before, .green-btn:hover::after {
+  background: #06C687;
+}
+
+.tiffany-btn {
+  background: #4AB7BD;
+}
+.tiffany-btn:hover {
+  color: #4AB7BD;
+}
+.tiffany-btn:hover::before, .tiffany-btn:hover::after {
+  background: #4AB7BD;
+}
+
+.yellow-btn {
+  background: #FA980E;
+}
+.yellow-btn:hover {
+  color: #FA980E;
+}
+.yellow-btn:hover::before, .yellow-btn:hover::after {
+  background: #FA980E;
+}
+
+.pan-btn {
+  font-size: 14px;
+  color: #fff;
+  padding: 14px 36px;
+  border-radius: 4px;
+  border: none;
+  outline: none;
+  transition: 600ms ease all;
+  position: relative;
+  display: inline-block;
+}
+.pan-btn:hover {
+  background: #fff;
+}
+.pan-btn:hover::before, .pan-btn:hover::after {
+  width: 100%;
+  transition: 600ms ease all;
+}
+.pan-btn::before, .pan-btn::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 2px;
+  width: 0;
+  transition: 400ms ease all;
+}
+.pan-btn::after {
+  right: inherit;
+  top: inherit;
+  left: 0;
+  bottom: 0;
+}
+
+.custom-button {
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  background: #fff;
+  color: #fff;
+  appearance: none;
+  text-align: center;
+  box-sizing: border-box;
+  outline: 0;
+  margin: 0;
+  padding: 10px 15px;
+  font-size: 14px;
+  border-radius: 4px;
+}
+
+.entry_apply_button {
+  border: 1px solid var(--el-color-primary);
+  color: var(--el-color-primary);
+  background: #fff;
+  font-size: 14px;
+  padding: 6px 16px;
+  border-radius: 4px;
+  box-sizing: border-box;
+  cursor: pointer;
+  transition: 0.3s;
+}
+
+.entry_apply_button:hover {
+  color: #fff;
+  background: var(--el-color-primary);
+}

package/dist/utils/debounce.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 防抖函数（原 src/utils/index.js 中的 debounce 原样迁移，Charts resize mixin 依赖）
+ */
+export declare function debounce<T extends (...args: any[]) => any>(func: T, wait: number, immediate?: boolean): (...args: Parameters<T>) => ReturnType<T>;

package/dist/utils/encrypt.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 加解密工具（原 src/utils/encrypt.js 原样迁移）
+ * 原通过 app.config.globalProperties.$Encrypt 挂载，包内改为显式 import 使用：
+ *   import { Encrypt } from '@xdmp-open/ui-shared'
+ *   Encrypt.encode(text)
+ */
+declare function _utf8_encode(str: string): string;
+declare function _utf8_decode(str: string): string;
+declare function encode(n: string): string;
+declare function decode(n: string): string;
+declare function randomDecode(val: string): string;
+declare function randomEncode(val: string): string;
+export declare const Encrypt: {
+    encode: typeof encode;
+    decode: typeof decode;
+    randomDecode: typeof randomDecode;
+    randomEncode: typeof randomEncode;
+    _utf8_encode: typeof _utf8_encode;
+    _utf8_decode: typeof _utf8_decode;
+};
+export default Encrypt;

package/dist/utils/gogocodeTransfer.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Vue 2 → Vue 3 事件桥（gogocode 迁移产物）
+ * 为选项式组件实例提供 $on/$off/$once/$emit 能力：
+ * $emit 同时触发组件自身 emit 与通过 $on 注册的本地监听器。
+ */
+/** 最小实例契约：组件实例（带 $emit）或任意对象 */
+export interface EventBridgeInstance {
+    $emit?: (event: string, ...args: unknown[]) => void;
+}
+type EventCallback = (...args: any[]) => void;
+export declare function $on<T extends object>(instance: T, event: string | string[], fn: EventCallback): T;
+export declare function $once<T extends object>(instance: T, event: string, fn: EventCallback): T;
+export declare function $off<T extends object>(instance: T, event?: string | string[], fn?: EventCallback): T;
+export declare function $emit<T extends object>(instance: T, event: string, ...args: any[]): T;
+export {};

package/dist/utils/scroll-to.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 页面滚动工具（原 src/utils/scroll-to.js 原样迁移）
+ */
+/**
+ * @param to 目标滚动位置
+ * @param duration 动画时长（ms）
+ * @param callback 结束回调
+ */
+export declare function scrollTo(to: number, duration?: number, callback?: () => void): void;