@mc-markets/ui 1.0.90 → 1.0.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/README.md +243 -40
  2. package/USAGE_GUIDE.md +339 -0
  3. package/dist/404.html +22 -22
  4. package/dist/components/Tag/Tag.vue.d.ts.map +1 -1
  5. package/dist/index.cjs +1 -1
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.mjs +10 -11
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/resolver.d.ts +26 -0
  10. package/dist/resolver.d.ts.map +1 -0
  11. package/dist/style.css +1 -1
  12. package/package.json +8 -5
  13. package/packages/components/Alert/Alert.vue +139 -139
  14. package/packages/components/Banner/Banner.vue +299 -299
  15. package/packages/components/Breadcrumb/Breadcrumb.vue +113 -113
  16. package/packages/components/Breadcrumb/BreadcrumbSeparator.vue +31 -31
  17. package/packages/components/Button/Button.vue +17 -17
  18. package/packages/components/DatePicker/DatePicker.vue +85 -85
  19. package/packages/components/Dialog/Dialog.vue +61 -61
  20. package/packages/components/Empty/Empty.vue +73 -73
  21. package/packages/components/Form/Form.vue +30 -30
  22. package/packages/components/FormItem/FormItem.vue +19 -19
  23. package/packages/components/Icon/Icon.vue +210 -210
  24. package/packages/components/Input/Input.vue +15 -15
  25. package/packages/components/Message/Message.vue +503 -503
  26. package/packages/components/NotifiMessage/NotifiMessage.vue +293 -293
  27. package/packages/components/Notification/Notification.vue +19 -19
  28. package/packages/components/Option/Option.vue +13 -13
  29. package/packages/components/OptionGroup/OptionGroup.vue +13 -13
  30. package/packages/components/Pagination/Pagination.vue +61 -61
  31. package/packages/components/Radio/Radio.vue +67 -67
  32. package/packages/components/RadioButton/RadioButton.vue +110 -110
  33. package/packages/components/RadioGroup/RadioGroup.vue +155 -155
  34. package/packages/components/Select/Select.vue +22 -22
  35. package/packages/components/Switch/Switch.vue +47 -47
  36. package/packages/components/TabCard/TabCard.vue +107 -107
  37. package/packages/components/TabCard/TabCardItem.vue +105 -105
  38. package/packages/components/Table/Table.vue +17 -17
  39. package/packages/components/Table/TableColumn.vue +20 -20
  40. package/packages/components/Tabs/TabPane.vue +79 -79
  41. package/packages/components/Tabs/Tabs.vue +267 -267
  42. package/packages/components/Tag/Tag.vue +208 -211
  43. package/packages/components/Tooltip/Tooltip.vue +58 -58
  44. package/packages/hooks/useClassName.js +23 -23
  45. package/packages/resolver.js +179 -0
  46. package/packages/styles/README.md +129 -129
  47. package/packages/styles/colorfont/iconfont.css +1 -0
  48. package/packages/styles/components/button.scss +121 -121
  49. package/packages/styles/components/checkbox.scss +18 -18
  50. package/packages/styles/components/dialog.scss +47 -47
  51. package/packages/styles/components/form.scss +18 -18
  52. package/packages/styles/components/input.scss +14 -14
  53. package/packages/styles/components/select.scss +62 -62
  54. package/packages/styles/components/table.scss +37 -37
  55. package/packages/styles/components/tabs.scss +76 -76
  56. package/packages/styles/components/tag.scss +142 -142
  57. package/packages/styles/font/iconfont.scss +363 -363
  58. package/packages/styles/index.scss +94 -94
  59. package/packages/styles/variables/border-mode.css +6 -6
  60. package/packages/styles/variables/color-modes-dark.css +143 -143
  61. package/packages/styles/variables/index.scss +5 -5
  62. package/packages/styles/variables/primitives-style.css +112 -112
  63. package/packages/styles/variables/radius-mode.css +14 -14
  64. package/packages/styles/variables/spacing-mode.css +20 -20
  65. package/packages/styles/variables/typography-desktop.css +40 -40
  66. package/packages/styles/variables/typography-mobile.css +40 -40
  67. package/packages/utils/classNames.js +23 -23
  68. package/packages/utils/styleUtils.js +105 -105
