xt-element-ui 1.0.7 → 1.0.9

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 (38) hide show
  1. package/lib/index.common.js +628 -377
  2. package/lib/index.css +1 -1
  3. package/lib/index.umd.js +628 -377
  4. package/lib/index.umd.min.js +1 -1
  5. package/package.json +2 -2
  6. package/src/components/button/index.vue +48 -15
  7. package/src/components/button/style/index.scss +130 -0
  8. package/src/components/card/index.vue +20 -41
  9. package/src/components/card/style/index.scss +49 -0
  10. package/src/components/card-item/index.vue +85 -40
  11. package/src/components/card-item/style/index.scss +72 -0
  12. package/src/components/config-provider/index.js +2 -0
  13. package/src/components/config-provider/index.vue +176 -0
  14. package/src/components/config-provider/style/index.scss +12 -0
  15. package/src/components/flex-box/index.vue +21 -91
  16. package/src/components/flex-box/style/index.scss +91 -0
  17. package/src/components/index.scss +19 -0
  18. package/src/components/input/index.vue +28 -11
  19. package/src/components/input/style/index.scss +27 -0
  20. package/src/index.js +65 -122
  21. package/src/styles/export.scss +1 -1
  22. package/src/styles/theme/bg.scss +6 -0
  23. package/src/styles/theme/border.scss +4 -0
  24. package/src/styles/theme/color.scss +11 -0
  25. package/src/styles/theme/component.scss +70 -0
  26. package/src/styles/theme/dark.scss +29 -0
  27. package/src/styles/theme/font.scss +10 -0
  28. package/src/styles/theme/index.scss +11 -0
  29. package/src/styles/theme/radius.scss +4 -0
  30. package/src/styles/theme/shadow.scss +3 -0
  31. package/src/styles/theme/spacing.scss +5 -0
  32. package/src/styles/theme/text.scss +5 -0
  33. package/src/styles/theme/transition.scss +3 -0
  34. package/src/styles/theme-element.scss +0 -10
  35. package/src/styles/variables.scss +1 -119
  36. package/src/styles/vars.scss +168 -0
  37. package/src/utils/index.js +195 -124
  38. package/src/styles/theme.scss +0 -128
