@cghbcf/xp-ui 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1162 -0
- package/dist/cghbcf-xp-ui.cjs.js +5 -0
- package/dist/cghbcf-xp-ui.es.js +2133 -0
- package/dist/style.css +1 -1
- package/package.json +6 -9
- package/dist/xp-ui.cjs.js +0 -1
- package/dist/xp-ui.es.js +0 -274
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:#303133;background-color:#f2f3f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}input,button,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}button{border:none;background:none;cursor:pointer}input[type=text],input[type=password],input[type=number],textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none}a{color:#409eff;text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;vertical-align:middle}.xp-button[data-v-8bb35629]{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;outline:none}.xp-button[data-v-8bb35629]:focus{outline:none}.xp-button--primary[data-v-8bb35629]{background-color:#409eff;color:#fff}.xp-button--primary[data-v-8bb35629]:hover:not(:disabled){background-color:#66b1ff}.xp-button--primary[data-v-8bb35629]:active:not(:disabled){background-color:#3a8ee6}.xp-button--default[data-v-8bb35629]{background-color:#fff;color:#606266;border:1px solid #dcdfe6}.xp-button--default[data-v-8bb35629]:hover:not(:disabled){color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.xp-button--default[data-v-8bb35629]:active:not(:disabled){border-color:#409eff}.xp-button--success[data-v-8bb35629]{background-color:#67c23a;color:#fff}.xp-button--success[data-v-8bb35629]:hover:not(:disabled){background-color:#85ce61}.xp-button--success[data-v-8bb35629]:active:not(:disabled){background-color:#5daf34}.xp-button--warning[data-v-8bb35629]{background-color:#e6a23c;color:#fff}.xp-button--warning[data-v-8bb35629]:hover:not(:disabled){background-color:#ebb563}.xp-button--warning[data-v-8bb35629]:active:not(:disabled){background-color:#cf9236}.xp-button--danger[data-v-8bb35629]{background-color:#f56c6c;color:#fff}.xp-button--danger[data-v-8bb35629]:hover:not(:disabled){background-color:#f78989}.xp-button--danger[data-v-8bb35629]:active:not(:disabled){background-color:#e45656}.xp-button--small[data-v-8bb35629]{padding:4px 12px;font-size:12px}.xp-button--medium[data-v-8bb35629]{padding:8px 16px;font-size:14px}.xp-button--large[data-v-8bb35629]{padding:12px 24px;font-size:16px}.xp-button--disabled[data-v-8bb35629],.xp-button--loading[data-v-8bb35629]{cursor:not-allowed;opacity:.6}.xp-button__loading[data-v-8bb35629]{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-8bb35629 .6s linear infinite;margin-right:6px}.xp-button--default .xp-button__loading[data-v-8bb35629]{border-color:#6062664d;border-top-color:#606266}.xp-button__text[data-v-8bb35629]{display:inline-flex;align-items:center}@keyframes spin-8bb35629{to{transform:rotate(360deg)}}.xp-input[data-v-d69c9b60]{position:relative;display:inline-flex;align-items:center;width:100%;max-width:320px}.xp-input__inner[data-v-d69c9b60]{width:100%;height:40px;padding:0 15px;font-size:14px;color:#303133;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;outline:none;transition:all .2s ease}.xp-input__inner[data-v-d69c9b60]:focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff1a}.xp-input__inner[data-v-d69c9b60]::placeholder{color:#c0c4cc}.xp-input--small .xp-input__inner[data-v-d69c9b60]{height:32px;padding:0 12px;font-size:12px}.xp-input--medium .xp-input__inner[data-v-d69c9b60]{height:40px;padding:0 15px;font-size:14px}.xp-input--large .xp-input__inner[data-v-d69c9b60]{height:48px;padding:0 15px;font-size:16px}.xp-input--disabled .xp-input__inner[data-v-d69c9b60]{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.xp-input--prefix .xp-input__inner[data-v-d69c9b60]{padding-left:35px}.xp-input--suffix .xp-input__inner[data-v-d69c9b60]{padding-right:35px}.xp-input__prefix[data-v-d69c9b60],.xp-input__suffix[data-v-d69c9b60]{position:absolute;width:25px;height:100%;display:flex;align-items:center;justify-content:center;color:#909399;font-size:14px}.xp-input__prefix[data-v-d69c9b60]{left:0}.xp-input__suffix[data-v-d69c9b60]{right:0}.xp-card[data-v-60989cba]{background-color:#fff;border-radius:4px;border:1px solid #ebeef5;overflow:hidden;transition:box-shadow .2s ease}.xp-card--always[data-v-60989cba]{box-shadow:0 2px 12px #0000001a}.xp-card--hover[data-v-60989cba]{box-shadow:none}.xp-card--hover[data-v-60989cba]:hover{box-shadow:0 2px 12px #0000001a}.xp-card--never[data-v-60989cba]{box-shadow:none}.xp-card__header[data-v-60989cba]{padding:18px 20px;border-bottom:1px solid #ebeef5;box-sizing:border-box}.xp-card__title[data-v-60989cba]{margin:0;font-size:16px;font-weight:600;color:#303133}.xp-card__body[data-v-60989cba]{padding:20px;color:#606266;font-size:14px;line-height:1.8}.xp-card__footer[data-v-60989cba]{padding:18px 20px;border-top:1px solid #ebeef5;box-sizing:border-box}.xp-dialog__wrapper[data-v-7015aab1]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center}.xp-dialog__mask[data-v-7015aab1]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080}.xp-dialog[data-v-7015aab1]{position:relative;background-color:#fff;border-radius:4px;box-shadow:0 2px 12px #0000001a;width:500px;margin:0 auto;overflow:hidden}.xp-dialog__header[data-v-7015aab1]{padding:18px 20px;border-bottom:1px solid #ebeef5;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.xp-dialog__title[data-v-7015aab1]{margin:0;font-size:16px;font-weight:600;color:#303133}.xp-dialog__close[data-v-7015aab1]{background:none;border:none;font-size:24px;color:#909399;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.xp-dialog__close[data-v-7015aab1]:hover{color:#606266}.xp-dialog__body[data-v-7015aab1]{padding:20px;color:#606266;font-size:14px;line-height:1.8}.xp-dialog__footer[data-v-7015aab1]{padding:18px 20px;border-top:1px solid #ebeef5;display:flex;justify-content:flex-end;gap:12px;box-sizing:border-box}.xp-dialog-fade-enter-active[data-v-7015aab1],.xp-dialog-fade-leave-active[data-v-7015aab1]{transition:opacity .2s ease}.xp-dialog-fade-enter-from[data-v-7015aab1],.xp-dialog-fade-leave-to[data-v-7015aab1]{opacity:0}.xp-dialog-slide-enter-active[data-v-7015aab1],.xp-dialog-slide-leave-active[data-v-7015aab1]{transition:all .3s ease}.xp-dialog-slide-enter-from[data-v-7015aab1],.xp-dialog-slide-leave-to[data-v-7015aab1]{opacity:0;transform:translateY(-20px) scale(.95)}
|
|
1
|
+
:root,[data-theme=light]{--xp-color-primary: #409eff;--xp-color-primary-light: #66b1ff;--xp-color-primary-dark: #3a8ee6;--xp-color-primary-bg: #ecf5ff;--xp-color-primary-border: #c6e2ff;--xp-color-success: #67c23a;--xp-color-success-light: #85ce61;--xp-color-success-dark: #5daf34;--xp-color-success-bg: #f0f9eb;--xp-color-success-border: #c2e7b0;--xp-color-warning: #e6a23c;--xp-color-warning-light: #ebb563;--xp-color-warning-dark: #cf9236;--xp-color-warning-bg: #fdf6ec;--xp-color-warning-border: #f5dab1;--xp-color-danger: #f56c6c;--xp-color-danger-light: #f78989;--xp-color-danger-dark: #e45656;--xp-color-danger-bg: #fef0f0;--xp-color-danger-border: #fbc4c4;--xp-color-info: #909399;--xp-color-info-light: #a6a9ad;--xp-color-info-dark: #73767a;--xp-color-info-bg: #f4f4f5;--xp-color-info-border: #d3d4d6;--xp-text-color-primary: #303133;--xp-text-color-regular: #606266;--xp-text-color-secondary: #909399;--xp-text-color-placeholder: #c0c4cc;--xp-border-color: #dcdfe6;--xp-border-color-light: #ebeef5;--xp-border-color-lighter: #f2f6fc;--xp-bg-color: #ffffff;--xp-bg-color-page: #f2f3f5;--xp-bg-color-soft: #f5f7fa;--xp-bg-color-overlay: rgba(0, 0, 0, .5);--xp-fill-color: #f0f2f5;--xp-fill-color-light: #f5f7fa;--xp-fill-color-lighter: #fafafa;--xp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--xp-shadow-md: 0 2px 12px 0 rgba(0, 0, 0, .1);--xp-shadow-lg: 0 4px 20px 0 rgba(0, 0, 0, .15);--xp-shadow-overlay: 0 8px 24px 0 rgba(0, 0, 0, .2)}[data-theme=dark]{--xp-color-primary: #409eff;--xp-color-primary-light: #79bbff;--xp-color-primary-dark: #337ecc;--xp-color-primary-bg: #1b2b3f;--xp-color-primary-border: #2b4b6b;--xp-color-success: #67c23a;--xp-color-success-light: #85ce61;--xp-color-success-dark: #529b2e;--xp-color-success-bg: #1d2f1a;--xp-color-success-border: #2d4a2a;--xp-color-warning: #e6a23c;--xp-color-warning-light: #ebb563;--xp-color-warning-dark: #b88230;--xp-color-warning-bg: #382b1f;--xp-color-warning-border: #5a452a;--xp-color-danger: #f56c6c;--xp-color-danger-light: #f78989;--xp-color-danger-dark: #c45656;--xp-color-danger-bg: #3a1f1f;--xp-color-danger-border: #5a2a2a;--xp-color-info: #909399;--xp-color-info-light: #a6a9ad;--xp-color-info-dark: #73767a;--xp-color-info-bg: #2a2d30;--xp-color-info-border: #3d4145;--xp-text-color-primary: #e5eaf3;--xp-text-color-regular: #cfd3dc;--xp-text-color-secondary: #a3a6ad;--xp-text-color-placeholder: #8d9095;--xp-border-color: #4c4d4f;--xp-border-color-light: #414243;--xp-border-color-lighter: #363637;--xp-bg-color: #1d1e1f;--xp-bg-color-page: #141414;--xp-bg-color-soft: #2a2b2c;--xp-bg-color-overlay: rgba(0, 0, 0, .7);--xp-fill-color: #303030;--xp-fill-color-light: #262727;--xp-fill-color-lighter: #1d1d1d;--xp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--xp-shadow-md: 0 2px 12px 0 rgba(0, 0, 0, .45);--xp-shadow-lg: 0 4px 20px 0 rgba(0, 0, 0, .5);--xp-shadow-overlay: 0 8px 24px 0 rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--xp-text-color-primary);background-color:var(--xp-bg-color-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}body{min-height:100vh;background-color:var(--xp-bg-color-page);color:var(--xp-text-color-primary);transition:background-color .25s ease,color .25s ease}input,button,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}button{border:none;background:none;cursor:pointer}input[type=text],input[type=password],input[type=number],input[type=email],textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none}a{color:var(--xp-color-primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;vertical-align:middle}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--xp-fill-color)}::-webkit-scrollbar-thumb{background-color:var(--xp-border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--xp-text-color-secondary)}html{scrollbar-width:thin;scrollbar-color:var(--xp-border-color) var(--xp-fill-color)}.xp-alert[data-v-91d792bd]{position:relative;display:flex;align-items:flex-start;padding:12px 16px;border:1px solid transparent;border-radius:4px;font-size:14px;line-height:1.6;transition:opacity .2s ease}.xp-alert--light.xp-alert--success[data-v-91d792bd]{background-color:var(--xp-color-success-bg);color:var(--xp-color-success);border-color:var(--xp-color-success-border)}.xp-alert--light.xp-alert--success .xp-alert__title[data-v-91d792bd]{color:var(--xp-color-success)}.xp-alert--light.xp-alert--success .xp-alert__icon[data-v-91d792bd]{background-color:var(--xp-color-success);color:#fff}.xp-alert--light.xp-alert--warning[data-v-91d792bd]{background-color:var(--xp-color-warning-bg);color:var(--xp-color-warning);border-color:var(--xp-color-warning-border)}.xp-alert--light.xp-alert--warning .xp-alert__title[data-v-91d792bd]{color:var(--xp-color-warning)}.xp-alert--light.xp-alert--warning .xp-alert__icon[data-v-91d792bd]{background-color:var(--xp-color-warning);color:#fff}.xp-alert--light.xp-alert--danger[data-v-91d792bd]{background-color:var(--xp-color-danger-bg);color:var(--xp-color-danger);border-color:var(--xp-color-danger-border)}.xp-alert--light.xp-alert--danger .xp-alert__title[data-v-91d792bd]{color:var(--xp-color-danger)}.xp-alert--light.xp-alert--danger .xp-alert__icon[data-v-91d792bd]{background-color:var(--xp-color-danger);color:#fff}.xp-alert--light.xp-alert--info[data-v-91d792bd]{background-color:var(--xp-color-info-bg);color:var(--xp-color-info-dark);border-color:var(--xp-color-info-border)}.xp-alert--light.xp-alert--info .xp-alert__title[data-v-91d792bd]{color:var(--xp-color-info-dark)}.xp-alert--light.xp-alert--info .xp-alert__icon[data-v-91d792bd]{background-color:var(--xp-color-info);color:#fff}.xp-alert--dark[data-v-91d792bd]{background-color:var(--xp-color-primary);color:#fff;border-color:var(--xp-color-primary)}.xp-alert--dark.xp-alert--success[data-v-91d792bd]{background-color:var(--xp-color-success);border-color:var(--xp-color-success)}.xp-alert--dark.xp-alert--warning[data-v-91d792bd]{background-color:var(--xp-color-warning);border-color:var(--xp-color-warning)}.xp-alert--dark.xp-alert--danger[data-v-91d792bd]{background-color:var(--xp-color-danger);border-color:var(--xp-color-danger)}.xp-alert--dark.xp-alert--info[data-v-91d792bd]{background-color:var(--xp-color-info);border-color:var(--xp-color-info)}.xp-alert--dark .xp-alert__title[data-v-91d792bd],.xp-alert--dark .xp-alert__description[data-v-91d792bd]{color:#fff}.xp-alert--dark .xp-alert__icon[data-v-91d792bd]{background-color:#fff3;color:#fff}.xp-alert--dark .xp-alert__close-btn[data-v-91d792bd]{color:#fff}.xp-alert--plain.xp-alert--success[data-v-91d792bd]{color:var(--xp-color-success);border-left:4px solid var(--xp-color-success)}.xp-alert--plain.xp-alert--warning[data-v-91d792bd]{color:var(--xp-color-warning);border-left:4px solid var(--xp-color-warning)}.xp-alert--plain.xp-alert--danger[data-v-91d792bd]{color:var(--xp-color-danger);border-left:4px solid var(--xp-color-danger)}.xp-alert--plain.xp-alert--info[data-v-91d792bd]{color:var(--xp-color-primary);border-left:4px solid var(--xp-color-primary)}.xp-alert--plain .xp-alert__title[data-v-91d792bd]{color:inherit}.xp-alert__icon[data-v-91d792bd]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:700;margin-right:10px;flex-shrink:0}.xp-alert__content[data-v-91d792bd]{flex:1;min-width:0}.xp-alert__title[data-v-91d792bd]{font-weight:600;font-size:14px;margin-right:8px}.xp-alert__description[data-v-91d792bd]{margin-top:4px;font-size:13px;opacity:.9}.xp-alert__close-btn[data-v-91d792bd]{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:20px;cursor:pointer;line-height:1;opacity:.7;transition:opacity .2s ease}.xp-alert__close-btn[data-v-91d792bd]:hover{opacity:1}.xp-alert-fade-enter-active[data-v-91d792bd],.xp-alert-fade-leave-active[data-v-91d792bd]{transition:all .3s ease}.xp-alert-fade-enter-from[data-v-91d792bd],.xp-alert-fade-leave-to[data-v-91d792bd]{opacity:0;transform:translateY(-10px)}.xp-avatar[data-v-a9a54bc5]{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--xp-color-primary-bg);color:var(--xp-color-primary);font-weight:600;vertical-align:middle;box-sizing:border-box;-webkit-user-select:none;user-select:none}.xp-avatar--small[data-v-a9a54bc5]{width:28px;height:28px;font-size:12px}.xp-avatar--medium[data-v-a9a54bc5]{width:40px;height:40px;font-size:16px}.xp-avatar--large[data-v-a9a54bc5]{width:56px;height:56px;font-size:22px}.xp-avatar--circle[data-v-a9a54bc5]{border-radius:50%}.xp-avatar--square[data-v-a9a54bc5]{border-radius:6px}.xp-avatar img[data-v-a9a54bc5]{width:100%;height:100%;object-fit:cover;display:block}.xp-avatar__slot[data-v-a9a54bc5],.xp-avatar__text[data-v-a9a54bc5]{display:inline-flex;align-items:center;justify-content:center}.xp-badge[data-v-207db6dd]{position:relative;display:inline-flex;vertical-align:middle}.xp-badge--hidden[data-v-207db6dd]{display:none}.xp-badge__content[data-v-207db6dd]{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 5px;color:#fff;font-weight:600;font-size:12px;line-height:18px;text-align:center;border-radius:9px;transform:translate(50%,-50%);transform-origin:100% 0;box-sizing:border-box}.xp-badge__content--dot[data-v-207db6dd]{min-width:8px;height:8px;padding:0;border-radius:50%;top:2px;right:2px;transform:none}.xp-badge__content--primary[data-v-207db6dd]{background-color:var(--xp-color-primary)}.xp-badge__content--success[data-v-207db6dd]{background-color:var(--xp-color-success)}.xp-badge__content--warning[data-v-207db6dd]{background-color:var(--xp-color-warning)}.xp-badge__content--danger[data-v-207db6dd]{background-color:var(--xp-color-danger)}.xp-badge__content--info[data-v-207db6dd]{background-color:var(--xp-color-info)}.xp-button[data-v-9c6bc634]{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:500;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease;outline:none;line-height:1}.xp-button[data-v-9c6bc634]:focus{outline:none}.xp-button--primary[data-v-9c6bc634]{background-color:var(--xp-color-primary);color:#fff;border-color:var(--xp-color-primary)}.xp-button--primary[data-v-9c6bc634]:hover:not(:disabled){background-color:var(--xp-color-primary-light);border-color:var(--xp-color-primary-light)}.xp-button--primary[data-v-9c6bc634]:active:not(:disabled){background-color:var(--xp-color-primary-dark);border-color:var(--xp-color-primary-dark)}.xp-button--success[data-v-9c6bc634]{background-color:var(--xp-color-success);color:#fff;border-color:var(--xp-color-success)}.xp-button--success[data-v-9c6bc634]:hover:not(:disabled){background-color:var(--xp-color-success-light);border-color:var(--xp-color-success-light)}.xp-button--success[data-v-9c6bc634]:active:not(:disabled){background-color:var(--xp-color-success-dark);border-color:var(--xp-color-success-dark)}.xp-button--warning[data-v-9c6bc634]{background-color:var(--xp-color-warning);color:#fff;border-color:var(--xp-color-warning)}.xp-button--warning[data-v-9c6bc634]:hover:not(:disabled){background-color:var(--xp-color-warning-light);border-color:var(--xp-color-warning-light)}.xp-button--warning[data-v-9c6bc634]:active:not(:disabled){background-color:var(--xp-color-warning-dark);border-color:var(--xp-color-warning-dark)}.xp-button--danger[data-v-9c6bc634]{background-color:var(--xp-color-danger);color:#fff;border-color:var(--xp-color-danger)}.xp-button--danger[data-v-9c6bc634]:hover:not(:disabled){background-color:var(--xp-color-danger-light);border-color:var(--xp-color-danger-light)}.xp-button--danger[data-v-9c6bc634]:active:not(:disabled){background-color:var(--xp-color-danger-dark);border-color:var(--xp-color-danger-dark)}.xp-button--info[data-v-9c6bc634]{background-color:var(--xp-color-info);color:#fff;border-color:var(--xp-color-info)}.xp-button--info[data-v-9c6bc634]:hover:not(:disabled){background-color:var(--xp-color-info-light);border-color:var(--xp-color-info-light)}.xp-button--info[data-v-9c6bc634]:active:not(:disabled){background-color:var(--xp-color-info-dark);border-color:var(--xp-color-info-dark)}.xp-button--default[data-v-9c6bc634]{background-color:var(--xp-bg-color);color:var(--xp-text-color-regular);border-color:var(--xp-border-color)}.xp-button--default[data-v-9c6bc634]:hover:not(:disabled){color:var(--xp-color-primary);border-color:var(--xp-color-primary-light);background-color:var(--xp-color-primary-bg)}.xp-button--default[data-v-9c6bc634]:active:not(:disabled){color:var(--xp-color-primary-dark);border-color:var(--xp-color-primary-dark)}.xp-button--plain[data-v-9c6bc634]{background-color:var(--xp-color-primary-bg);color:var(--xp-color-primary);border-color:var(--xp-color-primary-border)}.xp-button--plain.xp-button--success[data-v-9c6bc634]{background-color:var(--xp-color-success-bg);color:var(--xp-color-success);border-color:var(--xp-color-success-border)}.xp-button--plain.xp-button--warning[data-v-9c6bc634]{background-color:var(--xp-color-warning-bg);color:var(--xp-color-warning);border-color:var(--xp-color-warning-border)}.xp-button--plain.xp-button--danger[data-v-9c6bc634]{background-color:var(--xp-color-danger-bg);color:var(--xp-color-danger);border-color:var(--xp-color-danger-border)}.xp-button--plain.xp-button--info[data-v-9c6bc634]{background-color:var(--xp-color-info-bg);color:var(--xp-color-info-dark);border-color:var(--xp-color-info-border)}.xp-button--plain.xp-button--default[data-v-9c6bc634]{background-color:var(--xp-bg-color-soft);color:var(--xp-text-color-regular);border-color:var(--xp-border-color-light)}.xp-button--plain[data-v-9c6bc634]:hover:not(:disabled){opacity:.85}.xp-button--ghost[data-v-9c6bc634]{background-color:transparent;border-color:transparent;color:var(--xp-text-color-secondary)}.xp-button--ghost[data-v-9c6bc634]:hover:not(:disabled){background-color:var(--xp-color-primary-bg);color:var(--xp-color-primary)}.xp-button--text[data-v-9c6bc634]{background-color:transparent;color:var(--xp-color-primary);border-color:transparent}.xp-button--text[data-v-9c6bc634]:hover:not(:disabled){background-color:var(--xp-color-primary-bg)}.xp-button--text.xp-button--success[data-v-9c6bc634]{color:var(--xp-color-success);border-color:transparent}.xp-button--text.xp-button--success[data-v-9c6bc634]:hover:not(:disabled){background-color:var(--xp-color-success-bg)}.xp-button--text.xp-button--warning[data-v-9c6bc634]{color:var(--xp-color-warning);border-color:transparent}.xp-button--text.xp-button--warning[data-v-9c6bc634]:hover:not(:disabled){background-color:var(--xp-color-warning-bg)}.xp-button--text.xp-button--danger[data-v-9c6bc634]{color:var(--xp-color-danger);border-color:transparent}.xp-button--text.xp-button--danger[data-v-9c6bc634]:hover:not(:disabled){background-color:var(--xp-color-danger-bg)}.xp-button--text.xp-button--info[data-v-9c6bc634]{color:var(--xp-color-info-dark);border-color:transparent}.xp-button--text.xp-button--info[data-v-9c6bc634]:hover:not(:disabled){background-color:var(--xp-color-info-bg)}.xp-button--text.xp-button--default[data-v-9c6bc634]{color:var(--xp-text-color-regular);border-color:transparent}.xp-button--text.xp-button--default[data-v-9c6bc634]:hover:not(:disabled){background-color:var(--xp-bg-color-soft)}.xp-button--small[data-v-9c6bc634]{padding:6px 12px;font-size:12px}.xp-button--medium[data-v-9c6bc634]{padding:8px 16px;font-size:14px}.xp-button--large[data-v-9c6bc634]{padding:12px 24px;font-size:16px}.xp-button--disabled[data-v-9c6bc634],.xp-button--loading[data-v-9c6bc634]{cursor:not-allowed;opacity:.6}.xp-button__loading[data-v-9c6bc634]{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-9c6bc634 .6s linear infinite;margin-right:6px}.xp-button--default .xp-button__loading[data-v-9c6bc634],.xp-button--plain .xp-button__loading[data-v-9c6bc634],.xp-button--text .xp-button__loading[data-v-9c6bc634],.xp-button--ghost .xp-button__loading[data-v-9c6bc634]{border-color:#6062664d;border-top-color:var(--xp-text-color-regular)}.xp-button__text[data-v-9c6bc634]{display:inline-flex;align-items:center}@keyframes spin-9c6bc634{to{transform:rotate(360deg)}}.xp-card[data-v-e65cbe05]{background-color:var(--xp-bg-color);border-radius:6px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,background-color .2s ease;color:var(--xp-text-color-regular);font-size:14px}.xp-card--always[data-v-e65cbe05]{box-shadow:var(--xp-shadow-sm)}.xp-card--hover[data-v-e65cbe05]{box-shadow:none}.xp-card--hover[data-v-e65cbe05]:hover{box-shadow:var(--xp-shadow-md)}.xp-card--never[data-v-e65cbe05]{box-shadow:none}.xp-card--bordered[data-v-e65cbe05]{border:1px solid var(--xp-border-color-light)}.xp-card--hover[data-v-e65cbe05]{cursor:pointer}.xp-card--hover[data-v-e65cbe05]:hover{transform:translateY(-2px)}.xp-card__header[data-v-e65cbe05]{padding:16px 20px;border-bottom:1px solid var(--xp-border-color-light);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.xp-card__title[data-v-e65cbe05]{margin:0;font-size:16px;font-weight:600;color:var(--xp-text-color-primary)}.xp-card__body[data-v-e65cbe05]{padding:20px;line-height:1.7}.xp-card__footer[data-v-e65cbe05]{padding:14px 20px;border-top:1px solid var(--xp-border-color-light);box-sizing:border-box;background-color:var(--xp-bg-color-soft)}.xp-card__extra[data-v-e65cbe05]{font-size:14px;color:var(--xp-text-color-secondary)}.xp-checkbox[data-v-7c078f46]{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;color:var(--xp-text-color-regular);vertical-align:middle}.xp-checkbox--disabled[data-v-7c078f46]{cursor:not-allowed;opacity:.6}.xp-checkbox__input[data-v-7c078f46]{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.xp-checkbox__inner[data-v-7c078f46]{position:relative;display:inline-block;width:16px;height:16px;background-color:var(--xp-bg-color);border:1px solid var(--xp-border-color);border-radius:3px;transition:all .2s ease;box-sizing:border-box}.xp-checkbox__original[data-v-7c078f46]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:inherit}.xp-checkbox--checked .xp-checkbox__inner[data-v-7c078f46]{background-color:var(--xp-color-primary);border-color:var(--xp-color-primary)}.xp-checkbox--checked .xp-checkbox__inner[data-v-7c078f46]:after{content:"";position:absolute;top:2px;left:5px;width:3px;height:7px;border:1.5px solid #fff;border-top:0;border-left:0;transform:rotate(45deg)}.xp-checkbox--indeterminate .xp-checkbox__inner[data-v-7c078f46]{background-color:var(--xp-color-primary);border-color:var(--xp-color-primary)}.xp-checkbox--indeterminate .xp-checkbox__inner[data-v-7c078f46]:after{content:"";position:absolute;top:7px;left:3px;width:8px;height:2px;background-color:#fff}.xp-checkbox--disabled .xp-checkbox__inner[data-v-7c078f46]{background-color:var(--xp-bg-color-soft);border-color:var(--xp-border-color)}.xp-checkbox__label[data-v-7c078f46]{flex:1;line-height:1.5}.xp-menu-mask[data-v-7477a575]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:transparent}.xp-menu[data-v-7477a575]{position:fixed;z-index:2001;min-width:172px;max-width:260px;padding:6px;background-color:var(--xp-bg-color);border:1px solid var(--xp-border-color-light);border-radius:8px;box-shadow:var(--xp-shadow-overlay)}.xp-menu__item[data-v-7477a575]{display:flex;align-items:center;gap:9px;width:100%;height:32px;padding:0 10px;border:none;border-radius:4px;background:transparent;color:var(--xp-text-color-regular);font-size:13px;font-family:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease,color .12s ease}.xp-menu__item[data-v-7477a575]:hover:not(.xp-menu__item--disabled){background-color:var(--xp-color-primary-bg);color:var(--xp-color-primary)}.xp-menu__item--danger[data-v-7477a575]{color:var(--xp-color-danger)}.xp-menu__item--danger[data-v-7477a575]:hover:not(.xp-menu__item--disabled){background-color:var(--xp-color-danger-bg);color:var(--xp-color-danger)}.xp-menu__item--disabled[data-v-7477a575]{opacity:.45;cursor:not-allowed}.xp-menu__icon[data-v-7477a575]{width:16px;text-align:center;font-size:14px;flex:none}.xp-menu__label[data-v-7477a575]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xp-menu__divider[data-v-7477a575]{height:1px;margin:5px 8px;background-color:var(--xp-border-color-light)}.xp-menu-enter-active[data-v-7477a575],.xp-menu-leave-active[data-v-7477a575]{transition:opacity .12s ease,transform .12s ease}.xp-menu-enter-from[data-v-7477a575],.xp-menu-leave-to[data-v-7477a575]{opacity:0;transform:translateY(-4px) scale(.98)}.xp-dialog__wrapper[data-v-f85c5a46]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center}.xp-dialog__mask[data-v-f85c5a46]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--xp-bg-color-overlay)}.xp-dialog[data-v-f85c5a46]{position:relative;background-color:var(--xp-bg-color);border-radius:6px;box-shadow:var(--xp-shadow-lg);width:500px;max-width:90vw;margin:0 auto;overflow:hidden;color:var(--xp-text-color-regular);border:1px solid var(--xp-border-color-light)}.xp-dialog__header[data-v-f85c5a46]{padding:18px 24px;border-bottom:1px solid var(--xp-border-color-light);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.xp-dialog__title[data-v-f85c5a46]{margin:0;font-size:16px;font-weight:600;color:var(--xp-text-color-primary)}.xp-dialog__close[data-v-f85c5a46]{background:none;border:none;font-size:24px;color:var(--xp-text-color-secondary);cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.xp-dialog__close[data-v-f85c5a46]:hover{color:var(--xp-text-color-regular)}.xp-dialog__body[data-v-f85c5a46]{padding:24px;font-size:14px;line-height:1.8;min-height:60px}.xp-dialog__footer[data-v-f85c5a46]{padding:14px 24px;border-top:1px solid var(--xp-border-color-light);display:flex;justify-content:flex-end;gap:12px;box-sizing:border-box;background-color:var(--xp-bg-color-soft)}.xp-dialog-fade-enter-active[data-v-f85c5a46],.xp-dialog-fade-leave-active[data-v-f85c5a46]{transition:opacity .25s ease}.xp-dialog-fade-enter-from[data-v-f85c5a46],.xp-dialog-fade-leave-to[data-v-f85c5a46]{opacity:0}.xp-dialog-slide-enter-active[data-v-f85c5a46],.xp-dialog-slide-leave-active[data-v-f85c5a46]{transition:all .3s ease}.xp-dialog-slide-enter-from[data-v-f85c5a46],.xp-dialog-slide-leave-to[data-v-f85c5a46]{opacity:0;transform:translateY(-20px) scale(.97)}.xp-dropdown[data-v-ad741cd8]{position:relative;display:inline-block}.xp-dropdown__trigger[data-v-ad741cd8]{display:inline-block;cursor:pointer}.xp-dropdown__menu[data-v-ad741cd8]{position:absolute;z-index:2400;min-width:160px;padding:6px 0;background-color:var(--xp-bg-color);border:1px solid var(--xp-border-color-light);border-radius:6px;box-shadow:var(--xp-shadow-md);box-sizing:border-box}.xp-dropdown__item[data-v-ad741cd8]{padding:8px 16px;font-size:14px;color:var(--xp-text-color-regular);cursor:pointer;transition:background-color .15s ease,color .15s ease;line-height:1.5}.xp-dropdown__item[data-v-ad741cd8]:hover:not(.xp-dropdown__item--disabled):not(.xp-dropdown__item--divider){background-color:var(--xp-color-primary-bg);color:var(--xp-color-primary)}.xp-dropdown__item--disabled[data-v-ad741cd8]{color:var(--xp-text-color-placeholder);cursor:not-allowed}.xp-dropdown__divider[data-v-ad741cd8]{display:block;height:1px;background-color:var(--xp-border-color-light);margin:4px 0;padding:0}.xp-dropdown-fade-enter-active[data-v-ad741cd8],.xp-dropdown-fade-leave-active[data-v-ad741cd8]{transition:opacity .2s ease,transform .2s ease}.xp-dropdown-fade-enter-from[data-v-ad741cd8],.xp-dropdown-fade-leave-to[data-v-ad741cd8]{opacity:0;transform:translateY(-6px)}.xp-empty[data-v-93d5e1e9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--xp-text-color-secondary)}.xp-empty__icon[data-v-93d5e1e9]{margin-bottom:12px;opacity:.8}.xp-empty__title[data-v-93d5e1e9]{margin:0;font-size:13px;color:var(--xp-text-color-regular)}.xp-empty__hint[data-v-93d5e1e9]{margin:6px 0 0;font-size:12px;color:var(--xp-text-color-secondary)}.xp-empty__action[data-v-93d5e1e9]{margin-top:14px}.xp-file-icon[data-v-c598c294]{display:inline-flex;align-items:center;justify-content:center;flex:none}.xp-icon[data-v-14319319]{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;color:var(--xp-text-color-regular);transition:transform .2s ease,color .2s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none}.xp-icon[data-v-14319319] svg{display:block;width:1em;height:1em;fill:currentColor;stroke:currentColor}.xp-icon--small[data-v-14319319]{width:14px;height:14px;font-size:14px}.xp-icon--medium[data-v-14319319]{width:18px;height:18px;font-size:18px}.xp-icon--large[data-v-14319319]{width:24px;height:24px;font-size:24px}.xp-icon--spin[data-v-14319319]{animation:xp-icon-spin-14319319 1s linear infinite}.xp-icon__fallback[data-v-14319319]{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;font-size:inherit;color:var(--xp-text-color-placeholder);border:1px dashed var(--xp-border-color);border-radius:2px}@keyframes xp-icon-spin-14319319{to{transform:rotate(360deg)}}.xp-input[data-v-46247483]{position:relative;display:inline-flex;align-items:center;width:100%;max-width:320px;border-radius:4px;transition:border-color .2s ease,box-shadow .2s ease}.xp-input__inner[data-v-46247483]{width:100%;height:40px;padding:0 15px;font-size:14px;color:var(--xp-text-color-primary);background-color:var(--xp-bg-color);border:1px solid var(--xp-border-color);border-radius:4px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.xp-input__inner[data-v-46247483]:focus{border-color:var(--xp-color-primary);box-shadow:0 0 0 2px var(--xp-color-primary-bg)}.xp-input__inner[data-v-46247483]::placeholder{color:var(--xp-text-color-placeholder)}.xp-input--small .xp-input__inner[data-v-46247483]{height:32px;padding:0 12px;font-size:12px}.xp-input--medium .xp-input__inner[data-v-46247483]{height:40px;padding:0 15px;font-size:14px}.xp-input--large .xp-input__inner[data-v-46247483]{height:48px;padding:0 15px;font-size:16px}.xp-input--disabled .xp-input__inner[data-v-46247483]{background-color:var(--xp-bg-color-soft);border-color:var(--xp-border-color-light);color:var(--xp-text-color-placeholder);cursor:not-allowed}.xp-input--prefix .xp-input__inner[data-v-46247483]{padding-left:35px}.xp-input--suffix .xp-input__inner[data-v-46247483]{padding-right:35px}.xp-input__prefix[data-v-46247483],.xp-input__suffix[data-v-46247483],.xp-input__clear[data-v-46247483]{position:absolute;width:25px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--xp-text-color-secondary);font-size:14px;-webkit-user-select:none;user-select:none}.xp-input__prefix[data-v-46247483]{left:0}.xp-input__suffix[data-v-46247483]{right:0}.xp-input__clear[data-v-46247483]{right:4px;width:20px;font-size:18px;cursor:pointer;color:var(--xp-text-color-placeholder);transition:color .2s ease}.xp-input__clear[data-v-46247483]:hover{color:var(--xp-text-color-regular)}.xp-input--focus .xp-input__inner[data-v-46247483]{border-color:var(--xp-color-primary);box-shadow:0 0 0 2px var(--xp-color-primary-bg)}.xp-progress[data-v-244dca2c]{display:flex;align-items:center;gap:12px;width:100%;font-size:14px;color:var(--xp-text-color-regular)}.xp-progress__bar[data-v-244dca2c]{flex:1;height:8px;background-color:var(--xp-bg-color-soft);border-radius:100px;overflow:hidden}.xp-progress__inner[data-v-244dca2c]{height:100%;background-color:var(--xp-color-primary);border-radius:100px;transition:width .4s ease,background-color .2s ease}.xp-progress__text[data-v-244dca2c]{min-width:40px;text-align:left;font-size:13px;color:var(--xp-text-color-secondary)}.xp-radio[data-v-02a0d80d]{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;color:var(--xp-text-color-regular);vertical-align:middle;margin-right:16px}.xp-radio--disabled[data-v-02a0d80d]{cursor:not-allowed;opacity:.6}.xp-radio__input[data-v-02a0d80d]{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.xp-radio__inner[data-v-02a0d80d]{position:relative;display:inline-block;width:16px;height:16px;background-color:var(--xp-bg-color);border:1px solid var(--xp-border-color);border-radius:50%;transition:all .2s ease;box-sizing:border-box}.xp-radio__original[data-v-02a0d80d]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:inherit}.xp-radio--checked .xp-radio__inner[data-v-02a0d80d]{background-color:var(--xp-color-primary);border-color:var(--xp-color-primary)}.xp-radio--checked .xp-radio__inner[data-v-02a0d80d]:after{content:"";position:absolute;top:4px;left:4px;width:6px;height:6px;background-color:#fff;border-radius:50%}.xp-radio--disabled .xp-radio__inner[data-v-02a0d80d]{background-color:var(--xp-bg-color-soft);border-color:var(--xp-border-color)}.xp-radio__label[data-v-02a0d80d]{flex:1;line-height:1.5}.xp-rate[data-v-214323a3]{display:inline-flex;align-items:center;gap:2px}.xp-rate__item[data-v-214323a3]{position:relative;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.xp-rate__star[data-v-214323a3]{position:relative;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center}.xp-rate__star-outer[data-v-214323a3]{color:var(--xp-border-color);font-size:20px;position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center}.xp-rate__star-inner[data-v-214323a3]{position:absolute;left:0;top:0;width:100%;font-size:20px;display:inline-flex;align-items:center;overflow:hidden;transition:width .2s ease}.xp-rate__text[data-v-214323a3]{margin-left:8px;font-size:13px;color:var(--xp-text-color-secondary)}.xp-rate__item--disabled[data-v-214323a3]{cursor:default}.xp-switch[data-v-5a5e33c5]{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.xp-switch--disabled[data-v-5a5e33c5]{cursor:not-allowed;opacity:.5}.xp-switch--small .xp-switch__core[data-v-5a5e33c5]{width:32px;height:18px}.xp-switch--small .xp-switch__action[data-v-5a5e33c5]{width:14px;height:14px}.xp-switch--small.xp-switch--checked .xp-switch__action[data-v-5a5e33c5]{transform:translate(14px)}.xp-switch--medium .xp-switch__core[data-v-5a5e33c5]{width:40px;height:22px}.xp-switch--medium .xp-switch__action[data-v-5a5e33c5]{width:18px;height:18px}.xp-switch--medium.xp-switch--checked .xp-switch__action[data-v-5a5e33c5]{transform:translate(18px)}.xp-switch--large .xp-switch__core[data-v-5a5e33c5]{width:50px;height:28px}.xp-switch--large .xp-switch__action[data-v-5a5e33c5]{width:22px;height:22px}.xp-switch--large.xp-switch--checked .xp-switch__action[data-v-5a5e33c5]{transform:translate(24px)}.xp-switch__core[data-v-5a5e33c5]{position:relative;display:inline-block;width:40px;height:22px;background-color:var(--xp-border-color);border-radius:22px;transition:background-color .25s ease;box-sizing:border-box}.xp-switch__action[data-v-5a5e33c5]{position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 1px 2px #0003}.xp-switch--checked .xp-switch__core[data-v-5a5e33c5]{background-color:var(--xp-color-primary)}.xp-switch__label[data-v-5a5e33c5]{margin-left:10px;font-size:14px;color:var(--xp-text-color-regular)}.xp-tab-pane[data-v-6fe7943a]{padding:4px 0}.xp-tabs[data-v-3e658dba]{display:flex;flex-direction:column;width:100%}.xp-tabs__nav[data-v-3e658dba]{position:relative;display:flex;flex-wrap:nowrap;border-bottom:1px solid var(--xp-border-color-light);margin-bottom:12px}.xp-tabs__item[data-v-3e658dba]{position:relative;flex:1;padding:12px 16px;text-align:center;font-size:14px;color:var(--xp-text-color-regular);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease;white-space:nowrap}.xp-tabs__item[data-v-3e658dba]:hover:not(.xp-tabs__item--disabled):not(.xp-tabs__item--active){color:var(--xp-color-primary)}.xp-tabs__item--active[data-v-3e658dba]{color:var(--xp-color-primary);font-weight:600}.xp-tabs__item--disabled[data-v-3e658dba]{cursor:not-allowed;color:var(--xp-text-color-placeholder);opacity:.6}.xp-tabs__active-bar[data-v-3e658dba]{position:absolute;bottom:-1px;left:0;height:3px;background-color:var(--xp-color-primary);transition:transform .3s ease,width .3s ease;border-radius:3px 3px 0 0}.xp-tabs__content[data-v-3e658dba]{flex:1;padding-top:8px;color:var(--xp-text-color-regular);font-size:14px;line-height:1.8}.xp-tag[data-v-903813de]{display:inline-flex;align-items:center;padding:2px 10px;font-size:13px;line-height:1.5;border:1px solid transparent;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;vertical-align:middle}.xp-tag--small[data-v-903813de]{padding:0 8px;font-size:12px;height:22px}.xp-tag--medium[data-v-903813de]{padding:2px 10px;font-size:13px;height:26px}.xp-tag--large[data-v-903813de]{padding:4px 14px;font-size:14px;height:32px}.xp-tag--round[data-v-903813de]{border-radius:999px}.xp-tag--primary[data-v-903813de]{background-color:var(--xp-color-primary-bg);color:var(--xp-color-primary);border-color:var(--xp-color-primary-border)}.xp-tag--primary.xp-tag--plain[data-v-903813de]{background-color:transparent}.xp-tag--success[data-v-903813de]{background-color:var(--xp-color-success-bg);color:var(--xp-color-success);border-color:var(--xp-color-success-border)}.xp-tag--warning[data-v-903813de]{background-color:var(--xp-color-warning-bg);color:var(--xp-color-warning);border-color:var(--xp-color-warning-border)}.xp-tag--danger[data-v-903813de]{background-color:var(--xp-color-danger-bg);color:var(--xp-color-danger);border-color:var(--xp-color-danger-border)}.xp-tag--info[data-v-903813de]{background-color:var(--xp-color-info-bg);color:var(--xp-color-info-dark);border-color:var(--xp-color-info-border)}.xp-tag--default[data-v-903813de]{background-color:var(--xp-bg-color);color:var(--xp-text-color-regular);border-color:var(--xp-border-color)}.xp-tag[data-v-903813de]:hover{opacity:.85}.xp-tag__close[data-v-903813de]{margin-left:6px;font-size:14px;line-height:1;cursor:pointer;opacity:.7;transition:opacity .2s ease}.xp-tag__close[data-v-903813de]:hover{opacity:1}.xp-theme-customizer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:49}.xp-theme-customizer{position:fixed;top:0;right:0;height:100vh;width:500px;max-width:95vw;background-color:var(--xp-bg-color);color:var(--xp-text-color-regular);box-shadow:-4px 0 24px #00000026;z-index:50;display:flex;flex-direction:column;transition:background-color .25s ease,color .25s ease}.xp-theme-customizer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--xp-border-color-light)}.xp-theme-customizer__title{font-size:16px;font-weight:600;color:var(--xp-text-color-primary)}.xp-theme-customizer__close{width:32px;height:32px;border-radius:6px;background:var(--xp-fill-color-light);border:1px solid var(--xp-border-color);color:var(--xp-text-color-regular);cursor:pointer;font-size:14px;transition:all .2s ease}.xp-theme-customizer__close:hover{color:var(--xp-color-primary);border-color:var(--xp-color-primary);background:var(--xp-color-primary-bg)}.xp-theme-customizer__body{flex:1;overflow-y:auto;padding:16px 20px}.xp-theme-customizer__section{margin-bottom:24px}.xp-theme-customizer__desc{color:var(--xp-text-color-secondary);font-size:12px;line-height:1.5;margin:0 0 12px}.xp-theme-customizer__h{font-size:13px;font-weight:600;letter-spacing:.5px;color:var(--xp-text-color-primary);margin:0 0 10px;text-transform:uppercase}.xp-theme-customizer__modes{display:flex;gap:6px}.xp-theme-customizer__mode-btn{flex:1;padding:6px 12px;font-size:13px;background-color:var(--xp-fill-color-light);color:var(--xp-text-color-regular);border:1px solid var(--xp-border-color);border-radius:6px;cursor:pointer;transition:all .2s ease}.xp-theme-customizer__mode-btn.is-active{background-color:var(--xp-color-primary);color:#fff;border-color:var(--xp-color-primary)}.xp-theme-customizer__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.xp-theme-customizer__item{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.xp-theme-customizer__label{font-size:12px;color:var(--xp-text-color-secondary)}.xp-theme-customizer__input{display:flex;align-items:center;gap:6px}.xp-theme-customizer__input input[type=color]{width:32px;height:28px;padding:0;border:1px solid var(--xp-border-color);border-radius:4px;background-color:var(--xp-bg-color);cursor:pointer;overflow:hidden}.xp-theme-customizer__input input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.xp-theme-customizer__input input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.xp-theme-customizer__input input[type=text]{flex:1;min-width:0;padding:4px 8px;font-size:12px;background-color:var(--xp-bg-color);color:var(--xp-text-color-regular);border:1px solid var(--xp-border-color);border-radius:4px;font-family:Menlo,Consolas,monospace;transition:border-color .2s ease}.xp-theme-customizer__input input[type=text]:focus{outline:none;border-color:var(--xp-color-primary)}.xp-theme-customizer__preview{padding:16px;border:1px solid var(--xp-border-color-light);border-radius:8px;background-color:var(--xp-color-primary-bg)}.xp-preview-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.xp-preview-btn{padding:6px 14px;font-size:12px;font-weight:500;border-radius:4px;border:1px solid transparent;color:#fff;cursor:default}.xp-preview-btn--primary{background-color:var(--xp-color-primary)}.xp-preview-btn--success{background-color:var(--xp-color-success)}.xp-preview-btn--warning{background-color:var(--xp-color-warning)}.xp-preview-btn--danger{background-color:var(--xp-color-danger)}.xp-preview-text{font-size:13px;line-height:1.6;color:var(--xp-text-color-regular)}.xp-preview-text--primary{color:var(--xp-text-color-primary);font-weight:600;font-size:15px;margin-bottom:4px}.xp-preview-text--secondary{color:var(--xp-text-color-secondary)}.xp-theme-customizer__footer{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;border-top:1px solid var(--xp-border-color-light)}.xp-theme-customizer__action{flex:1;min-width:80px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;background-color:var(--xp-bg-color);color:var(--xp-text-color-regular);border:1px solid var(--xp-border-color);transition:all .2s ease}.xp-theme-customizer__action:hover{border-color:var(--xp-color-primary);color:var(--xp-color-primary)}.xp-theme-customizer__action--primary{background-color:var(--xp-color-primary);color:#fff;border-color:var(--xp-color-primary)}.xp-theme-customizer__action--primary:hover{background-color:var(--xp-color-primary-dark);color:#fff}.xp-theme-customizer__action--secondary{background-color:var(--xp-fill-color-light)}.xp-theme-customizer__hidden{display:none}.xp-fade-enter-active,.xp-fade-leave-active{transition:opacity .2s ease}.xp-fade-enter-from,.xp-fade-leave-to{opacity:0}.xp-slide-enter-active,.xp-slide-leave-active{transition:transform .25s ease}.xp-slide-enter-from,.xp-slide-leave-to{transform:translate(100%)}.xp-toast-wrap[data-v-b564201c]{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.xp-toast[data-v-b564201c]{display:flex;align-items:center;gap:8px;max-width:70vw;padding:9px 16px;border-radius:8px;background-color:var(--xp-bg-color);border:1px solid var(--xp-border-color-light);box-shadow:var(--xp-shadow-md);font-size:13px;color:var(--xp-text-color-regular);white-space:nowrap}.xp-toast__dot[data-v-b564201c]{width:8px;height:8px;border-radius:50%;flex:none;background-color:var(--xp-text-color-secondary)}.xp-toast--success .xp-toast__dot[data-v-b564201c]{background-color:var(--xp-color-success)}.xp-toast--error .xp-toast__dot[data-v-b564201c]{background-color:var(--xp-color-danger)}.xp-toast--warn .xp-toast__dot[data-v-b564201c]{background-color:var(--xp-color-warning)}.xp-toast-enter-active[data-v-b564201c],.xp-toast-leave-active[data-v-b564201c]{transition:all .18s ease}.xp-toast-enter-from[data-v-b564201c],.xp-toast-leave-to[data-v-b564201c]{opacity:0;transform:translateY(-8px)}.xp-tooltip[data-v-6d9af40b],.xp-tooltip__trigger[data-v-6d9af40b]{display:inline-block}.xp-tooltip__popper[data-v-6d9af40b]{position:absolute;z-index:2500;display:inline-block;min-width:10px;padding:8px 12px;color:#fff;background-color:#32323cf2;border-radius:4px;font-size:13px;line-height:1.5;box-shadow:0 2px 12px #0003;word-break:break-word}.xp-tooltip__arrow[data-v-6d9af40b]{position:absolute;width:0;height:0;border:6px solid transparent}[data-theme=dark] .xp-tooltip__arrow[data-v-6d9af40b]{border-color:transparent}.xp-tooltip__popper--top .xp-tooltip__arrow[data-v-6d9af40b]{bottom:-12px;left:50%;transform:translate(-50%);border-top-color:#32323cf2}.xp-tooltip__popper--bottom .xp-tooltip__arrow[data-v-6d9af40b]{top:-12px;left:50%;transform:translate(-50%);border-bottom-color:#32323cf2}.xp-tooltip__popper--left .xp-tooltip__arrow[data-v-6d9af40b]{top:50%;right:-12px;transform:translateY(-50%);border-left-color:#32323cf2}.xp-tooltip__popper--right .xp-tooltip__arrow[data-v-6d9af40b]{top:50%;left:-12px;transform:translateY(-50%);border-right-color:#32323cf2}.xp-tooltip-fade-enter-active[data-v-6d9af40b],.xp-tooltip-fade-leave-active[data-v-6d9af40b]{transition:opacity .2s ease,transform .2s ease}.xp-tooltip-fade-enter-from[data-v-6d9af40b],.xp-tooltip-fade-leave-to[data-v-6d9af40b]{opacity:0;transform:translateY(-4px)}
|
package/package.json
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cghbcf/xp-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "Vue3 component library - A modern UI component library for Vue 3",
|
|
5
5
|
"keywords": ["vue", "vue3", "component", "ui", "library"],
|
|
6
6
|
"author": "Xp UI Team",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"type": "module",
|
|
9
|
-
"main": "dist/xp-ui.cjs.js",
|
|
10
|
-
"module": "dist/xp-ui.es.js",
|
|
9
|
+
"main": "dist/cghbcf-xp-ui.cjs.js",
|
|
10
|
+
"module": "dist/cghbcf-xp-ui.es.js",
|
|
11
11
|
"exports": {
|
|
12
12
|
".": {
|
|
13
|
-
"import": "./dist/xp-ui.es.js",
|
|
14
|
-
"require": "./dist/xp-ui.cjs.js"
|
|
13
|
+
"import": "./dist/cghbcf-xp-ui.es.js",
|
|
14
|
+
"require": "./dist/cghbcf-xp-ui.cjs.js"
|
|
15
15
|
},
|
|
16
16
|
"./style.css": "./dist/style.css",
|
|
17
17
|
"./dist/style.css": "./dist/style.css"
|
|
@@ -25,8 +25,6 @@
|
|
|
25
25
|
"scripts": {
|
|
26
26
|
"dev": "vite",
|
|
27
27
|
"build": "vite build",
|
|
28
|
-
"docs:dev": "vitepress dev docs",
|
|
29
|
-
"docs:build": "vitepress build docs",
|
|
30
28
|
"prepublishOnly": "npm run build"
|
|
31
29
|
},
|
|
32
30
|
"peerDependencies": {
|
|
@@ -35,7 +33,6 @@
|
|
|
35
33
|
"devDependencies": {
|
|
36
34
|
"vite": "^5.2.0",
|
|
37
35
|
"@vitejs/plugin-vue": "^5.0.0",
|
|
38
|
-
"sass": "^1.71.0"
|
|
39
|
-
"vitepress": "^1.0.0"
|
|
36
|
+
"sass": "^1.71.0"
|
|
40
37
|
}
|
|
41
38
|
}
|
package/dist/xp-ui.cjs.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=(t,l)=>{const a=t.__vccOpts||t;for(const[d,n]of l)a[d]=n;return a},y=["disabled"],g={key:0,class:"xp-button__loading"},k={class:"xp-button__text"},b={__name:"Button",props:{type:{type:String,default:"default",validator:t=>["primary","default","success","warning","danger"].includes(t)},size:{type:String,default:"medium",validator:t=>["small","medium","large"].includes(t)},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:l}){const a=t,d=l,n=s=>{!a.disabled&&!a.loading&&d("click",s)};return(s,o)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["xp-button",[`xp-button--${t.type}`,`xp-button--${t.size}`,{"xp-button--disabled":t.disabled,"xp-button--loading":t.loading}]]),disabled:t.disabled||t.loading,onClick:n},[t.loading?(e.openBlock(),e.createElementBlock("span",g)):e.createCommentVNode("",!0),e.createElementVNode("span",k,[e.renderSlot(s.$slots,"default",{},void 0,!0)])],10,y))}},i=c(b,[["__scopeId","data-v-8bb35629"]]),B={key:0,class:"xp-input__prefix"},v=["type","value","placeholder","disabled"],$={key:1,class:"xp-input__suffix"},C={__name:"Input",props:{modelValue:{type:String,default:""},type:{type:String,default:"text",validator:t=>["text","password","number"].includes(t)},placeholder:{type:String,default:""},disabled:{type:Boolean,default:!1},size:{type:String,default:"medium",validator:t=>["small","medium","large"].includes(t)}},emits:["update:modelValue","focus","blur"],setup(t,{emit:l}){const a=l,d=o=>{a("update:modelValue",o.target.value)},n=o=>{a("focus",o)},s=o=>{a("blur",o)};return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["xp-input",[`xp-input--${t.size}`,{"xp-input--disabled":t.disabled,"xp-input--prefix":o.$slots.prefix,"xp-input--suffix":o.$slots.suffix}]])},[o.$slots.prefix?(e.openBlock(),e.createElementBlock("span",B,[e.renderSlot(o.$slots,"prefix",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("input",{class:"xp-input__inner",type:t.type,value:t.modelValue,placeholder:t.placeholder,disabled:t.disabled,onInput:d,onFocus:n,onBlur:s},null,40,v),o.$slots.suffix?(e.openBlock(),e.createElementBlock("span",$,[e.renderSlot(o.$slots,"suffix",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}},p=c(C,[["__scopeId","data-v-d69c9b60"]]),V={key:0,class:"xp-card__header"},S={class:"xp-card__title"},N={class:"xp-card__body"},E={key:1,class:"xp-card__footer"},w={__name:"Card",props:{title:{type:String,default:""},shadow:{type:String,default:"always",validator:t=>["always","hover","never"].includes(t)}},setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["xp-card",[`xp-card--${t.shadow}`]])},[t.title||l.$slots.header?(e.openBlock(),e.createElementBlock("div",V,[e.renderSlot(l.$slots,"header",{},()=>[e.createElementVNode("h3",S,e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",N,[e.renderSlot(l.$slots,"default",{},void 0,!0)]),l.$slots.footer?(e.openBlock(),e.createElementBlock("div",E,[e.renderSlot(l.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}},m=c(w,[["__scopeId","data-v-60989cba"]]),T={class:"xp-dialog__header"},I={class:"xp-dialog__title"},z={class:"xp-dialog__body"},X={class:"xp-dialog__footer"},D={__name:"Dialog",props:{visible:{type:Boolean,default:!1},title:{type:String,default:""},width:{type:String,default:"500px"},confirmButtonText:{type:String,default:"确定"},cancelButtonText:{type:String,default:"取消"},closeOnClickModal:{type:Boolean,default:!0}},emits:["confirm","cancel","update:visible"],setup(t,{emit:l}){const a=t,d=l,n=()=>{d("update:visible",!1)},s=()=>{a.closeOnClickModal&&n()},o=()=>{d("confirm"),n()},r=()=>{d("cancel"),n()};return(h,u)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"xp-dialog-fade"},{default:e.withCtx(()=>[t.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"xp-dialog__wrapper",onClick:e.withModifiers(s,["self"])},[u[0]||(u[0]=e.createElementVNode("div",{class:"xp-dialog__mask"},null,-1)),e.createVNode(e.Transition,{name:"xp-dialog-slide"},{default:e.withCtx(()=>[t.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"xp-dialog",style:e.normalizeStyle({width:t.width})},[e.createElementVNode("div",T,[e.createElementVNode("h3",I,e.toDisplayString(t.title),1),e.createElementVNode("button",{class:"xp-dialog__close",onClick:n}," × ")]),e.createElementVNode("div",z,[e.renderSlot(h.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",X,[e.createVNode(i,{onClick:r},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.cancelButtonText),1)]),_:1}),e.createVNode(i,{type:"primary",onClick:o},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.confirmButtonText),1)]),_:1})])],4)):e.createCommentVNode("",!0)]),_:3})])):e.createCommentVNode("",!0)]),_:3})]))}},f=c(D,[["__scopeId","data-v-7015aab1"]]),x={XpButton:i,XpInput:p,XpCard:m,XpDialog:f},_=t=>{Object.entries(x).forEach(([l,a])=>{t.component(l,a)})},M={install:_,...x};exports.XpButton=i;exports.XpCard=m;exports.XpDialog=f;exports.XpInput=p;exports.default=M;exports.install=_;
|
package/dist/xp-ui.es.js
DELETED
|
@@ -1,274 +0,0 @@
|
|
|
1
|
-
import { openBlock as s, createElementBlock as i, normalizeClass as h, createCommentVNode as r, createElementVNode as d, renderSlot as u, toDisplayString as m, createBlock as C, Teleport as B, createVNode as p, Transition as g, withCtx as f, withModifiers as S, normalizeStyle as w, createTextVNode as v } from "vue";
|
|
2
|
-
const x = (e, t) => {
|
|
3
|
-
const a = e.__vccOpts || e;
|
|
4
|
-
for (const [o, n] of t)
|
|
5
|
-
a[o] = n;
|
|
6
|
-
return a;
|
|
7
|
-
}, I = ["disabled"], V = {
|
|
8
|
-
key: 0,
|
|
9
|
-
class: "xp-button__loading"
|
|
10
|
-
}, T = { class: "xp-button__text" }, z = {
|
|
11
|
-
__name: "Button",
|
|
12
|
-
props: {
|
|
13
|
-
type: {
|
|
14
|
-
type: String,
|
|
15
|
-
default: "default",
|
|
16
|
-
validator: (e) => ["primary", "default", "success", "warning", "danger"].includes(e)
|
|
17
|
-
},
|
|
18
|
-
size: {
|
|
19
|
-
type: String,
|
|
20
|
-
default: "medium",
|
|
21
|
-
validator: (e) => ["small", "medium", "large"].includes(e)
|
|
22
|
-
},
|
|
23
|
-
disabled: {
|
|
24
|
-
type: Boolean,
|
|
25
|
-
default: !1
|
|
26
|
-
},
|
|
27
|
-
loading: {
|
|
28
|
-
type: Boolean,
|
|
29
|
-
default: !1
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
emits: ["click"],
|
|
33
|
-
setup(e, { emit: t }) {
|
|
34
|
-
const a = e, o = t, n = (c) => {
|
|
35
|
-
!a.disabled && !a.loading && o("click", c);
|
|
36
|
-
};
|
|
37
|
-
return (c, l) => (s(), i("button", {
|
|
38
|
-
class: h(["xp-button", [
|
|
39
|
-
`xp-button--${e.type}`,
|
|
40
|
-
`xp-button--${e.size}`,
|
|
41
|
-
{
|
|
42
|
-
"xp-button--disabled": e.disabled,
|
|
43
|
-
"xp-button--loading": e.loading
|
|
44
|
-
}
|
|
45
|
-
]]),
|
|
46
|
-
disabled: e.disabled || e.loading,
|
|
47
|
-
onClick: n
|
|
48
|
-
}, [
|
|
49
|
-
e.loading ? (s(), i("span", V)) : r("", !0),
|
|
50
|
-
d("span", T, [
|
|
51
|
-
u(c.$slots, "default", {}, void 0, !0)
|
|
52
|
-
])
|
|
53
|
-
], 10, I));
|
|
54
|
-
}
|
|
55
|
-
}, _ = /* @__PURE__ */ x(z, [["__scopeId", "data-v-8bb35629"]]), M = {
|
|
56
|
-
key: 0,
|
|
57
|
-
class: "xp-input__prefix"
|
|
58
|
-
}, N = ["type", "value", "placeholder", "disabled"], O = {
|
|
59
|
-
key: 1,
|
|
60
|
-
class: "xp-input__suffix"
|
|
61
|
-
}, X = {
|
|
62
|
-
__name: "Input",
|
|
63
|
-
props: {
|
|
64
|
-
modelValue: {
|
|
65
|
-
type: String,
|
|
66
|
-
default: ""
|
|
67
|
-
},
|
|
68
|
-
type: {
|
|
69
|
-
type: String,
|
|
70
|
-
default: "text",
|
|
71
|
-
validator: (e) => ["text", "password", "number"].includes(e)
|
|
72
|
-
},
|
|
73
|
-
placeholder: {
|
|
74
|
-
type: String,
|
|
75
|
-
default: ""
|
|
76
|
-
},
|
|
77
|
-
disabled: {
|
|
78
|
-
type: Boolean,
|
|
79
|
-
default: !1
|
|
80
|
-
},
|
|
81
|
-
size: {
|
|
82
|
-
type: String,
|
|
83
|
-
default: "medium",
|
|
84
|
-
validator: (e) => ["small", "medium", "large"].includes(e)
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
emits: ["update:modelValue", "focus", "blur"],
|
|
88
|
-
setup(e, { emit: t }) {
|
|
89
|
-
const a = t, o = (l) => {
|
|
90
|
-
a("update:modelValue", l.target.value);
|
|
91
|
-
}, n = (l) => {
|
|
92
|
-
a("focus", l);
|
|
93
|
-
}, c = (l) => {
|
|
94
|
-
a("blur", l);
|
|
95
|
-
};
|
|
96
|
-
return (l, y) => (s(), i("div", {
|
|
97
|
-
class: h(["xp-input", [
|
|
98
|
-
`xp-input--${e.size}`,
|
|
99
|
-
{
|
|
100
|
-
"xp-input--disabled": e.disabled,
|
|
101
|
-
"xp-input--prefix": l.$slots.prefix,
|
|
102
|
-
"xp-input--suffix": l.$slots.suffix
|
|
103
|
-
}
|
|
104
|
-
]])
|
|
105
|
-
}, [
|
|
106
|
-
l.$slots.prefix ? (s(), i("span", M, [
|
|
107
|
-
u(l.$slots, "prefix", {}, void 0, !0)
|
|
108
|
-
])) : r("", !0),
|
|
109
|
-
d("input", {
|
|
110
|
-
class: "xp-input__inner",
|
|
111
|
-
type: e.type,
|
|
112
|
-
value: e.modelValue,
|
|
113
|
-
placeholder: e.placeholder,
|
|
114
|
-
disabled: e.disabled,
|
|
115
|
-
onInput: o,
|
|
116
|
-
onFocus: n,
|
|
117
|
-
onBlur: c
|
|
118
|
-
}, null, 40, N),
|
|
119
|
-
l.$slots.suffix ? (s(), i("span", O, [
|
|
120
|
-
u(l.$slots, "suffix", {}, void 0, !0)
|
|
121
|
-
])) : r("", !0)
|
|
122
|
-
], 2));
|
|
123
|
-
}
|
|
124
|
-
}, D = /* @__PURE__ */ x(X, [["__scopeId", "data-v-d69c9b60"]]), E = {
|
|
125
|
-
key: 0,
|
|
126
|
-
class: "xp-card__header"
|
|
127
|
-
}, F = { class: "xp-card__title" }, j = { class: "xp-card__body" }, q = {
|
|
128
|
-
key: 1,
|
|
129
|
-
class: "xp-card__footer"
|
|
130
|
-
}, A = {
|
|
131
|
-
__name: "Card",
|
|
132
|
-
props: {
|
|
133
|
-
title: {
|
|
134
|
-
type: String,
|
|
135
|
-
default: ""
|
|
136
|
-
},
|
|
137
|
-
shadow: {
|
|
138
|
-
type: String,
|
|
139
|
-
default: "always",
|
|
140
|
-
validator: (e) => ["always", "hover", "never"].includes(e)
|
|
141
|
-
}
|
|
142
|
-
},
|
|
143
|
-
setup(e) {
|
|
144
|
-
return (t, a) => (s(), i("div", {
|
|
145
|
-
class: h(["xp-card", [
|
|
146
|
-
`xp-card--${e.shadow}`
|
|
147
|
-
]])
|
|
148
|
-
}, [
|
|
149
|
-
e.title || t.$slots.header ? (s(), i("div", E, [
|
|
150
|
-
u(t.$slots, "header", {}, () => [
|
|
151
|
-
d("h3", F, m(e.title), 1)
|
|
152
|
-
], !0)
|
|
153
|
-
])) : r("", !0),
|
|
154
|
-
d("div", j, [
|
|
155
|
-
u(t.$slots, "default", {}, void 0, !0)
|
|
156
|
-
]),
|
|
157
|
-
t.$slots.footer ? (s(), i("div", q, [
|
|
158
|
-
u(t.$slots, "footer", {}, void 0, !0)
|
|
159
|
-
])) : r("", !0)
|
|
160
|
-
], 2));
|
|
161
|
-
}
|
|
162
|
-
}, G = /* @__PURE__ */ x(A, [["__scopeId", "data-v-60989cba"]]), H = { class: "xp-dialog__header" }, J = { class: "xp-dialog__title" }, K = { class: "xp-dialog__body" }, L = { class: "xp-dialog__footer" }, P = {
|
|
163
|
-
__name: "Dialog",
|
|
164
|
-
props: {
|
|
165
|
-
visible: {
|
|
166
|
-
type: Boolean,
|
|
167
|
-
default: !1
|
|
168
|
-
},
|
|
169
|
-
title: {
|
|
170
|
-
type: String,
|
|
171
|
-
default: ""
|
|
172
|
-
},
|
|
173
|
-
width: {
|
|
174
|
-
type: String,
|
|
175
|
-
default: "500px"
|
|
176
|
-
},
|
|
177
|
-
confirmButtonText: {
|
|
178
|
-
type: String,
|
|
179
|
-
default: "确定"
|
|
180
|
-
},
|
|
181
|
-
cancelButtonText: {
|
|
182
|
-
type: String,
|
|
183
|
-
default: "取消"
|
|
184
|
-
},
|
|
185
|
-
closeOnClickModal: {
|
|
186
|
-
type: Boolean,
|
|
187
|
-
default: !0
|
|
188
|
-
}
|
|
189
|
-
},
|
|
190
|
-
emits: ["confirm", "cancel", "update:visible"],
|
|
191
|
-
setup(e, { emit: t }) {
|
|
192
|
-
const a = e, o = t, n = () => {
|
|
193
|
-
o("update:visible", !1);
|
|
194
|
-
}, c = () => {
|
|
195
|
-
a.closeOnClickModal && n();
|
|
196
|
-
}, l = () => {
|
|
197
|
-
o("confirm"), n();
|
|
198
|
-
}, y = () => {
|
|
199
|
-
o("cancel"), n();
|
|
200
|
-
};
|
|
201
|
-
return (k, b) => (s(), C(B, { to: "body" }, [
|
|
202
|
-
p(g, { name: "xp-dialog-fade" }, {
|
|
203
|
-
default: f(() => [
|
|
204
|
-
e.visible ? (s(), i("div", {
|
|
205
|
-
key: 0,
|
|
206
|
-
class: "xp-dialog__wrapper",
|
|
207
|
-
onClick: S(c, ["self"])
|
|
208
|
-
}, [
|
|
209
|
-
b[0] || (b[0] = d("div", { class: "xp-dialog__mask" }, null, -1)),
|
|
210
|
-
p(g, { name: "xp-dialog-slide" }, {
|
|
211
|
-
default: f(() => [
|
|
212
|
-
e.visible ? (s(), i("div", {
|
|
213
|
-
key: 0,
|
|
214
|
-
class: "xp-dialog",
|
|
215
|
-
style: w({ width: e.width })
|
|
216
|
-
}, [
|
|
217
|
-
d("div", H, [
|
|
218
|
-
d("h3", J, m(e.title), 1),
|
|
219
|
-
d("button", {
|
|
220
|
-
class: "xp-dialog__close",
|
|
221
|
-
onClick: n
|
|
222
|
-
}, " × ")
|
|
223
|
-
]),
|
|
224
|
-
d("div", K, [
|
|
225
|
-
u(k.$slots, "default", {}, void 0, !0)
|
|
226
|
-
]),
|
|
227
|
-
d("div", L, [
|
|
228
|
-
p(_, { onClick: y }, {
|
|
229
|
-
default: f(() => [
|
|
230
|
-
v(m(e.cancelButtonText), 1)
|
|
231
|
-
]),
|
|
232
|
-
_: 1
|
|
233
|
-
}),
|
|
234
|
-
p(_, {
|
|
235
|
-
type: "primary",
|
|
236
|
-
onClick: l
|
|
237
|
-
}, {
|
|
238
|
-
default: f(() => [
|
|
239
|
-
v(m(e.confirmButtonText), 1)
|
|
240
|
-
]),
|
|
241
|
-
_: 1
|
|
242
|
-
})
|
|
243
|
-
])
|
|
244
|
-
], 4)) : r("", !0)
|
|
245
|
-
]),
|
|
246
|
-
_: 3
|
|
247
|
-
})
|
|
248
|
-
])) : r("", !0)
|
|
249
|
-
]),
|
|
250
|
-
_: 3
|
|
251
|
-
})
|
|
252
|
-
]));
|
|
253
|
-
}
|
|
254
|
-
}, Q = /* @__PURE__ */ x(P, [["__scopeId", "data-v-7015aab1"]]), $ = {
|
|
255
|
-
XpButton: _,
|
|
256
|
-
XpInput: D,
|
|
257
|
-
XpCard: G,
|
|
258
|
-
XpDialog: Q
|
|
259
|
-
}, R = (e) => {
|
|
260
|
-
Object.entries($).forEach(([t, a]) => {
|
|
261
|
-
e.component(t, a);
|
|
262
|
-
});
|
|
263
|
-
}, W = {
|
|
264
|
-
install: R,
|
|
265
|
-
...$
|
|
266
|
-
};
|
|
267
|
-
export {
|
|
268
|
-
_ as XpButton,
|
|
269
|
-
G as XpCard,
|
|
270
|
-
Q as XpDialog,
|
|
271
|
-
D as XpInput,
|
|
272
|
-
W as default,
|
|
273
|
-
R as install
|
|
274
|
-
};
|