@@ -0,0 +1,26 @@
1
+ /**
2
+ * @mc-markets/ui 组件解析器
3
+ * 用于 unplugin-vue-components 和 unplugin-auto-import
4
+ *
5
+ * 支持自动导入组件和 API
6
+ */
7
+ /**
8
+ * 组件解析器
9
+ * @param {Object} options - 配置选项
10
+ * @param {string} options.prefix - 组件前缀,默认 'm'
11
+ * @param {boolean} options.importStyle - 是否自动导入样式,默认 true
12
+ * @returns {Object} 解析器配置
13
+ */
14
+ export function McMarketsUIResolver(options?: {
15
+ prefix: string;
16
+ importStyle: boolean;
17
+ }): any;
18
+ /**
19
+ * API 自动导入配置
20
+ * 用于 unplugin-auto-import
21
+ */
22
+ export function getMcMarketsUIImports(): {
23
+ '@mc-markets/ui': string[];
24
+ };
25
+ export default McMarketsUIResolver;
26
+ //# sourceMappingURL=resolver.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../packages/resolver.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;;GAMG;AACH,8CAJG;IAAwB,MAAM,EAAtB,MAAM;IACW,WAAW,EAA5B,OAAO;CACf,OA6EF;AAED;;;GAGG;AACH;;EA+EC"}
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.iconfont[data-v-94ce8db4]{display:inline-block;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-spin[data-v-94ce8db4]{animation:icon-spin-94ce8db4 1s linear infinite}@keyframes icon-spin-94ce8db4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-pulse[data-v-94ce8db4]{animation:icon-pulse-94ce8db4 1s ease-in-out infinite}@keyframes icon-pulse-94ce8db4{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.icon-flip-horizontal[data-v-94ce8db4]{transform:scaleX(-1)}.icon-flip-vertical[data-v-94ce8db4]{transform:scaleY(-1)}.icon-flip-both[data-v-94ce8db4]{transform:scale(-1)}.icon-spin.icon-flip-horizontal[data-v-94ce8db4]{animation:icon-spin-flip-horizontal-94ce8db4 1s linear infinite}.icon-spin.icon-flip-vertical[data-v-94ce8db4]{animation:icon-spin-flip-vertical-94ce8db4 1s linear infinite}.icon-spin.icon-flip-both[data-v-94ce8db4]{animation:icon-spin-flip-both-94ce8db4 1s linear infinite}@keyframes icon-spin-flip-horizontal-94ce8db4{0%{transform:rotate(0) scaleX(-1)}to{transform:rotate(360deg) scaleX(-1)}}@keyframes icon-spin-flip-vertical-94ce8db4{0%{transform:rotate(0) scaleY(-1)}to{transform:rotate(360deg) scaleY(-1)}}@keyframes icon-spin-flip-both-94ce8db4{0%{transform:rotate(0) scale(-1)}to{transform:rotate(360deg) scale(-1)}}.mc-tooltip-popper.is-dark{color:#fff!important;background-color:var(--all-gray-6)!important;border-color:var(--all-gray-6)!important}.mc-tooltip-popper.is-dark .el-popper__arrow:before{background-color:var(--all-gray-6)!important;border-color:var(--all-gray-6)!important}.mc-tooltip-popper.is-light{color:#606266!important;background-color:#fff!important;border:1px solid #e4e7ed!important}.mc-tooltip-popper.is-light .el-popper__arrow:before{background-color:#fff!important;border-color:#fff!important}:deep(.el-popper).is-light{background:var(--bg-tertiary-hover);border-color:var(--border-primary)}.m-pagination{--el-border-color-hover: var(--border-tertiary) !important;--el-pagination-button-bg-color: var(--bg-tertiary-hover) !important}.m-pagination.is-background .el-pager li.is-active{color:var(--text-quaternary)!important}.m-pagination .el-pager li{border-radius:var(--xs);border:1px solid transparent}.m-pagination .el-pager li:hover{border:1px solid var(--border-tertiary);color:var(--text-primary)}.m-pagination .el-select .el-select__wrapper{width:112px;min-height:32px;padding:5px 8px;border-radius:var(--xs);background-color:var(--bg-tertiary-hover)}.m-pagination .el-input .el-input__wrapper{height:30px;border-radius:var(--xs);background-color:var(--bg-tertiary-hover)}.m-pagination .el-pagination.is-background{background-color:var(--bg-tertiary-hover)}.m-pagination .el-pager .number{font-size:var(--font-size-text-sm);font-weight:500}.m-pagination .btn-prev:disabled,.m-pagination .btn-next:disabled{background-color:transparent!important}.m-pagination .btn-prev:hover:not(:disabled),.m-pagination .btn-next:hover:not(:disabled){border:1px solid var(--border-tertiary);color:var(--text-primary)}.m-pagination .btn-prev,.m-pagination .btn-next{background-color:transparent!important}.m-radio.el-radio{--el-radio-input-height: 16px;--el-radio-input-width: 16px;--el-radio-input-border: 2px solid var(--icon-tertiary)}.m-radio.el-radio.el-radio--large{--el-radio-input-height: 20px;--el-radio-input-width: 20px}.m-radio.el-radio.el-radio--large .el-radio__inner{height:var(--el-radio-input-height);width:var(--el-radio-input-width)}.m-radio.el-radio .el-radio__input.is-checked .el-radio__inner:after{height:6px;width:6px;background-color:var(--bg-primary)}.m-radio.el-radio .el-radio__input.is-disabled .el-radio__inner{background-color:var(--all-alphe-white-20);border-color:var(--icon-tertiary)}.m-radio.el-radio .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--all-alphe-white-20)}.mc-radio-group-custom .el-radio .el-radio__input .el-radio__inner{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#667eea}.mc-radio-group-custom .el-radio .el-radio__input .el-radio__inner:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190);border-color:#5a6fd8}.mc-radio-group-custom .el-radio .el-radio__input.is-checked .el-radio__inner{background:linear-gradient(45deg,#4c63d2,#5d3a7e);border-color:#4c63d2}.mc-radio-group-custom .el-radio .el-radio__label{color:#667eea;font-weight:500}.mc-radio-group-success .el-radio .el-radio__input .el-radio__inner{background-color:#67c23a;border-color:#67c23a}.mc-radio-group-success .el-radio .el-radio__input .el-radio__inner:hover{background-color:#5daf34;border-color:#5daf34}.mc-radio-group-success .el-radio .el-radio__input.is-checked .el-radio__inner{background-color:#529b2e;border-color:#529b2e}.mc-radio-group-success .el-radio .el-radio__label{color:#67c23a;font-weight:500}.mc-radio-group-warning .el-radio .el-radio__input .el-radio__inner{background-color:#e6a23c;border-color:#e6a23c}.mc-radio-group-warning .el-radio .el-radio__input .el-radio__inner:hover{background-color:#d4922b;border-color:#d4922b}.mc-radio-group-warning .el-radio .el-radio__input.is-checked .el-radio__inner{background-color:#c8951f;border-color:#c8951f}.mc-radio-group-warning .el-radio .el-radio__label{color:#e6a23c;font-weight:500}.mc-radio-group-danger .el-radio .el-radio__input .el-radio__inner{background-color:#f56c6c;border-color:#f56c6c}.mc-radio-group-danger .el-radio .el-radio__input .el-radio__inner:hover{background-color:#f45454;border-color:#f45454}.mc-radio-group-danger .el-radio .el-radio__input.is-checked .el-radio__inner{background-color:#f24545;border-color:#f24545}.mc-radio-group-danger .el-radio .el-radio__label{color:#f56c6c;font-weight:500}.mc-radio-button-custom .el-radio-button__inner{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.mc-radio-button-custom .el-radio-button__inner:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190);border-color:#5a6fd8}.mc-radio-button-custom .el-radio-button__original-radio:checked+.el-radio-button__inner{background:linear-gradient(45deg,#4c63d2,#5d3a7e);border-color:#4c63d2;box-shadow:-1px 0 #4c63d2}.mc-radio-button-success .el-radio-button__inner{background-color:#67c23a;border-color:#67c23a;color:#fff}.mc-radio-button-success .el-radio-button__inner:hover{background-color:#5daf34;border-color:#5daf34}.mc-radio-button-success .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#529b2e;border-color:#529b2e;box-shadow:-1px 0 #529b2e}.mc-radio-button-warning .el-radio-button__inner{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.mc-radio-button-warning .el-radio-button__inner:hover{background-color:#d4922b;border-color:#d4922b}.mc-radio-button-warning .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#c8951f;border-color:#c8951f;box-shadow:-1px 0 #c8951f}.mc-radio-button-danger .el-radio-button__inner{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.mc-radio-button-danger .el-radio-button__inner:hover{background-color:#f45454;border-color:#f45454}.mc-radio-button-danger .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#f24545;border-color:#f24545;box-shadow:-1px 0 #f24545}.m-switch.is-checked .el-switch__action{background-color:var(--all-gray-10)}.m-switch:not(.is-checked) .el-switch__core{background-color:var(--all-gray-5);border-color:var(--all-gray-5)}.m-switch:not(.is-checked) .el-switch__core .el-switch__action{background-color:var(--all-gray-1)}.m-tag .prefixIcon,.m-tag .suffixIcon{font-size:16px;display:inline-block;line-height:1}.m-tag .prefixIcon.iconfont,.m-tag .suffixIcon.iconfont{font-family:iconfont!important}.m-tag .prefixIcon.colorfont,.m-tag .suffixIcon.colorfont{font-family:colorfont!important}.m-tag .el-tag__content{display:flex;align-items:center}.m-tag .prefixIcon{margin-right:4px}.m-tag .suffixIcon{margin-left:4px}.m-tag .custom-spinner{display:inline-block;margin-right:4px;width:16px;height:16px;overflow:hidden}.m-tag .custom-spinner .ldio-spinner{width:100%;height:100%;position:relative;transform:translateZ(0) scale(.16);backface-visibility:hidden;transform-origin:0 0}.m-tag .custom-spinner .ldio-spinner div{left:46px;top:7.5px;position:absolute;animation:ldio-spinner-fade linear 1s infinite;background:currentColor;width:8px;height:21px;border-radius:3.15px;transform-origin:4px 42.5px;box-sizing:content-box}.m-tag .custom-spinner .ldio-spinner div:nth-child(1){transform:rotate(0);animation-delay:-.875s}.m-tag .custom-spinner .ldio-spinner div:nth-child(2){transform:rotate(45deg);animation-delay:-.75s}.m-tag .custom-spinner .ldio-spinner div:nth-child(3){transform:rotate(90deg);animation-delay:-.625s}.m-tag .custom-spinner .ldio-spinner div:nth-child(4){transform:rotate(135deg);animation-delay:-.5s}.m-tag .custom-spinner .ldio-spinner div:nth-child(5){transform:rotate(180deg);animation-delay:-.375s}.m-tag .custom-spinner .ldio-spinner div:nth-child(6){transform:rotate(225deg);animation-delay:-.25s}.m-tag .custom-spinner .ldio-spinner div:nth-child(7){transform:rotate(270deg);animation-delay:-.125s}.m-tag .custom-spinner .ldio-spinner div:nth-child(8){transform:rotate(315deg);animation-delay:0s}@keyframes ldio-spinner-fade{0%{opacity:1}to{opacity:0}}.mc-alert.el-alert{--el-alert-padding: 14px 16px}.mc-alert.el-alert .mc-alert-icon{width:16px;height:16px;object-fit:contain}.mc-alert.el-alert .el-alert__close-btn{top:50%;transform:translateY(-50%);opacity:.6;transition:opacity .2s ease;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mc-alert.el-alert .el-alert__close-btn:hover{opacity:1;background:#0000001a}.mc-alert.el-alert.el-alert--error.is-light{background-color:var(--all-red-10);color:var(--text-error-primary);border-color:var(--all-red-10)}.mc-alert.el-alert.el-alert--error.is-light .el-alert__title,.mc-alert.el-alert.el-alert--error.is-light .el-alert__description,.mc-alert.el-alert.el-alert--error.is-light .el-alert__close-btn{color:var(--text-error-primary)}.mc-alert.el-alert.el-alert--error.is-light .el-alert__icon{display:flex;align-items:center}.mc-alert.el-alert.el-alert--warning.is-light{background-color:var(--all-orange-10);color:var(--text-warning-primary);border-color:var(--all-orange-10)}.mc-alert.el-alert.el-alert--warning.is-light .el-alert__title,.mc-alert.el-alert.el-alert--warning.is-light .el-alert__description,.mc-alert.el-alert.el-alert--warning.is-light .el-alert__close-btn{color:var(--text-warning-primary)}.mc-alert.el-alert.el-alert--warning.is-light .el-alert__icon{display:flex;align-items:center}.mc-alert.el-alert.el-alert--success.is-light{background-color:var(--all-green-10);color:var(--all-green-4);border-color:var(--all-green-10)}.mc-alert.el-alert.el-alert--success.is-light .el-alert__title,.mc-alert.el-alert.el-alert--success.is-light .el-alert__description,.mc-alert.el-alert.el-alert--success.is-light .el-alert__close-btn{color:var(--all-green-4)}.mc-alert.el-alert.el-alert--success.is-light .el-alert__icon{display:flex;align-items:center}.message-container{position:fixed;z-index:9999;pointer-events:none}.custom-message{position:fixed;left:50%;transform:translate(-50%);min-width:200px;max-width:320px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #00000026;pointer-events:auto;z-index:9999;font-size:14px}.custom-message.message-top{top:20px}.custom-message.message-top:nth-child(2){top:70px}.custom-message.message-top:nth-child(3){top:120px}.custom-message.message-top:nth-child(4){top:170px}.custom-message.message-top:nth-child(5){top:220px}.custom-message.message-top-left{top:20px;left:20px;transform:none}.custom-message.message-top-left:nth-child(2){top:70px}.custom-message.message-top-left:nth-child(3){top:120px}.custom-message.message-top-left:nth-child(4){top:170px}.custom-message.message-top-left:nth-child(5){top:220px}.custom-message.message-top-right{top:20px;right:20px;left:auto;transform:none}.custom-message.message-top-right:nth-child(2){top:70px}.custom-message.message-top-right:nth-child(3){top:120px}.custom-message.message-top-right:nth-child(4){top:170px}.custom-message.message-top-right:nth-child(5){top:220px}.custom-message.message-bottom{bottom:20px;top:auto}.custom-message.message-bottom:nth-child(2){bottom:70px}.custom-message.message-bottom:nth-child(3){bottom:120px}.custom-message.message-bottom:nth-child(4){bottom:170px}.custom-message.message-bottom:nth-child(5){bottom:220px}.custom-message.message-bottom-left{bottom:20px;left:20px;top:auto;transform:none}.custom-message.message-bottom-left:nth-child(2){bottom:70px}.custom-message.message-bottom-left:nth-child(3){bottom:120px}.custom-message.message-bottom-left:nth-child(4){bottom:170px}.custom-message.message-bottom-left:nth-child(5){bottom:220px}.custom-message.message-bottom-right{inset:auto 20px 20px auto;transform:none}.custom-message.message-bottom-right:nth-child(2){bottom:70px}.custom-message.message-bottom-right:nth-child(3){bottom:120px}.custom-message.message-bottom-right:nth-child(4){bottom:170px}.custom-message.message-bottom-right:nth-child(5){bottom:220px}.custom-message .message-icon{flex-shrink:0;display:flex;align-items:center}.custom-message .message-icon .message-icon-img{width:16px;height:16px;object-fit:contain}.custom-message .message-content{flex:1;line-height:1.4;position:relative}.custom-message .message-content .message-repeat{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;background:#666;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;border:2px solid white;box-shadow:0 2px 4px #0003}.custom-message .message-close{flex-shrink:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;opacity:.6;transition:opacity .2s ease;font-size:24px;width:20px;height:20px;border-radius:50%;color:var(--icon-tertiary, #999)}.custom-message .message-close:hover{opacity:1;background:#0000001a}.custom-message.message-success{background-color:var(--bg-tertiary-hover, #f5f5f5);color:var(--all-green-4, #67c23a);border:1px solid var(--bg-tertiary-hover, #f5f5f5)}.custom-message.message-success .message-icon{color:var(--all-green-4, #67c23a)}.custom-message.message-success .message-repeat{background:var(--all-green-4, #67c23a);border-color:var(--all-green-4, #67c23a)}.custom-message.message-success.message-plain{background:var(--all-green-4, #67c23a);border:1px solid var(--all-green-4, #67c23a);color:#fff}.custom-message.message-success.message-plain .message-icon{color:#fff}.custom-message.message-warning{background-color:var(--bg-tertiary-hover, #f5f5f5);color:var(--text-warning-primary, #e6a23c);border:1px solid var(--bg-tertiary-hover, #f5f5f5)}.custom-message.message-warning .message-icon{color:var(--text-warning-primary, #e6a23c)}.custom-message.message-warning .message-repeat{background:var(--text-warning-primary, #e6a23c);border-color:var(--text-warning-primary, #e6a23c)}.custom-message.message-warning.message-plain{background:var(--text-warning-primary, #e6a23c);border:1px solid var(--text-warning-primary, #e6a23c);color:#fff}.custom-message.message-warning.message-plain .message-icon{color:#fff}.custom-message.message-error{background-color:var(--bg-tertiary-hover, #f5f5f5);color:var(--text-error-primary, #f56c6c);border:1px solid var(--bg-tertiary-hover, #f5f5f5)}.custom-message.message-error .message-icon{color:var(--text-error-primary, #f56c6c)}.custom-message.message-error .message-repeat{background:var(--text-error-primary, #f56c6c);border-color:var(--text-error-primary, #f56c6c)}.custom-message.message-error.message-plain{background:var(--text-error-primary, #f56c6c);border:1px solid var(--text-error-primary, #f56c6c);color:#fff}.custom-message.message-error.message-plain .message-icon{color:#fff}.message-enter-active,.message-leave-active{transition:all .3s ease}.message-enter-from,.message-leave-to{opacity:0;transform:translate(-50%) translateY(-20px)}.message-move{transition:transform .3s ease}.message-top-left.message-enter-from,.message-top-left.message-leave-to{transform:translate(-20px)}.message-top-right.message-enter-from,.message-top-right.message-leave-to{transform:translate(20px)}.message-bottom.message-enter-from,.message-bottom.message-leave-to{transform:translate(-50%) translateY(20px)}.message-bottom-left.message-enter-from,.message-bottom-left.message-leave-to{transform:translate(-20px)}.message-bottom-right.message-enter-from,.message-bottom-right.message-leave-to{transform:translate(20px)}@media (max-width: 480px){.custom-message{min-width:calc(100vw - 40px);max-width:calc(100vw - 40px);left:20px!important;right:20px!important;transform:none!important}.custom-message.message-enter-from,.custom-message.message-leave-to{transform:translateY(-20px)!important}}.notification-container{position:fixed;z-index:9999;pointer-events:none}.custom-notification{position:fixed;top:20px;right:20px;width:400px;background:#201f24;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:4px;box-shadow:0 8px 32px #0000004d;pointer-events:auto;z-index:9999}.custom-notification:nth-child(2){top:100px}.custom-notification:nth-child(3){top:180px}.custom-notification:nth-child(4){top:260px}.custom-notification:nth-child(5){top:340px}.custom-notification .notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transform:translate(-9px,-8px)}.custom-notification .notification-icon img{width:100%;height:100%;object-fit:contain}.custom-notification .notification-content{flex:1}.custom-notification .notification-content .notification-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.custom-notification .notification-content .notification-message{color:#fffc;font-size:14px;line-height:1.5;margin-bottom:16px}.custom-notification .notification-content .notification-action .custom-action-link{color:#ffd905;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.custom-notification .notification-content .notification-action .custom-action-link:hover{color:#fff}.custom-notification .notification-content .notification-action .custom-action-link span{line-height:1}.custom-notification .notification-content .notification-action .custom-action-link .arrow{transition:transform .2s ease;display:flex;align-items:center;line-height:1}.custom-notification .notification-content .notification-action .custom-action-link:hover .arrow{transform:translate(2px)}.custom-notification .notification-close{position:absolute;top:12px;right:12px;width:20px;height:20px;border:none;background:transparent;color:var(--icon-tertiary, #999);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;opacity:.6;transition:opacity .2s ease}.custom-notification .notification-close:hover{opacity:1;background:#0000001a}.notification-enter-active,.notification-leave-active{transition:all .3s ease}.notification-enter-from,.notification-leave-to{opacity:0;transform:translate(100%)}.notification-move{transition:transform .3s ease}@media (max-width: 480px){.custom-notification{width:calc(100vw - 40px);left:20px!important;right:20px!important}}.m-datepicker.style-type-solid.el-date-editor.el-input__wrapper,.m-datepicker.style-type-solid .el-input__wrapper{box-shadow:none;background-color:var(--bg-tertiary-hover)}.m-datepicker.el-input--small{--el-input-height: 40px}.mc-datepicker-popper .el-picker-panel{border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 4px 12px #0000001a}.mc-datepicker-popper .el-picker-panel .current .el-date-table-cell .el-date-table-cell__text,.mc-datepicker-popper .el-picker-panel .start-date .el-date-table-cell .el-date-table-cell__text,.mc-datepicker-popper .el-picker-panel .end-date .el-date-table-cell .el-date-table-cell__text{color:var(--text-quaternary);border-radius:3px}.mc-datepicker-popper .el-picker-panel .start-date .el-date-table-cell{border-top-left-radius:3px;border-bottom-left-radius:3px}.mc-datepicker-popper .el-picker-panel .end-date .el-date-table-cell{border-top-right-radius:3px;border-bottom-right-radius:3px}.mc-datepicker-popper .el-picker-panel .el-button.is-text{color:var(--text-brand)}.mc-datepicker-popper .el-picker-panel .el-button.is-plain{background:var(--bg-brand);color:var(--text-quaternary)}.m-banner[data-v-6543ff81]{position:relative;display:flex;align-items:center;min-height:40px;border-radius:4px;border:1px solid;font-size:14px;line-height:1.5;padding:10px;transition:all .3s ease}.m-banner__content[data-v-6543ff81]{display:flex;align-items:center;width:100%;flex:1}.m-banner__icon[data-v-6543ff81]{display:flex;align-items:center;margin-right:8px;flex-shrink:0}.m-banner__text[data-v-6543ff81]{flex:1;word-break:break-word}.m-banner__close[data-v-6543ff81]{display:flex;align-items:center;justify-content:center;margin-left:8px;cursor:pointer;padding:4px;border-radius:3px;transition:background-color .2s ease;flex-shrink:0;min-width:20px;min-height:20px;opacity:.7}.m-banner__close[data-v-6543ff81]:hover{background-color:#0000001a;opacity:1}.m-banner--info[data-v-6543ff81]{background-color:#e1f3ff;border-color:#b3d8ff;color:#06c}.m-banner--info .m-banner__close[data-v-6543ff81]:hover{background-color:#0066cc1a}.m-banner--success[data-v-6543ff81]{background-color:#f0f9ff;border-color:#b3e5b3;color:#00a854}.m-banner--success .m-banner__close[data-v-6543ff81]:hover{background-color:#00a8541a}.m-banner--warning[data-v-6543ff81]{background-color:#fff7e6;border-color:#ffd591;color:#fa8c16}.m-banner--warning .m-banner__close[data-v-6543ff81]:hover{background-color:#fa8c161a}.m-banner--error[data-v-6543ff81]{background-color:#fff2f0;border-color:#ffccc7;color:#ff4d4f}.m-banner--error .m-banner__close[data-v-6543ff81]:hover{background-color:#ff4d4f1a}.m-banner.m-banner-leave-active[data-v-6543ff81]{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}@media (prefers-color-scheme: dark){.m-banner--info[data-v-6543ff81]{background-color:#1890ff1a;border-color:#1890ff4d;color:#69c0ff}.m-banner--success[data-v-6543ff81]{background-color:#52c41a1a;border-color:#52c41a4d;color:#95de64}.m-banner--warning[data-v-6543ff81]{background-color:#faad141a;border-color:#faad144d;color:#ffd666}.m-banner--error[data-v-6543ff81]{background-color:#ff4d4f1a;border-color:#ff4d4f4d;color:#ff7875}}.m-tabs__header[data-v-c0a2c4d8]{position:relative}.m-tabs__nav[data-v-c0a2c4d8]{position:relative;display:flex;border-bottom:1px solid var(--border-primary)}.m-tabs__item[data-v-c0a2c4d8]{position:relative;height:24px;margin-right:20px;margin-bottom:6px;cursor:pointer;color:var(--text-tertiary);font-size:var(--font-size-text-base);transition:color .3s;user-select:none;font-weight:600}.m-tabs__item[data-v-c0a2c4d8]:hover,.m-tabs__item.is-active[data-v-c0a2c4d8]{color:var(--text-brand)}.m-tabs__item[data-v-c0a2c4d8]:last-child{margin-right:0}.m-tabs__active-bar[data-v-c0a2c4d8]{position:absolute;bottom:0;height:3px;background-color:var(--text-brand);transition:all .3s;z-index:1}.m-tabs.style-solid .m-tabs__nav[data-v-c0a2c4d8]{border-bottom:none;background-color:var(--bg-tertiary-hover);border-radius:8px;padding:4px}.m-tabs.style-solid .m-tabs__item[data-v-c0a2c4d8]{height:32px;margin-right:0;margin-bottom:0;padding:0 16px;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:transparent;transition:all .3s}.m-tabs.style-solid .m-tabs__item[data-v-c0a2c4d8]:hover{background-color:#0000000d}.m-tabs.style-solid .m-tabs__item.is-active[data-v-c0a2c4d8]{background-color:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 4px #0000001a}.m-tab-pane[data-v-92dbedb7]{display:none}.m-tab-pane.is-active[data-v-92dbedb7]{display:block}.m-tab-card-item[data-v-27e448d5]{position:relative;display:flex;align-items:center;justify-content:center;height:40px;border-radius:var(--md);cursor:pointer;user-select:none;background-color:transparent;padding:0 36px;text-align:center;z-index:1}.m-tab-card-item.is-active[data-v-27e448d5]{background-color:var(--bg-brand, #ffd700);color:var(--text-quaternary);font-weight:600;box-shadow:0 2px 4px #0000001a}.m-tab-card-item.is-disabled[data-v-27e448d5]{cursor:not-allowed;opacity:.5}.m-tab-card-item[data-v-27e448d5]:not(.is-active){color:var(--text-secondary, #ffffff)}.m-tab-card-item__text[data-v-27e448d5]{font-size:14px;line-height:1.4;white-space:nowrap}.m-tab-card[data-v-da12e61c]{display:inline-block}.m-tab-card.is-disabled[data-v-da12e61c]{pointer-events:none;opacity:.6}.m-tab-card__container[data-v-da12e61c]{display:flex;background-color:var(--bg-tertiary-hover, #2a2a2a);border-radius:var(--md);padding:4px;gap:0}.breadcrumb-separator-icon[data-v-d39afcb7]{display:inline-block;vertical-align:middle}.m-breadcrumb[data-v-8657c9f7]{display:inline-flex;align-items:center;font-size:14px;line-height:20px;height:20px}.m-breadcrumb__item[data-v-8657c9f7]{color:var(--text-secondary, #909399);transition:color .2s;white-space:nowrap;line-height:20px;height:20px;display:inline-flex;align-items:center}.m-breadcrumb__item.is-link[data-v-8657c9f7]{color:var(--text-primary, #303133);cursor:pointer;font-weight:500}.m-breadcrumb__item.is-link[data-v-8657c9f7]:hover{color:var(--bg-brand, #ffd700)}.m-breadcrumb__item[data-v-8657c9f7]:last-child{color:var(--text-tertiary, #c0c4cc);cursor:default;font-weight:400}.m-breadcrumb__separator[data-v-8657c9f7]{margin:0 8px;color:var(--text-tertiary, #c0c4cc);flex-shrink:0;display:inline-flex;align-items:center;height:20px}
1
+ @charset "UTF-8";.iconfont[data-v-90f84c9e]{display:inline-block;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-spin[data-v-90f84c9e]{animation:icon-spin-90f84c9e 1s linear infinite}@keyframes icon-spin-90f84c9e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-pulse[data-v-90f84c9e]{animation:icon-pulse-90f84c9e 1s ease-in-out infinite}@keyframes icon-pulse-90f84c9e{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.icon-flip-horizontal[data-v-90f84c9e]{transform:scaleX(-1)}.icon-flip-vertical[data-v-90f84c9e]{transform:scaleY(-1)}.icon-flip-both[data-v-90f84c9e]{transform:scale(-1)}.icon-spin.icon-flip-horizontal[data-v-90f84c9e]{animation:icon-spin-flip-horizontal-90f84c9e 1s linear infinite}.icon-spin.icon-flip-vertical[data-v-90f84c9e]{animation:icon-spin-flip-vertical-90f84c9e 1s linear infinite}.icon-spin.icon-flip-both[data-v-90f84c9e]{animation:icon-spin-flip-both-90f84c9e 1s linear infinite}@keyframes icon-spin-flip-horizontal-90f84c9e{0%{transform:rotate(0) scaleX(-1)}to{transform:rotate(360deg) scaleX(-1)}}@keyframes icon-spin-flip-vertical-90f84c9e{0%{transform:rotate(0) scaleY(-1)}to{transform:rotate(360deg) scaleY(-1)}}@keyframes icon-spin-flip-both-90f84c9e{0%{transform:rotate(0) scale(-1)}to{transform:rotate(360deg) scale(-1)}}.mc-tooltip-popper.is-dark{color:#fff!important;background-color:var(--all-gray-6)!important;border-color:var(--all-gray-6)!important}.mc-tooltip-popper.is-dark .el-popper__arrow:before{background-color:var(--all-gray-6)!important;border-color:var(--all-gray-6)!important}.mc-tooltip-popper.is-light{color:#606266!important;background-color:#fff!important;border:1px solid #e4e7ed!important}.mc-tooltip-popper.is-light .el-popper__arrow:before{background-color:#fff!important;border-color:#fff!important}:deep(.el-popper).is-light{background:var(--bg-tertiary-hover);border-color:var(--border-primary)}.m-pagination{--el-border-color-hover: var(--border-tertiary) !important;--el-pagination-button-bg-color: var(--bg-tertiary-hover) !important}.m-pagination.is-background .el-pager li.is-active{color:var(--text-quaternary)!important}.m-pagination .el-pager li{border-radius:var(--xs);border:1px solid transparent}.m-pagination .el-pager li:hover{border:1px solid var(--border-tertiary);color:var(--text-primary)}.m-pagination .el-select .el-select__wrapper{width:112px;min-height:32px;padding:5px 8px;border-radius:var(--xs);background-color:var(--bg-tertiary-hover)}.m-pagination .el-input .el-input__wrapper{height:30px;border-radius:var(--xs);background-color:var(--bg-tertiary-hover)}.m-pagination .el-pagination.is-background{background-color:var(--bg-tertiary-hover)}.m-pagination .el-pager .number{font-size:var(--font-size-text-sm);font-weight:500}.m-pagination .btn-prev:disabled,.m-pagination .btn-next:disabled{background-color:transparent!important}.m-pagination .btn-prev:hover:not(:disabled),.m-pagination .btn-next:hover:not(:disabled){border:1px solid var(--border-tertiary);color:var(--text-primary)}.m-pagination .btn-prev,.m-pagination .btn-next{background-color:transparent!important}.m-radio.el-radio{--el-radio-input-height: 16px;--el-radio-input-width: 16px;--el-radio-input-border: 2px solid var(--icon-tertiary)}.m-radio.el-radio.el-radio--large{--el-radio-input-height: 20px;--el-radio-input-width: 20px}.m-radio.el-radio.el-radio--large .el-radio__inner{height:var(--el-radio-input-height);width:var(--el-radio-input-width)}.m-radio.el-radio .el-radio__input.is-checked .el-radio__inner:after{height:6px;width:6px;background-color:var(--bg-primary)}.m-radio.el-radio .el-radio__input.is-disabled .el-radio__inner{background-color:var(--all-alphe-white-20);border-color:var(--icon-tertiary)}.m-radio.el-radio .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--all-alphe-white-20)}.mc-radio-group-custom .el-radio .el-radio__input .el-radio__inner{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#667eea}.mc-radio-group-custom .el-radio .el-radio__input .el-radio__inner:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190);border-color:#5a6fd8}.mc-radio-group-custom .el-radio .el-radio__input.is-checked .el-radio__inner{background:linear-gradient(45deg,#4c63d2,#5d3a7e);border-color:#4c63d2}.mc-radio-group-custom .el-radio .el-radio__label{color:#667eea;font-weight:500}.mc-radio-group-success .el-radio .el-radio__input .el-radio__inner{background-color:#67c23a;border-color:#67c23a}.mc-radio-group-success .el-radio .el-radio__input .el-radio__inner:hover{background-color:#5daf34;border-color:#5daf34}.mc-radio-group-success .el-radio .el-radio__input.is-checked .el-radio__inner{background-color:#529b2e;border-color:#529b2e}.mc-radio-group-success .el-radio .el-radio__label{color:#67c23a;font-weight:500}.mc-radio-group-warning .el-radio .el-radio__input .el-radio__inner{background-color:#e6a23c;border-color:#e6a23c}.mc-radio-group-warning .el-radio .el-radio__input .el-radio__inner:hover{background-color:#d4922b;border-color:#d4922b}.mc-radio-group-warning .el-radio .el-radio__input.is-checked .el-radio__inner{background-color:#c8951f;border-color:#c8951f}.mc-radio-group-warning .el-radio .el-radio__label{color:#e6a23c;font-weight:500}.mc-radio-group-danger .el-radio .el-radio__input .el-radio__inner{background-color:#f56c6c;border-color:#f56c6c}.mc-radio-group-danger .el-radio .el-radio__input .el-radio__inner:hover{background-color:#f45454;border-color:#f45454}.mc-radio-group-danger .el-radio .el-radio__input.is-checked .el-radio__inner{background-color:#f24545;border-color:#f24545}.mc-radio-group-danger .el-radio .el-radio__label{color:#f56c6c;font-weight:500}.mc-radio-button-custom .el-radio-button__inner{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.mc-radio-button-custom .el-radio-button__inner:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190);border-color:#5a6fd8}.mc-radio-button-custom .el-radio-button__original-radio:checked+.el-radio-button__inner{background:linear-gradient(45deg,#4c63d2,#5d3a7e);border-color:#4c63d2;box-shadow:-1px 0 #4c63d2}.mc-radio-button-success .el-radio-button__inner{background-color:#67c23a;border-color:#67c23a;color:#fff}.mc-radio-button-success .el-radio-button__inner:hover{background-color:#5daf34;border-color:#5daf34}.mc-radio-button-success .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#529b2e;border-color:#529b2e;box-shadow:-1px 0 #529b2e}.mc-radio-button-warning .el-radio-button__inner{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.mc-radio-button-warning .el-radio-button__inner:hover{background-color:#d4922b;border-color:#d4922b}.mc-radio-button-warning .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#c8951f;border-color:#c8951f;box-shadow:-1px 0 #c8951f}.mc-radio-button-danger .el-radio-button__inner{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.mc-radio-button-danger .el-radio-button__inner:hover{background-color:#f45454;border-color:#f45454}.mc-radio-button-danger .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#f24545;border-color:#f24545;box-shadow:-1px 0 #f24545}.m-switch.is-checked .el-switch__action{background-color:var(--all-gray-10)}.m-switch:not(.is-checked) .el-switch__core{background-color:var(--all-gray-5);border-color:var(--all-gray-5)}.m-switch:not(.is-checked) .el-switch__core .el-switch__action{background-color:var(--all-gray-1)}.m-tag .prefixIcon,.m-tag .suffixIcon{font-size:16px;display:inline-block;line-height:1}.m-tag .prefixIcon.iconfont,.m-tag .suffixIcon.iconfont{font-family:iconfont!important}.m-tag .prefixIcon.colorfont,.m-tag .suffixIcon.colorfont{font-family:colorfont!important}.m-tag .el-tag__content{display:flex;align-items:center}.m-tag .prefixIcon{margin-right:4px}.m-tag .suffixIcon{margin-left:4px}.m-tag .custom-spinner{display:inline-block;margin-right:4px;width:16px;height:16px;overflow:hidden}.m-tag .custom-spinner .ldio-spinner{width:100%;height:100%;position:relative;transform:translateZ(0) scale(.16);backface-visibility:hidden;transform-origin:0 0}.m-tag .custom-spinner .ldio-spinner div{left:46px;top:7.5px;position:absolute;animation:ldio-spinner-fade linear 1s infinite;background:currentColor;width:8px;height:21px;border-radius:3.15px;transform-origin:4px 42.5px;box-sizing:content-box}.m-tag .custom-spinner .ldio-spinner div:nth-child(1){transform:rotate(0);animation-delay:-.875s}.m-tag .custom-spinner .ldio-spinner div:nth-child(2){transform:rotate(45deg);animation-delay:-.75s}.m-tag .custom-spinner .ldio-spinner div:nth-child(3){transform:rotate(90deg);animation-delay:-.625s}.m-tag .custom-spinner .ldio-spinner div:nth-child(4){transform:rotate(135deg);animation-delay:-.5s}.m-tag .custom-spinner .ldio-spinner div:nth-child(5){transform:rotate(180deg);animation-delay:-.375s}.m-tag .custom-spinner .ldio-spinner div:nth-child(6){transform:rotate(225deg);animation-delay:-.25s}.m-tag .custom-spinner .ldio-spinner div:nth-child(7){transform:rotate(270deg);animation-delay:-.125s}.m-tag .custom-spinner .ldio-spinner div:nth-child(8){transform:rotate(315deg);animation-delay:0s}@keyframes ldio-spinner-fade{0%{opacity:1}to{opacity:0}}.mc-alert.el-alert{--el-alert-padding: 14px 16px}.mc-alert.el-alert .mc-alert-icon{width:16px;height:16px;object-fit:contain}.mc-alert.el-alert .el-alert__close-btn{top:50%;transform:translateY(-50%);opacity:.6;transition:opacity .2s ease;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mc-alert.el-alert .el-alert__close-btn:hover{opacity:1;background:#0000001a}.mc-alert.el-alert.el-alert--error.is-light{background-color:var(--all-red-10);color:var(--text-error-primary);border-color:var(--all-red-10)}.mc-alert.el-alert.el-alert--error.is-light .el-alert__title,.mc-alert.el-alert.el-alert--error.is-light .el-alert__description,.mc-alert.el-alert.el-alert--error.is-light .el-alert__close-btn{color:var(--text-error-primary)}.mc-alert.el-alert.el-alert--error.is-light .el-alert__icon{display:flex;align-items:center}.mc-alert.el-alert.el-alert--warning.is-light{background-color:var(--all-orange-10);color:var(--text-warning-primary);border-color:var(--all-orange-10)}.mc-alert.el-alert.el-alert--warning.is-light .el-alert__title,.mc-alert.el-alert.el-alert--warning.is-light .el-alert__description,.mc-alert.el-alert.el-alert--warning.is-light .el-alert__close-btn{color:var(--text-warning-primary)}.mc-alert.el-alert.el-alert--warning.is-light .el-alert__icon{display:flex;align-items:center}.mc-alert.el-alert.el-alert--success.is-light{background-color:var(--all-green-10);color:var(--all-green-4);border-color:var(--all-green-10)}.mc-alert.el-alert.el-alert--success.is-light .el-alert__title,.mc-alert.el-alert.el-alert--success.is-light .el-alert__description,.mc-alert.el-alert.el-alert--success.is-light .el-alert__close-btn{color:var(--all-green-4)}.mc-alert.el-alert.el-alert--success.is-light .el-alert__icon{display:flex;align-items:center}.message-container{position:fixed;z-index:9999;pointer-events:none}.custom-message{position:fixed;left:50%;transform:translate(-50%);min-width:200px;max-width:320px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #00000026;pointer-events:auto;z-index:9999;font-size:14px}.custom-message.message-top{top:20px}.custom-message.message-top:nth-child(2){top:70px}.custom-message.message-top:nth-child(3){top:120px}.custom-message.message-top:nth-child(4){top:170px}.custom-message.message-top:nth-child(5){top:220px}.custom-message.message-top-left{top:20px;left:20px;transform:none}.custom-message.message-top-left:nth-child(2){top:70px}.custom-message.message-top-left:nth-child(3){top:120px}.custom-message.message-top-left:nth-child(4){top:170px}.custom-message.message-top-left:nth-child(5){top:220px}.custom-message.message-top-right{top:20px;right:20px;left:auto;transform:none}.custom-message.message-top-right:nth-child(2){top:70px}.custom-message.message-top-right:nth-child(3){top:120px}.custom-message.message-top-right:nth-child(4){top:170px}.custom-message.message-top-right:nth-child(5){top:220px}.custom-message.message-bottom{bottom:20px;top:auto}.custom-message.message-bottom:nth-child(2){bottom:70px}.custom-message.message-bottom:nth-child(3){bottom:120px}.custom-message.message-bottom:nth-child(4){bottom:170px}.custom-message.message-bottom:nth-child(5){bottom:220px}.custom-message.message-bottom-left{bottom:20px;left:20px;top:auto;transform:none}.custom-message.message-bottom-left:nth-child(2){bottom:70px}.custom-message.message-bottom-left:nth-child(3){bottom:120px}.custom-message.message-bottom-left:nth-child(4){bottom:170px}.custom-message.message-bottom-left:nth-child(5){bottom:220px}.custom-message.message-bottom-right{inset:auto 20px 20px auto;transform:none}.custom-message.message-bottom-right:nth-child(2){bottom:70px}.custom-message.message-bottom-right:nth-child(3){bottom:120px}.custom-message.message-bottom-right:nth-child(4){bottom:170px}.custom-message.message-bottom-right:nth-child(5){bottom:220px}.custom-message .message-icon{flex-shrink:0;display:flex;align-items:center}.custom-message .message-icon .message-icon-img{width:16px;height:16px;object-fit:contain}.custom-message .message-content{flex:1;line-height:1.4;position:relative}.custom-message .message-content .message-repeat{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;background:#666;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;border:2px solid white;box-shadow:0 2px 4px #0003}.custom-message .message-close{flex-shrink:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;opacity:.6;transition:opacity .2s ease;font-size:24px;width:20px;height:20px;border-radius:50%;color:var(--icon-tertiary, #999)}.custom-message .message-close:hover{opacity:1;background:#0000001a}.custom-message.message-success{background-color:var(--bg-tertiary-hover, #f5f5f5);color:var(--all-green-4, #67c23a);border:1px solid var(--bg-tertiary-hover, #f5f5f5)}.custom-message.message-success .message-icon{color:var(--all-green-4, #67c23a)}.custom-message.message-success .message-repeat{background:var(--all-green-4, #67c23a);border-color:var(--all-green-4, #67c23a)}.custom-message.message-success.message-plain{background:var(--all-green-4, #67c23a);border:1px solid var(--all-green-4, #67c23a);color:#fff}.custom-message.message-success.message-plain .message-icon{color:#fff}.custom-message.message-warning{background-color:var(--bg-tertiary-hover, #f5f5f5);color:var(--text-warning-primary, #e6a23c);border:1px solid var(--bg-tertiary-hover, #f5f5f5)}.custom-message.message-warning .message-icon{color:var(--text-warning-primary, #e6a23c)}.custom-message.message-warning .message-repeat{background:var(--text-warning-primary, #e6a23c);border-color:var(--text-warning-primary, #e6a23c)}.custom-message.message-warning.message-plain{background:var(--text-warning-primary, #e6a23c);border:1px solid var(--text-warning-primary, #e6a23c);color:#fff}.custom-message.message-warning.message-plain .message-icon{color:#fff}.custom-message.message-error{background-color:var(--bg-tertiary-hover, #f5f5f5);color:var(--text-error-primary, #f56c6c);border:1px solid var(--bg-tertiary-hover, #f5f5f5)}.custom-message.message-error .message-icon{color:var(--text-error-primary, #f56c6c)}.custom-message.message-error .message-repeat{background:var(--text-error-primary, #f56c6c);border-color:var(--text-error-primary, #f56c6c)}.custom-message.message-error.message-plain{background:var(--text-error-primary, #f56c6c);border:1px solid var(--text-error-primary, #f56c6c);color:#fff}.custom-message.message-error.message-plain .message-icon{color:#fff}.message-enter-active,.message-leave-active{transition:all .3s ease}.message-enter-from,.message-leave-to{opacity:0;transform:translate(-50%) translateY(-20px)}.message-move{transition:transform .3s ease}.message-top-left.message-enter-from,.message-top-left.message-leave-to{transform:translate(-20px)}.message-top-right.message-enter-from,.message-top-right.message-leave-to{transform:translate(20px)}.message-bottom.message-enter-from,.message-bottom.message-leave-to{transform:translate(-50%) translateY(20px)}.message-bottom-left.message-enter-from,.message-bottom-left.message-leave-to{transform:translate(-20px)}.message-bottom-right.message-enter-from,.message-bottom-right.message-leave-to{transform:translate(20px)}@media (max-width: 480px){.custom-message{min-width:calc(100vw - 40px);max-width:calc(100vw - 40px);left:20px!important;right:20px!important;transform:none!important}.custom-message.message-enter-from,.custom-message.message-leave-to{transform:translateY(-20px)!important}}.notification-container{position:fixed;z-index:9999;pointer-events:none}.custom-notification{position:fixed;top:20px;right:20px;width:400px;background:#201f24;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:4px;box-shadow:0 8px 32px #0000004d;pointer-events:auto;z-index:9999}.custom-notification:nth-child(2){top:100px}.custom-notification:nth-child(3){top:180px}.custom-notification:nth-child(4){top:260px}.custom-notification:nth-child(5){top:340px}.custom-notification .notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transform:translate(-9px,-8px)}.custom-notification .notification-icon img{width:100%;height:100%;object-fit:contain}.custom-notification .notification-content{flex:1}.custom-notification .notification-content .notification-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.custom-notification .notification-content .notification-message{color:#fffc;font-size:14px;line-height:1.5;margin-bottom:16px}.custom-notification .notification-content .notification-action .custom-action-link{color:#ffd905;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.custom-notification .notification-content .notification-action .custom-action-link:hover{color:#fff}.custom-notification .notification-content .notification-action .custom-action-link span{line-height:1}.custom-notification .notification-content .notification-action .custom-action-link .arrow{transition:transform .2s ease;display:flex;align-items:center;line-height:1}.custom-notification .notification-content .notification-action .custom-action-link:hover .arrow{transform:translate(2px)}.custom-notification .notification-close{position:absolute;top:12px;right:12px;width:20px;height:20px;border:none;background:transparent;color:var(--icon-tertiary, #999);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;opacity:.6;transition:opacity .2s ease}.custom-notification .notification-close:hover{opacity:1;background:#0000001a}.notification-enter-active,.notification-leave-active{transition:all .3s ease}.notification-enter-from,.notification-leave-to{opacity:0;transform:translate(100%)}.notification-move{transition:transform .3s ease}@media (max-width: 480px){.custom-notification{width:calc(100vw - 40px);left:20px!important;right:20px!important}}.m-datepicker.style-type-solid.el-date-editor.el-input__wrapper,.m-datepicker.style-type-solid .el-input__wrapper{box-shadow:none;background-color:var(--bg-tertiary-hover)}.m-datepicker.el-input--small{--el-input-height: 40px}.mc-datepicker-popper .el-picker-panel{border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 4px 12px #0000001a}.mc-datepicker-popper .el-picker-panel .current .el-date-table-cell .el-date-table-cell__text,.mc-datepicker-popper .el-picker-panel .start-date .el-date-table-cell .el-date-table-cell__text,.mc-datepicker-popper .el-picker-panel .end-date .el-date-table-cell .el-date-table-cell__text{color:var(--text-quaternary);border-radius:3px}.mc-datepicker-popper .el-picker-panel .start-date .el-date-table-cell{border-top-left-radius:3px;border-bottom-left-radius:3px}.mc-datepicker-popper .el-picker-panel .end-date .el-date-table-cell{border-top-right-radius:3px;border-bottom-right-radius:3px}.mc-datepicker-popper .el-picker-panel .el-button.is-text{color:var(--text-brand)}.mc-datepicker-popper .el-picker-panel .el-button.is-plain{background:var(--bg-brand);color:var(--text-quaternary)}.m-banner[data-v-00c80323]{position:relative;display:flex;align-items:center;min-height:40px;border-radius:4px;border:1px solid;font-size:14px;line-height:1.5;padding:10px;transition:all .3s ease}.m-banner__content[data-v-00c80323]{display:flex;align-items:center;width:100%;flex:1}.m-banner__icon[data-v-00c80323]{display:flex;align-items:center;margin-right:8px;flex-shrink:0}.m-banner__text[data-v-00c80323]{flex:1;word-break:break-word}.m-banner__close[data-v-00c80323]{display:flex;align-items:center;justify-content:center;margin-left:8px;cursor:pointer;padding:4px;border-radius:3px;transition:background-color .2s ease;flex-shrink:0;min-width:20px;min-height:20px;opacity:.7}.m-banner__close[data-v-00c80323]:hover{background-color:#0000001a;opacity:1}.m-banner--info[data-v-00c80323]{background-color:#e1f3ff;border-color:#b3d8ff;color:#06c}.m-banner--info .m-banner__close[data-v-00c80323]:hover{background-color:#0066cc1a}.m-banner--success[data-v-00c80323]{background-color:#f0f9ff;border-color:#b3e5b3;color:#00a854}.m-banner--success .m-banner__close[data-v-00c80323]:hover{background-color:#00a8541a}.m-banner--warning[data-v-00c80323]{background-color:#fff7e6;border-color:#ffd591;color:#fa8c16}.m-banner--warning .m-banner__close[data-v-00c80323]:hover{background-color:#fa8c161a}.m-banner--error[data-v-00c80323]{background-color:#fff2f0;border-color:#ffccc7;color:#ff4d4f}.m-banner--error .m-banner__close[data-v-00c80323]:hover{background-color:#ff4d4f1a}.m-banner.m-banner-leave-active[data-v-00c80323]{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}@media (prefers-color-scheme: dark){.m-banner--info[data-v-00c80323]{background-color:#1890ff1a;border-color:#1890ff4d;color:#69c0ff}.m-banner--success[data-v-00c80323]{background-color:#52c41a1a;border-color:#52c41a4d;color:#95de64}.m-banner--warning[data-v-00c80323]{background-color:#faad141a;border-color:#faad144d;color:#ffd666}.m-banner--error[data-v-00c80323]{background-color:#ff4d4f1a;border-color:#ff4d4f4d;color:#ff7875}}.m-tabs__header[data-v-37dc138d]{position:relative}.m-tabs__nav[data-v-37dc138d]{position:relative;display:flex;border-bottom:1px solid var(--border-primary)}.m-tabs__item[data-v-37dc138d]{position:relative;height:24px;margin-right:20px;margin-bottom:6px;cursor:pointer;color:var(--text-tertiary);font-size:var(--font-size-text-base);transition:color .3s;user-select:none;font-weight:600}.m-tabs__item[data-v-37dc138d]:hover,.m-tabs__item.is-active[data-v-37dc138d]{color:var(--text-brand)}.m-tabs__item[data-v-37dc138d]:last-child{margin-right:0}.m-tabs__active-bar[data-v-37dc138d]{position:absolute;bottom:0;height:3px;background-color:var(--text-brand);transition:all .3s;z-index:1}.m-tabs.style-solid .m-tabs__nav[data-v-37dc138d]{border-bottom:none;background-color:var(--bg-tertiary-hover);border-radius:8px;padding:4px}.m-tabs.style-solid .m-tabs__item[data-v-37dc138d]{height:32px;margin-right:0;margin-bottom:0;padding:0 16px;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:transparent;transition:all .3s}.m-tabs.style-solid .m-tabs__item[data-v-37dc138d]:hover{background-color:#0000000d}.m-tabs.style-solid .m-tabs__item.is-active[data-v-37dc138d]{background-color:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 4px #0000001a}.m-tab-pane[data-v-31f89b3b]{display:none}.m-tab-pane.is-active[data-v-31f89b3b]{display:block}.m-tab-card-item[data-v-aa4c402c]{position:relative;display:flex;align-items:center;justify-content:center;height:40px;border-radius:var(--md);cursor:pointer;user-select:none;background-color:transparent;padding:0 36px;text-align:center;z-index:1}.m-tab-card-item.is-active[data-v-aa4c402c]{background-color:var(--bg-brand, #ffd700);color:var(--text-quaternary);font-weight:600;box-shadow:0 2px 4px #0000001a}.m-tab-card-item.is-disabled[data-v-aa4c402c]{cursor:not-allowed;opacity:.5}.m-tab-card-item[data-v-aa4c402c]:not(.is-active){color:var(--text-secondary, #ffffff)}.m-tab-card-item__text[data-v-aa4c402c]{font-size:14px;line-height:1.4;white-space:nowrap}.m-tab-card[data-v-098ad86f]{display:inline-block}.m-tab-card.is-disabled[data-v-098ad86f]{pointer-events:none;opacity:.6}.m-tab-card__container[data-v-098ad86f]{display:flex;background-color:var(--bg-tertiary-hover, #2a2a2a);border-radius:var(--md);padding:4px;gap:0}.breadcrumb-separator-icon[data-v-dd1ad62c]{display:inline-block;vertical-align:middle}.m-breadcrumb[data-v-bfa840fa]{display:inline-flex;align-items:center;font-size:14px;line-height:20px;height:20px}.m-breadcrumb__item[data-v-bfa840fa]{color:var(--text-secondary, #909399);transition:color .2s;white-space:nowrap;line-height:20px;height:20px;display:inline-flex;align-items:center}.m-breadcrumb__item.is-link[data-v-bfa840fa]{color:var(--text-primary, #303133);cursor:pointer;font-weight:500}.m-breadcrumb__item.is-link[data-v-bfa840fa]:hover{color:var(--bg-brand, #ffd700)}.m-breadcrumb__item[data-v-bfa840fa]:last-child{color:var(--text-tertiary, #c0c4cc);cursor:default;font-weight:400}.m-breadcrumb__separator[data-v-bfa840fa]{margin:0 8px;color:var(--text-tertiary, #c0c4cc);flex-shrink:0;display:inline-flex;align-items:center;height:20px}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mc-markets/ui",
3
3
  "private": false,
4
- "version": "1.0.90",
4
+ "version": "1.0.92",
5
5
  "type": "module",
6
6
  "author": "chenyu",
7
7
  "description": "Vue 3 组件库,基于 Element Plus 的自定义组件",
@@ -14,6 +14,10 @@
14
14
  "require": "./dist/index.cjs",
15
15
  "types": "./dist/index.d.ts"
16
16
  },
17
+ "./resolver": {
18
+ "import": "./packages/resolver.js",
19
+ "require": "./packages/resolver.js"
20
+ },
17
21
  "./styles/index": "./packages/styles/index.scss",
18
22
  "./styles/font": "./packages/styles/font/iconfont.css",
19
23
  "./styles/colorfont": "./packages/styles/colorfont/iconfont.css",
@@ -26,13 +30,12 @@
26
30
  "packages/components",
27
31
  "packages/hooks",
28
32
  "packages/utils",
29
- "README.md"
33
+ "packages/resolver.js",
34
+ "README.md",
35
+ "USAGE_GUIDE.md"
30
36
  ],
31
37
  "keywords": [
32
38
  "vue3",
33
- "javascript",
34
- "ui",
35
- "component",
36
39
  "element-plus",
37
40
  "ui-library",
38
41
  "components"
@@ -1,140 +1,140 @@
1
- <template>
2
- <el-alert v-bind="mergedAttrs" class="mc-alert">
3
- <!-- 自定义图标插槽 -->
4
- <template v-if="iconUrl" #icon>
5
- <img :src="iconUrl" :alt="`${type} icon`" class="mc-alert-icon" />
6
- </template>
7
-
8
- <!-- 其他插槽 -->
9
- <template v-for="(_, name) in $slots" :key="name" #[name]>
10
- <slot :name="name" />
11
- </template>
12
- </el-alert>
13
- </template>
14
-
15
- <script>
16
- // 定义可选的Alert类型
17
- const availableTypes = ['success', 'warning', 'error']
18
-
19
- export default {
20
- name: 'MAlert'
21
- }
22
- </script>
23
-
24
- <script setup>
25
- import { computed, useAttrs } from 'vue'
26
-
27
- const props = defineProps({
28
- type: {
29
- type: String,
30
- default: 'success',
31
- validator: (value) => availableTypes.includes(value)
32
- },
33
- useCustomIcon: {
34
- type: Boolean,
35
- default: true
36
- }
37
- })
38
-
39
- const attrs = useAttrs()
40
-
41
- // 排除已处理的属性,确保 type 属性正确传递
42
- const mergedAttrs = computed(() => {
43
- const { useCustomIcon, ...rest } = attrs
44
- return {
45
- ...rest,
46
- type: props.type // 确保 type 属性正确传递给 el-alert
47
- }
48
- })
49
-
50
- // 计算图标URL
51
- const iconUrl = computed(() => {
52
- if (!props.useCustomIcon) {
53
- return null
54
- }
55
-
56
- return `https://cfdsaas-pre.oss-cn-hongkong.aliyuncs.com/mc-assets/mc-ui/alert/alert-${props.type}.png`
57
- })
58
- </script>
59
-
60
- <style lang="scss">
61
- .mc-alert.el-alert {
62
- --el-alert-padding: 14px 16px;
63
- .mc-alert-icon {
64
- width: 16px;
65
- height: 16px;
66
- object-fit: contain;
67
- }
68
- .el-alert__close-btn{
69
- top: 50%;
70
- transform: translateY(-50%);
71
- opacity: 0.6;
72
- transition: opacity 0.2s ease;
73
- border-radius: 50%;
74
- width: 20px;
75
- height: 20px;
76
- display: flex;
77
- align-items: center;
78
- justify-content: center;
79
-
80
- &:hover {
81
- opacity: 1;
82
- background: rgba(0, 0, 0, 0.1);
83
- }
84
- }
85
- // Error 类型样式
86
- &.el-alert--error.is-light {
87
- background-color: var(--all-red-10);
88
- color: var(--text-error-primary);
89
- border-color: var(--all-red-10);
90
-
91
- .el-alert__title,
92
- .el-alert__description,
93
- .el-alert__close-btn {
94
- color: var(--text-error-primary);
95
- }
96
-
97
- .el-alert__icon {
98
- display: flex;
99
- align-items: center;
100
- }
101
- }
102
-
103
- // Warning 类型样式
104
- &.el-alert--warning.is-light {
105
- background-color: var(--all-orange-10);
106
- color: var(--text-warning-primary);
107
- border-color: var(--all-orange-10);
108
-
109
- .el-alert__title,
110
- .el-alert__description,
111
- .el-alert__close-btn {
112
- color: var(--text-warning-primary);
113
- }
114
-
115
- .el-alert__icon {
116
- display: flex;
117
- align-items: center;
118
- }
119
- }
120
-
121
- // Success 类型样式
122
- &.el-alert--success.is-light {
123
- background-color: var(--all-green-10);
124
- color: var(--all-green-4);
125
- border-color: var(--all-green-10);
126
-
127
- .el-alert__title,
128
- .el-alert__description,
129
- .el-alert__close-btn {
130
- color: var(--all-green-4);
131
- }
132
-
133
- .el-alert__icon {
134
- display: flex;
135
- align-items: center;
136
- }
137
- }
138
- }
139
-
1
+ <template>
2
+ <el-alert v-bind="mergedAttrs" class="mc-alert">
3
+ <!-- 自定义图标插槽 -->
4
+ <template v-if="iconUrl" #icon>
5
+ <img :src="iconUrl" :alt="`${type} icon`" class="mc-alert-icon" />
6
+ </template>
7
+
8
+ <!-- 其他插槽 -->
9
+ <template v-for="(_, name) in $slots" :key="name" #[name]>
10
+ <slot :name="name" />
11
+ </template>
12
+ </el-alert>
13
+ </template>
14
+
15
+ <script>
16
+ // 定义可选的Alert类型
17
+ const availableTypes = ['success', 'warning', 'error']
18
+
19
+ export default {
20
+ name: 'MAlert'
21
+ }
22
+ </script>
23
+
24
+ <script setup>
25
+ import { computed, useAttrs } from 'vue'
26
+
27
+ const props = defineProps({
28
+ type: {
29
+ type: String,
30
+ default: 'success',
31
+ validator: (value) => availableTypes.includes(value)
32
+ },
33
+ useCustomIcon: {
34
+ type: Boolean,
35
+ default: true
36
+ }
37
+ })
38
+
39
+ const attrs = useAttrs()
40
+
41
+ // 排除已处理的属性,确保 type 属性正确传递
42
+ const mergedAttrs = computed(() => {
43
+ const { useCustomIcon, ...rest } = attrs
44
+ return {
45
+ ...rest,
46
+ type: props.type // 确保 type 属性正确传递给 el-alert
47
+ }
48
+ })
49
+
50
+ // 计算图标URL
51
+ const iconUrl = computed(() => {
52
+ if (!props.useCustomIcon) {
53
+ return null
54
+ }
55
+
56
+ return `https://cfdsaas-pre.oss-cn-hongkong.aliyuncs.com/mc-assets/mc-ui/alert/alert-${props.type}.png`
57
+ })
58
+ </script>
59
+
60
+ <style lang="scss">
61
+ .mc-alert.el-alert {
62
+ --el-alert-padding: 14px 16px;
63
+ .mc-alert-icon {
64
+ width: 16px;
65
+ height: 16px;
66
+ object-fit: contain;
67
+ }
68
+ .el-alert__close-btn{
69
+ top: 50%;
70
+ transform: translateY(-50%);
71
+ opacity: 0.6;
72
+ transition: opacity 0.2s ease;
73
+ border-radius: 50%;
74
+ width: 20px;
75
+ height: 20px;
76
+ display: flex;
77
+ align-items: center;
78
+ justify-content: center;
79
+
80
+ &:hover {
81
+ opacity: 1;
82
+ background: rgba(0, 0, 0, 0.1);
83
+ }
84
+ }
85
+ // Error 类型样式
86
+ &.el-alert--error.is-light {
87
+ background-color: var(--all-red-10);
88
+ color: var(--text-error-primary);
89
+ border-color: var(--all-red-10);
90
+
91
+ .el-alert__title,
92
+ .el-alert__description,
93
+ .el-alert__close-btn {
94
+ color: var(--text-error-primary);
95
+ }
96
+
97
+ .el-alert__icon {
98
+ display: flex;
99
+ align-items: center;
100
+ }
101
+ }
102
+
103
+ // Warning 类型样式
104
+ &.el-alert--warning.is-light {
105
+ background-color: var(--all-orange-10);
106
+ color: var(--text-warning-primary);
107
+ border-color: var(--all-orange-10);
108
+
109
+ .el-alert__title,
110
+ .el-alert__description,
111
+ .el-alert__close-btn {
112
+ color: var(--text-warning-primary);
113
+ }
114
+
115
+ .el-alert__icon {
116
+ display: flex;
117
+ align-items: center;
118
+ }
119
+ }
120
+
121
+ // Success 类型样式
122
+ &.el-alert--success.is-light {
123
+ background-color: var(--all-green-10);
124
+ color: var(--all-green-4);
125
+ border-color: var(--all-green-10);
126
+
127
+ .el-alert__title,
128
+ .el-alert__description,
129
+ .el-alert__close-btn {
130
+ color: var(--all-green-4);
131
+ }
132
+
133
+ .el-alert__icon {
134
+ display: flex;
135
+ align-items: center;
136
+ }
137
+ }
138
+ }
139
+
140
140
  </style>