package/lib/index.css CHANGED
@@ -1 +1 @@
1
- .xt-flex-box.flex[data-v-617fe54e]{display:flex}.xt-flex-box.flex.direction-row-reverse>.flex[data-v-617fe54e],.xt-flex-box.flex.direction-row>.flex[data-v-617fe54e]{width:100%}.xt-flex-box.flex.direction-column-reverse>.flex[data-v-617fe54e],.xt-flex-box.flex.direction-column>.flex[data-v-617fe54e]{height:100%}.xt-flex-box.is-inline[data-v-617fe54e]{display:inline-flex}.direction-row[data-v-617fe54e]{flex-direction:row}.direction-row-reverse[data-v-617fe54e]{flex-direction:row-reverse}.direction-column[data-v-617fe54e]{flex-direction:column}.direction-column-reverse[data-v-617fe54e]{flex-direction:column-reverse}.align-center[data-v-617fe54e]{align-items:center}.align-start[data-v-617fe54e]{align-items:flex-start}.align-end[data-v-617fe54e]{align-items:flex-end}.content-center[data-v-617fe54e]{justify-content:center}.content-around[data-v-617fe54e]{justify-content:space-around}.content-between[data-v-617fe54e]{justify-content:space-between}.content-start[data-v-617fe54e]{justify-content:flex-start}.content-end[data-v-617fe54e]{justify-content:flex-end}.wrap-wrap[data-v-617fe54e]{flex-wrap:wrap}.wrap-nowrap[data-v-617fe54e]{flex-wrap:nowrap}.wrap-unset[data-v-617fe54e]{flex-wrap:wrap}.xt-card{border-radius:4px;box-shadow:0 2px 12px 0 rgha(0,0,0,1);background-color:#fff;overflow:hidden;color:#303133;transition:.35}.xt-card .card__header{padding:18px 20px;box-sizing:border-box}.xt-card .card_body{padding:20px}.xt-card .card_body .value{font-size:20px;font-weight:600}.xt-card .value{font-weight:600}.xt-card .card_header+.card__body{padding-top:0}.xt-card.noPadding .card_body{padding:0}
1
+ :root{--xt-color-primary:#409eff;--xt-color-success:#67c23a;--xt-color-warning:#e6a23c;--xt-color-danger:#f56c6c;--xt-color-info:#909399;--xt-color-primary-light-3:#79bbff;--xt-color-primary-light-5:#a0cfff;--xt-color-primary-light-7:#c6e2ff;--xt-color-primary-light-8:#d9ecff;--xt-color-primary-light-9:#ecf5ff;--xt-color-text-primary:#303133;--xt-color-text-regular:#606266;--xt-color-text-secondary:#909399;--xt-color-text-placeholder:#c0c4cc;--xt-color-text-disabled:#c0c4cc;--xt-color-bg-primary:#fff;--xt-color-bg-secondary:#f5f7fa;--xt-color-bg-hover:#f5f5f5;--xt-color-bg-container:#f5f7fa;--xt-color-bg-overlay:#fff;--xt-color-border:#dcdfe6;--xt-color-border-light:#e4e7ed;--xt-color-border-lighter:#ebeef5;--xt-color-border-extra-light:#f2f6fc;--xt-font-size-extra-large:20px;--xt-font-size-large:18px;--xt-font-size-medium:16px;--xt-font-size-base:14px;--xt-font-size-small:13px;--xt-font-size-extra-small:12px;--xt-spacing-xs:4px;--xt-spacing-sm:8px;--xt-spacing-md:12px;--xt-spacing-lg:16px;--xt-spacing-xl:20px;--xt-border-radius-base:4px;--xt-border-radius-small:2px;--xt-border-radius-round:20px;--xt-border-radius-circle:50%;--xt-shadow-sm:0 2px 4px rgba(0,0,0,0.04);--xt-shadow-md:0 4px 12px rgba(0,0,0,0.08);--xt-shadow-lg:0 8px 24px rgba(0,0,0,0.12);--xt-transition-duration:0.3s;--xt-transition-duration-fast:0.2s;--xt-button-height:32px;--xt-button-padding-x:15px;--xt-button-padding-y:8px;--xt-button-font-weight:500;--xt-button-border-width:1px;--xt-button-transition:0.1s;--xt-card-bg-color:#fff;--xt-card-border-color:#ebeef5;--xt-card-border-radius:4px;--xt-card-padding:20px;--xt-card-header-padding:18px 20px;--xt-card-shadow:0 2px 12px 0 rgba(0,0,0,0.1);--xt-card-item-min-height:40px;--xt-card-item-gap:10px;--xt-card-item-border-width:3px;--xt-input-height:32px;--xt-input-padding-x:15px;--xt-input-bg-color:#fff;--xt-input-border-color:#dcdfe6;--xt-input-text-color:#303133;--xt-input-placeholder-color:#c0c4cc;--xt-flex-box-gap:8px}html.dark,html[data-theme=dark]{--xt-color-primary:var(--xt-color-primary);--xt-color-success:#4bc376;--xt-color-warning:#e6b61e;--xt-color-danger:#c13737;--xt-color-info:#3f4249;--xt-color-text-primary:hsla(0,0%,100%,0.95);--xt-color-text-regular:hsla(0,0%,100%,0.8);--xt-color-text-secondary:hsla(0,0%,100%,0.6);--xt-color-text-placeholder:hsla(0,0%,100%,0.4);--xt-color-text-disabled:hsla(0,0%,100%,0.3);--xt-color-bg-primary:#1f1f1f;--xt-color-bg-secondary:#2d2d2d;--xt-color-bg-hover:#3d3d3d;--xt-color-bg-container:#1f1f1f;--xt-color-bg-overlay:#2d2d2d;--xt-color-border:#434343;--xt-color-border-light:#3d3d3d;--xt-color-border-lighter:#3d3d3d;--xt-color-border-extra-light:#434343;--xt-card-bg-color:#1f1f1f;--xt-card-border-color:#434343;--xt-input-bg-color:#2d2d2d;--xt-input-border-color:#434343;--xt-input-text-color:hsla(0,0%,100%,0.95);--xt-input-placeholder-color:hsla(0,0%,100%,0.4);--xt-dark-button-primary-bg:#1e40af;--xt-dark-button-success-bg:#166534;--xt-dark-button-warning-bg:#78350f;--xt-dark-button-danger-bg:#991b1b;--xt-dark-button-info-bg:#374151}[data-size=small]{--xt-font-size-extra-large:20px;--xt-font-size-large:18px;--xt-font-size-medium:16px;--xt-font-size-base:14px;--xt-font-size-small:13px;--xt-font-size-extra-small:12px}[data-size=medium]{--xt-font-size-extra-large:22px;--xt-font-size-large:20px;--xt-font-size-medium:18px;--xt-font-size-base:16px;--xt-font-size-small:15px;--xt-font-size-extra-small:14px}[data-size=large]{--xt-font-size-extra-large:24px;--xt-font-size-large:22px;--xt-font-size-medium:20px;--xt-font-size-base:18px;--xt-font-size-small:17px;--xt-font-size-extra-small:16px}.xt-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:var(--xt-button-height,32px);white-space:nowrap;cursor:pointer;color:var(--xt-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:var(--xt-button-transition,.1s);font-weight:var(--xt-button-font-weight,500);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--xt-button-bg-color);border:var(--xt-button-border-width,1px) solid var(--xt-button-border-color);border-radius:var(--xt-border-radius-base,4px);padding:var(--xt-button-padding-y,8px) var(--xt-button-padding-x,15px);font-size:var(--xt-font-size-base,14px)}.xt-button,.xt-button--primary{--xt-button-bg-color:var(--xt-color-primary,#409eff);--xt-button-border-color:var(--xt-color-primary,#409eff);--xt-button-text-color:#fff}.xt-button--success{--xt-button-bg-color:var(--xt-color-success,#67c23a);--xt-button-border-color:var(--xt-color-success,#67c23a);--xt-button-text-color:#fff}.xt-button--warning{--xt-button-bg-color:var(--xt-color-warning,#e6a23c);--xt-button-border-color:var(--xt-color-warning,#e6a23c);--xt-button-text-color:#fff}.xt-button--danger{--xt-button-bg-color:var(--xt-color-danger,#f56c6c);--xt-button-border-color:var(--xt-color-danger,#f56c6c);--xt-button-text-color:#fff}.xt-button--info{--xt-button-bg-color:var(--xt-color-info,#909399);--xt-button-border-color:var(--xt-color-info,#909399);--xt-button-text-color:#fff}html.dark .xt-button--success{--xt-button-bg-color:var(--xt-dark-button-success-bg,#166534);--xt-button-border-color:var(--xt-dark-button-success-bg,#166534)}html.dark .xt-button--warning{--xt-button-bg-color:var(--xt-dark-button-warning-bg,#78350f);--xt-button-border-color:var(--xt-dark-button-warning-bg,#78350f)}html.dark .xt-button--danger{--xt-button-bg-color:var(--xt-dark-button-danger-bg,#991b1b);--xt-button-border-color:var(--xt-dark-button-danger-bg,#991b1b)}html.dark .xt-button--info{--xt-button-bg-color:var(--xt-dark-button-info-bg,#374151);--xt-button-border-color:var(--xt-dark-button-info-bg,#374151)}.xt-button--danger[plain],.xt-button--info[plain],.xt-button--primary[plain],.xt-button--success[plain],.xt-button--warning[plain]{--xt-button-bg-color:var(--xt-color-bg-primary,#fff);--xt-button-text-color:var(--xt-color-primary,#409eff)}.xt-button--success[plain]{--xt-button-text-color:var(--xt-color-success,#67c23a)}.xt-button--warning[plain]{--xt-button-text-color:var(--xt-color-warning,#e6a23c)}.xt-button--danger[plain]{--xt-button-text-color:var(--xt-color-danger,#f56c6c)}.xt-button--info[plain]{--xt-button-text-color:var(--xt-color-info,#909399)}html.dark .xt-button--success[plain]{--xt-button-text-color:var(--xt-dark-color-success,#1dac4c)}html.dark .xt-button--warning[plain]{--xt-button-text-color:var(--xt-dark-color-warning,#8d5e18)}html.dark .xt-button--danger[plain]{--xt-button-text-color:var(--xt-dark-color-danger,#a02727)}html.dark .xt-button--info[plain]{--xt-button-text-color:var(--xt-dark-color-info,#3f4249)}.xt-button:hover{opacity:.8}.xt-button:disabled{opacity:.6;cursor:not-allowed}.xt-card{--xt-card-bg-color:var(--xt-card-bg-color,#fff);--xt-card-border-color:var(--xt-card-border-color,#ebeef5);--xt-card-text-color:var(--xt-color-text-primary,#303133);border-radius:var(--xt-card-border-radius,4px);box-shadow:var(--xt-card-shadow,0 2px 12px 0 rgba(0,0,0,.1));background-color:var(--xt-card-bg-color);overflow:hidden;color:var(--xt-card-text-color);transition:var(--xt-transition-duration,.3s)}.xt-card .card__header{padding:var(--xt-card-header-padding,18px 20px);box-sizing:border-box;font-weight:600;font-size:var(--xt-font-size-medium,16px)}.xt-card .card__body{padding:var(--xt-card-padding,20px)}.xt-card .card__body .value{font-size:var(--xt-font-size-large,18px);font-weight:600;color:var(--xt-color-primary,#409eff)}.xt-card .card__body .unit{font-size:var(--xt-font-size-base,14px);color:var(--xt-color-text-secondary,#909399);margin-left:4px}.xt-card .value{font-weight:600}.xt-card .card__header+.card__body{padding-top:0}.xt-card.noPadding .card__body{padding:0}.xt-card-item{--xt-card-item-color:var(--xt-color-primary,#409eff);min-height:var(--xt-card-item-min-height,40px)}.xt-card-item+.xt-card-item{margin-top:var(--xt-card-item-gap,10px)}.xt-card-item.is-border{border-right:var(--xt-card-item-border-width,3px) solid transparent;background-color:var(--xt-color-bg-secondary,#f5f7fa)}.xt-card-item.is-border.is-primary{border-right-color:var(--xt-card-item-color)}.xt-card-item.is-border.is-primary .item__value .value{color:var(--xt-card-item-color)}.xt-card-item.is-border.is-success{border-right-color:var(--xt-color-success,#67c23a)}.xt-card-item.is-border.is-success .item__value .value{color:var(--xt-color-success,#67c23a)}.xt-card-item.is-border.is-warning{border-right-color:var(--xt-color-warning,#e6a23c)}.xt-card-item.is-border.is-warning .item__value .value{color:var(--xt-color-warning,#e6a23c)}.xt-card-item.is-border.is-danger{border-right-color:var(--xt-color-danger,#f56c6c)}.xt-card-item.is-border.is-danger .item__value .value{color:var(--xt-color-danger,#f56c6c)}.xt-card-item .item__value{padding-right:10px}.xt-card-item .item__value .value{font-weight:600;font-size:var(--xt-font-size-base,14px)}.xt-card-item .item__value .unit{font-size:var(--xt-font-size-small,13px);color:var(--xt-color-text-secondary,#909399)}.xt-card-item .item__label{padding-left:10px;color:var(--xt-color-text-secondary,#909399)}.xt-card-item .item__unit{padding-left:5px;color:var(--xt-color-text-secondary,#909399)}.xt-input .el-input__inner{--xt-input-focus-color:var(--xt-color-primary,#409eff);background-color:var(--xt-input-bg-color,#fff);border-color:var(--xt-input-border-color,#dcdfe6);color:var(--xt-input-text-color,#303133);font-size:var(--xt-font-size-base,14px)}.xt-input .el-input__inner::-moz-placeholder{color:var(--xt-input-placeholder-color,#c0c4cc)}.xt-input .el-input__inner::placeholder{color:var(--xt-input-placeholder-color,#c0c4cc)}.xt-input .el-input__inner:focus{border-color:var(--xt-input-focus-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--xt-input-focus-color) 20%,transparent)}.xt-input .el-input{height:var(--xt-input-height,32px)}.xt-input .el-input .el-input__wrapper{padding:0 var(--xt-input-padding-x,15px)}.xt-flex-box.flex{display:flex}.xt-flex-box.flex.direction-row-reverse>.flex,.xt-flex-box.flex.direction-row>.flex{width:100%}.xt-flex-box.flex.direction-column-reverse>.flex,.xt-flex-box.flex.direction-column>.flex{height:100%}.xt-flex-box.is-inline{display:inline-flex}.direction-row{flex-direction:row}.direction-row-reverse{flex-direction:row-reverse}.direction-column{flex-direction:column}.direction-column-reverse{flex-direction:column-reverse}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.content-center{justify-content:center}.content-around{justify-content:space-around}.content-between{justify-content:space-between}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-evenly{justify-content:space-evenly}.wrap-wrap{flex-wrap:wrap}.wrap-nowrap{flex-wrap:nowrap}.wrap-unset{flex-wrap:wrap}.xt-config-provider--dark.xt-config-provider--with-bg{background-color:var(--xt-color-bg-primary,#1f1f1f);color:var(--xt-color-text-primary,hsla(0,0%,100%,.95))}