@web-utils/component 2.7.36 → 2.7.37

package/dist/components/base.css

@@ -1,410 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.border-bottom {
-  border-bottom: 1px solid #d7dae0;
-}
-
-.clear-fix::after {
-  display: block;
-  clear: both;
-  height: 0;
-  visibility: hidden;
-  content: " ";
-}
-
-.flex-row {
-  display: flex;
-  flex-direction: row;
-  flex-shrink: 0;
-}
-.flex-row.vertical-center {
-  align-items: center;
-}
-.flex-row.vertical-start {
-  align-items: flex-start;
-}
-.flex-row.horizon-center {
-  justify-content: center;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.flex-column {
-  display: flex;
-  flex-direction: column;
-}
-.flex-column.vertical-center {
-  justify-content: center;
-}
-.flex-column.horizon-center {
-  align-items: center;
-}
-
-.flex-item, .flex-item-relative {
-  flex: 1 1 auto;
-}
-
-.flex-item-relative {
-  position: relative;
-}
-.flex-item-relative .flex-content {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-
-.flex-not-shrink {
-  flex-shrink: 0;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */ /* 应用头部高度 */ /* 页面宽度 */ /* 侧栏宽度 */ /* 标签高度 */ /* 页面头部工具条高度 */ body {
-  font-family: Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-} * {
-  outline: none;
-} .avue-canvas {
-  display: none;
-} .avue-ghost {
-  opacity: 0.5;
-  background: #c8ebfb;
-} .avue--disabled {
-  color: #ccc;
-} .avue--detail .hover-row td {
-  background-color: #fff !important;
-} .avue--detail .avue-group__header {
-  border-bottom: 1px solid #eee;
-  padding-left: 10px;
-} .avue--detail .el-collapse-item__header {
-  margin-bottom: 0;
-} .avue--detail .el-input.is-disabled .el-input__inner, .avue--detail .el-textarea.is-disabled .el-textarea__inner, .avue--detail .el-range-editor.is-disabled, .avue--detail .el-range-editor.is-disabled input {
-  color: #606266;
-  background-color: #fff;
-  padding-left: 0;
-} .avue--detail .el-input-number__decrease, .avue--detail .el-input-number__increase {
-  display: none;
-} .avue--detail .el-input-group__append, .avue--detail .el-input-group__prepend {
-  background-color: transparent;
-  border: none;
-} .avue--detail .el-input__suffix, .avue--detail .el-input__prefix {
-  display: none;
-} .avue--detail .el-input__inner, .avue--detail .el-textarea__inner {
-  border: none;
-} .avue--detail .el-input__inner::-webkit-input-placeholder, .avue--detail .el-textarea__inner::-webkit-input-placeholder {
-  color: transparent !important;
-} .avue--detail .el-input__inner::-moz-placeholder, .avue--detail .el-textarea__inner::-moz-placeholder {
-  color: transparent !important;
-} .avue--detail .el-input__inner::-moz-placeholder, .avue--detail .el-textarea__inner::-moz-placeholder {
-  color: transparent !important;
-} .avue--detail .el-input__inner::-ms-input-placeholder, .avue--detail .el-textarea__inner::-ms-input-placeholder {
-  color: transparent !important;
-} .avue--detail .el-input__inner::-ms-input-placeholder, .avue--detail .el-textarea__inner::-ms-input-placeholder {
-  color: transparent !important;
-} .avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
-  background-color: #409EFF;
-  border-color: #409EFF;
-} .avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
-  border-color: #fff;
-} .avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner {
-  background-color: #409EFF;
-  border-color: #409EFF;
-} .avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
-  background-color: #fff;
-} .avue--detail .el-checkbox__input.is-disabled + span.el-checkbox__label,
-.avue--detail .el-radio__input.is-disabled + span.el-radio__label {
-  color: #606266;
-} .avue--detail .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before, .avue--detail .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
-  display: none;
-} .avue--detail .el-row {
-  border-top: 1px solid #ebeef5;
-  border-left: 1px solid #ebeef5;
-} .avue--detail .el-col {
-  margin: 0 !important;
-  padding: 0 !important;
-  border-bottom: 1px solid #ebeef5;
-  border-right: 1px solid #ebeef5;
-} .avue--detail .el-form-item--medium.el-form-item, .avue--detail .el-form-item--mini.el-form-item, .avue--detail .el-form-item--small.el-form-item {
-  margin: 0;
-  background: #fafafa;
-} .avue--detail .el-form-item__label, .avue--detail .el-form-item__content {
-  padding: 2px 0;
-} .avue--detail .el-form-item__label {
-  padding-right: 20px;
-  color: #909399;
-  box-sizing: border-box;
-} .avue--detail .el-tag {
-  margin-left: 0 !important;
-  margin-right: 6px !important;
-} .avue--detail .avue-crud .el-form-item__content {
-  border: none;
-} .avue--detail .el-form-item__content {
-  border-left: 1px solid #ebeef5;
-  padding-left: 20px;
-  box-sizing: border-box;
-  background-color: #fff;
-} .avue--detail__column .el-form-item {
-  background-color: #fff;
-} .avue--detail__column .el-form-item__label {
-  padding-right: 12px;
-} .avue--detail__column .el-form-item__content {
-  padding-left: 0;
-  border-left: none;
-} .avue-grid {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-size: 20px 20px, 20px 20px;
-  background-image: linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 0), linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 0);
-} .avue-mask {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: rgba(55, 55, 55, 0.6);
-  height: 100%;
-  z-index: 1000;
-} .avue--card {
-  box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.15);
-  border-radius: 5px;
-} .avue-dialog {
-  overflow: visible;
-} .avue-dialog .el-dialog {
-  min-height: 180px;
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  top: 0;
-  left: 50%;
-  transform: translate(-50%, 0);
-  border-radius: 2px;
-  max-height: calc(100% - 200px);
-  max-width: calc(100% - 100px);
-} .avue-dialog .el-dialog__header {
-  padding: 16px 24px;
-  min-height: 20px;
-  border-bottom: 1px solid #f0f0f0;
-} .avue-dialog .el-dialog__title, .avue-dialog .el-drawer__header {
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
-  word-wrap: break-word;
-} .avue-dialog .el-dialog__body {
-  padding: 30px 20px 20px 20px;
-  margin-bottom: 50px;
-} .avue-dialog .el-dialog .el-dialog__body {
-  flex: 1;
-  overflow: hidden;
-  overflow-y: auto;
-} .avue-dialog .el-drawer {
-  position: absolute;
-  right: 0;
-  top: 0;
-  display: flex;
-  flex-direction: column;
-} .avue-dialog .el-drawer__header {
-  margin: 0;
-  min-height: 20px;
-  padding: 16px 10px 16px 24px;
-  border-bottom: 1px solid #f0f0f0;
-} .avue-dialog .el-drawer, .avue-dialog .el-drawer__body {
-  flex: 1;
-  overflow: auto;
-} .avue-dialog__footer {
-  display: block;
-  padding: 10px 16px;
-  box-sizing: border-box;
-  border-top: 1px solid #f0f0f0;
-  width: 100%;
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  background-color: #fff;
-  text-align: right;
-} .avue-dialog__footer--left {
-  text-align: left;
-} .avue-dialog__footer--center {
-  text-align: center;
-} .avue-dialog--fullscreen .el-dialog {
-  left: 0;
-  top: 0;
-  transform: translate(0, 0);
-  width: 100% !important;
-  height: 100%;
-  max-width: 100%;
-  max-height: 100%;
-} .avue-dialog--top .el-dialog {
-  top: 15%;
-} .avue-dialog--none .el-dialog__body {
-  margin-bottom: 0;
-} .avue-queue--block {
-  display: inline-block;
-} .avue-opacity {
-  opacity: 0;
-} .avue-opacity--active {
-  opacity: 1;
-} .fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.3s;
-} .fade-enter,
-.fade-leave-to {
-  opacity: 0;
-} .el-tooltip__popper {
-  max-width: 60%;
-} .avue-crud .el-select,
-.avue-crud .el-date-editor.el-input,
-.avue-crud .el-date-editor.el-input__inner,
-.avue-crud .el-cascader,
-.avue-crud .avue-input-number, .avue-form .el-select,
-.avue-form .el-date-editor.el-input,
-.avue-form .el-date-editor.el-input__inner,
-.avue-form .el-cascader,
-.avue-form .avue-input-number {
-  width: 100% !important;
-} .avue-crud .el-form-item.el-form-item--small .el-input-group--append .el-input__inner, .avue-form .el-form-item.el-form-item--small .el-input-group--append .el-input__inner {
-  height: 33px;
-  line-height: 33px;
-} .avue-crud .el-input-number .el-input__inner, .avue-form .el-input-number .el-input__inner {
-  text-align: left;
-} .avue-crud .avue-crud__left .el-button + .el-button, .avue-crud .avue-crud__right .el-button + .el-button, .avue-form .avue-crud__left .el-button + .el-button, .avue-form .avue-crud__right .el-button + .el-button {
-  margin-left: 0;
-} .avue-crud .avue-crud__left .el-button, .avue-crud .avue-crud__right .el-button, .avue-form .avue-crud__left .el-button, .avue-form .avue-crud__right .el-button {
-  margin-right: 5px;
-  margin-bottom: 0px;
-} .avue-crud .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content, .avue-form .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-  color: #409EFF;
-} .avue-crud .el-tree-node__label, .avue-form .el-tree-node__label {
-  margin-left: 8px;
-} .avue-crud .el-input__inner, .avue-form .el-input__inner {
-  height: 38px;
-  line-height: 38px;
-} .avue-crud .el-range-editor--small, .avue-form .el-range-editor--small {
-  height: 32px;
-  line-height: 32px;
-} .avue-crud .el-range-editor--mini, .avue-form .el-range-editor--mini {
-  height: 28px;
-  line-height: 28px;
-} .avue-crud .el-input--small input, .avue-form .el-input--small input {
-  height: 32px;
-  line-height: 32px;
-} .avue-crud .el-input--mini input, .avue-form .el-input--mini input {
-  height: 28px;
-  line-height: 28px;
-} .avue-crud .el-table--medium td, .avue-form .el-table--medium td {
-  padding: 7px 0 !important;
-} .avue-crud .el-tooltip__popper, .avue-form .el-tooltip__popper {
-  max-width: 60%;
-} .avue-crud .el-dropdown-menu__item, .avue-form .el-dropdown-menu__item {
-  line-height: 25px;
-} .avue-crud .el-table-filter__list, .avue-form .el-table-filter__list {
-  width: 100%;
-  height: 300px;
-  overflow-y: auto;
-} .el-form-item--mini .el-color-picker--mini, .el-form-item--mini .el-color-picker--mini .el-color-picker__trigger {
-  width: 23px;
-  height: 23px;
-} .el-dropdown-menu .el-button--text {
-  width: 100% !important;
-} .el-pagination__editor.el-input .el-input__inner {
-  line-height: 28px;
-} .el-drawer .el-drawer__body {
-  height: 100%;
-} .el-drawer .avue-form {
-  padding: 20px;
-} .el-checkbox:last-of-type {
-  margin-right: 8px;
-} .el-table th.gutter {
-  display: table-cell !important;
-} .el-table colgroup.gutter {
-  display: table-cell !important;
-} .el-input-number .el-input__suffix {
-  display: none;
-} .el-input-number__decrease, .el-input-number__increase {
-  background-color: transparent;
-} .el-tree-node.is-current > .el-tree-node__content {
-  color: #409eff;
-  background-color: #F5F7FA;
-} .el-select-dropdown .el-scrollbar .el-scrollbar__view .el-select-dropdown__item {
-  height: auto;
-  padding: 0;
-} .el-select-dropdown .el-scrollbar .el-scrollbar__view .el-select-dropdown__item > span {
-  padding: 0 20px;
-} .el-select-dropdown__item.selected {
-  font-weight: normal;
-} .el-select-dropdown .el-tree-node__label {
-  font-weight: normal;
-} .el-form-item.is-error .avue-dynamic {
-  border: 1px solid #F56C6C;
-  border-radius: 3px;
-} .el-dropdown-menu__item {
-  padding-top: 3px !important;
-  padding-bottom: 3px !important;
-} .el-upload--picture-card .el-upload-dragger, .el-upload--picture-img .el-upload-dragger {
-  width: inherit;
-  height: inherit;
-  background-color: inherit;
-} @media screen and (max-width: 992px) {
-  .el-dialog__footer {
-    display: flex;
-    justify-content: center;
-  }
-  .el-button + .el-button {
-    margin-left: 0;
-  }
-  .el-upload-list--picture-card .el-upload-list__item,
-  .avue-upload__avatar,
-  .el-upload--picture-card, .avue-upload__icon {
-    width: 100px;
-    height: 100px;
-    line-height: 100px;
-  }
-  .avue-tip {
-    display: none;
-  }
-  .avue-crud__menu {
-    display: block !important;
-  }
-  .avue-crud .el-form-item {
-    width: 100%;
-  }
-  .avue-crud .el-form-item__label {
-    flex: 1;
-  }
-  .avue-crud .el-form-item__content {
-    flex: 5;
-  }
-  .avue-crud__searchMenu {
-    text-align: center;
-  }
-  .avue-crud__title {
-    display: block !important;
-  }
-  .avue-crud__title p {
-    margin-bottom: 20px;
-  }
-  .avue-crud__title .avue-date__group {
-    justify-content: center;
-  }
-  .avue-crud__title .avue-date__date {
-    display: none;
-  }
-  .avue-crud__title .avue-date__radio {
-    width: 100%;
-  }
-  .avue-crud__title .avue-date__radio .el-radio-group {
-    display: flex;
-  }
-  .avue-crud__title .avue-date__radio .el-radio-group label,
-  .avue-crud__title .avue-date__radio .el-radio-group .el-radio-button__inner {
-    width: 100%;
-  }
-  .avue-crud__title .avue-date__radio .el-radio-button:last-child .el-radio-button__inner {
-    border-radius: 0 4px 4px 0;
-    border-right: 1px solid #dcdfe6;
-  }
-}
+.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{display:block;clear:both;height:0;visibility:hidden;content:" "}.flex-row{display:flex;flex-direction:row;flex-shrink:0}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{display:flex;flex-direction:column}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:1 1 auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;inset:0}.flex-not-shrink{flex-shrink:0}body{font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}*{outline:none}.avue-canvas{display:none}.avue-ghost{opacity:.5;background:#c8ebfb}.avue--disabled{color:#ccc}.avue--detail .hover-row td{background-color:#fff!important}.avue--detail .avue-group__header{border-bottom:1px solid #eee;padding-left:10px}.avue--detail .el-collapse-item__header{margin-bottom:0}.avue--detail .el-input.is-disabled .el-input__inner,.avue--detail .el-textarea.is-disabled .el-textarea__inner,.avue--detail .el-range-editor.is-disabled,.avue--detail .el-range-editor.is-disabled input{color:#606266;background-color:#fff;padding-left:0}.avue--detail .el-input-number__decrease,.avue--detail .el-input-number__increase{display:none}.avue--detail .el-input-group__append,.avue--detail .el-input-group__prepend{background-color:transparent;border:none}.avue--detail .el-input__suffix,.avue--detail .el-input__prefix{display:none}.avue--detail .el-input__inner,.avue--detail .el-textarea__inner{border:none}.avue--detail .el-input__inner::-webkit-input-placeholder,.avue--detail .el-textarea__inner::-webkit-input-placeholder{color:transparent!important}.avue--detail .el-input__inner::-moz-placeholder,.avue--detail .el-textarea__inner::-moz-placeholder{color:transparent!important}.avue--detail .el-input__inner::-ms-input-placeholder,.avue--detail .el-textarea__inner::-ms-input-placeholder{color:transparent!important}.avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#409eff}.avue--detail .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:#fff}.avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#409eff;border-color:#409eff}.avue--detail .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:#fff}.avue--detail .el-checkbox__input.is-disabled+span.el-checkbox__label,.avue--detail .el-radio__input.is-disabled+span.el-radio__label{color:#606266}.avue--detail .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.avue--detail .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{display:none}.avue--detail .el-row{border-top:1px solid #ebeef5;border-left:1px solid #ebeef5}.avue--detail .el-col{margin:0!important;padding:0!important;border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5}.avue--detail .el-form-item--medium.el-form-item,.avue--detail .el-form-item--mini.el-form-item,.avue--detail .el-form-item--small.el-form-item{margin:0;background:#fafafa}.avue--detail .el-form-item__label,.avue--detail .el-form-item__content{padding:2px 0}.avue--detail .el-form-item__label{padding-right:20px;color:#909399;box-sizing:border-box}.avue--detail .el-tag{margin-left:0!important;margin-right:6px!important}.avue--detail .avue-crud .el-form-item__content{border:none}.avue--detail .el-form-item__content{border-left:1px solid #ebeef5;padding-left:20px;box-sizing:border-box;background-color:#fff}.avue--detail__column .el-form-item{background-color:#fff}.avue--detail__column .el-form-item__label{padding-right:12px}.avue--detail__column .el-form-item__content{padding-left:0;border-left:none}.avue-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-size:20px 20px,20px 20px;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 0)}.avue-mask{position:fixed;inset:0;background-color:#37373799;height:100%;z-index:1000}.avue--card{box-shadow:2px 1px 8px #00000026;border-radius:5px}.avue-dialog{overflow:visible}.avue-dialog .el-dialog{min-height:180px;display:flex;flex-direction:column;position:absolute;top:0;left:50%;transform:translate(-50%);border-radius:2px;max-height:calc(100% - 200px);max-width:calc(100% - 100px)}.avue-dialog .el-dialog__header{padding:16px 24px;min-height:20px;border-bottom:1px solid #f0f0f0}.avue-dialog .el-dialog__title,.avue-dialog .el-drawer__header{color:#000000d9;font-weight:500;word-wrap:break-word}.avue-dialog .el-dialog__body{padding:30px 20px 20px;margin-bottom:50px}.avue-dialog .el-dialog .el-dialog__body{flex:1;overflow:hidden;overflow-y:auto}.avue-dialog .el-drawer{position:absolute;right:0;top:0;display:flex;flex-direction:column}.avue-dialog .el-drawer__header{margin:0;min-height:20px;padding:16px 10px 16px 24px;border-bottom:1px solid #f0f0f0}.avue-dialog .el-drawer,.avue-dialog .el-drawer__body{flex:1;overflow:auto}.avue-dialog__footer{display:block;padding:10px 16px;box-sizing:border-box;border-top:1px solid #f0f0f0;width:100%;position:absolute;left:0;bottom:0;background-color:#fff;text-align:right}.avue-dialog__footer--left{text-align:left}.avue-dialog__footer--center{text-align:center}.avue-dialog--fullscreen .el-dialog{left:0;top:0;transform:translate(0);width:100%!important;height:100%;max-width:100%;max-height:100%}.avue-dialog--top .el-dialog{top:15%}.avue-dialog--none .el-dialog__body{margin-bottom:0}.avue-queue--block{display:inline-block}.avue-opacity{opacity:0}.avue-opacity--active{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.el-tooltip__popper{max-width:60%}.avue-crud .el-select,.avue-crud .el-date-editor.el-input,.avue-crud .el-date-editor.el-input__inner,.avue-crud .el-cascader,.avue-crud .avue-input-number,.avue-form .el-select,.avue-form .el-date-editor.el-input,.avue-form .el-date-editor.el-input__inner,.avue-form .el-cascader,.avue-form .avue-input-number{width:100%!important}.avue-crud .el-form-item.el-form-item--small .el-input-group--append .el-input__inner,.avue-form .el-form-item.el-form-item--small .el-input-group--append .el-input__inner{height:33px;line-height:33px}.avue-crud .el-input-number .el-input__inner,.avue-form .el-input-number .el-input__inner{text-align:left}.avue-crud .avue-crud__left .el-button+.el-button,.avue-crud .avue-crud__right .el-button+.el-button,.avue-form .avue-crud__left .el-button+.el-button,.avue-form .avue-crud__right .el-button+.el-button{margin-left:0}.avue-crud .avue-crud__left .el-button,.avue-crud .avue-crud__right .el-button,.avue-form .avue-crud__left .el-button,.avue-form .avue-crud__right .el-button{margin-right:5px;margin-bottom:0}.avue-crud .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,.avue-form .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:#409eff}.avue-crud .el-tree-node__label,.avue-form .el-tree-node__label{margin-left:8px}.avue-crud .el-input__inner,.avue-form .el-input__inner{height:38px;line-height:38px}.avue-crud .el-range-editor--small,.avue-form .el-range-editor--small{height:32px;line-height:32px}.avue-crud .el-range-editor--mini,.avue-form .el-range-editor--mini{height:28px;line-height:28px}.avue-crud .el-input--small input,.avue-form .el-input--small input{height:32px;line-height:32px}.avue-crud .el-input--mini input,.avue-form .el-input--mini input{height:28px;line-height:28px}.avue-crud .el-table--medium td,.avue-form .el-table--medium td{padding:7px 0!important}.avue-crud .el-tooltip__popper,.avue-form .el-tooltip__popper{max-width:60%}.avue-crud .el-dropdown-menu__item,.avue-form .el-dropdown-menu__item{line-height:25px}.avue-crud .el-table-filter__list,.avue-form .el-table-filter__list{width:100%;height:300px;overflow-y:auto}.el-form-item--mini .el-color-picker--mini,.el-form-item--mini .el-color-picker--mini .el-color-picker__trigger{width:23px;height:23px}.el-dropdown-menu .el-button--text{width:100%!important}.el-pagination__editor.el-input .el-input__inner{line-height:28px}.el-drawer .el-drawer__body{height:100%}.el-drawer .avue-form{padding:20px}.el-checkbox:last-of-type{margin-right:8px}.el-table th.gutter,.el-table colgroup.gutter{display:table-cell!important}.el-input-number .el-input__suffix{display:none}.el-input-number__decrease,.el-input-number__increase{background-color:transparent}.el-tree-node.is-current>.el-tree-node__content{color:#409eff;background-color:#f5f7fa}.el-select-dropdown .el-scrollbar .el-scrollbar__view .el-select-dropdown__item{height:auto;padding:0}.el-select-dropdown .el-scrollbar .el-scrollbar__view .el-select-dropdown__item>span{padding:0 20px}.el-select-dropdown__item.selected,.el-select-dropdown .el-tree-node__label{font-weight:400}.el-form-item.is-error .avue-dynamic{border:1px solid #F56C6C;border-radius:3px}.el-dropdown-menu__item{padding-top:3px!important;padding-bottom:3px!important}.el-upload--picture-card .el-upload-dragger,.el-upload--picture-img .el-upload-dragger{width:inherit;height:inherit;background-color:inherit}@media screen and (max-width: 992px){.el-dialog__footer{display:flex;justify-content:center}.el-button+.el-button{margin-left:0}.el-upload-list--picture-card .el-upload-list__item,.avue-upload__avatar,.el-upload--picture-card,.avue-upload__icon{width:100px;height:100px;line-height:100px}.avue-tip{display:none}.avue-crud__menu{display:block!important}.avue-crud .el-form-item{width:100%}.avue-crud .el-form-item__label{flex:1}.avue-crud .el-form-item__content{flex:5}.avue-crud__searchMenu{text-align:center}.avue-crud__title{display:block!important}.avue-crud__title p{margin-bottom:20px}.avue-crud__title .avue-date__group{justify-content:center}.avue-crud__title .avue-date__date{display:none}.avue-crud__title .avue-date__radio{width:100%}.avue-crud__title .avue-date__radio .el-radio-group{display:flex}.avue-crud__title .avue-date__radio .el-radio-group label,.avue-crud__title .avue-date__radio .el-radio-group .el-radio-button__inner{width:100%}.avue-crud__title .avue-date__radio .el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0;border-right:1px solid #dcdfe6}}

package/dist/components/capsule-tab/index.mjs

@@ -0,0 +1,52 @@
+import { n as s } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var u = function() {
+  var e = this, t = e.$createElement, a = e._self._c || t;
+  return a("ul", {
+    staticClass: "capsule-tab"
+  }, e._l(e.tabs, function(n) {
+    return a("li", {
+      key: n.value,
+      class: ["tab-item", {
+        active: e.value === n.value,
+        single: e.tabs.length === 1
+      }],
+      on: {
+        click: function(i) {
+          return e.$emit("input", n.value);
+        }
+      }
+    }, [e._v(" " + e._s(n.label) + " ")]);
+  }), 0);
+}, r = [];
+const _ = {
+  name: "CapsuleTab",
+  props: {
+    tabs: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: String
+    }
+  }
+}, l = {};
+var c = /* @__PURE__ */ s(
+  _,
+  u,
+  r,
+  !1,
+  o,
+  null,
+  null,
+  null
+);
+function o(e) {
+  for (let t in l)
+    this[t] = l[t];
+}
+const p = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  p as default
+};

package/dist/components/capsule-tab/style.css

@@ -1,32 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.capsule-tab {
-  display: inline;
-  margin-right: 10px;
-}
-.capsule-tab .tab-item {
-  display: inline;
-  padding: 2px 14px;
-  background-color: #fafafa;
-  border: 1px solid #ebeef5;
-  border-right: none;
-  cursor: pointer;
-}
-.capsule-tab .tab-item.active {
-  color: #fff;
-  background-color: rgb(239, 102, 102);
-}
-.capsule-tab .tab-item:first-child {
-  border-radius: 12px 0 0 12px;
-}
-.capsule-tab .tab-item:last-child {
-  border-right: 1px solid #ccc;
-  border-radius: 0 12px 12px 0;
-}
-.capsule-tab .tab-item:last-child.single {
-  border-radius: 12px;
-}
+.capsule-tab{display:inline;margin-right:10px}.capsule-tab .tab-item{display:inline;padding:2px 14px;background-color:#fafafa;border:1px solid #ebeef5;border-right:none;cursor:pointer}.capsule-tab .tab-item.active{color:#fff;background-color:#ef6666}.capsule-tab .tab-item:first-child{border-radius:12px 0 0 12px}.capsule-tab .tab-item:last-child{border-right:1px solid #ccc;border-radius:0 12px 12px 0}.capsule-tab .tab-item:last-child.single{border-radius:12px}

package/dist/components/card/index.mjs

@@ -0,0 +1,130 @@
+import { n as o } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var u = function() {
+  var t = this, a = t.$createElement, e = t._self._c || a;
+  return e("div", {
+    staticClass: "avue-card"
+  }, [e("ElRow", {
+    attrs: {
+      span: 24,
+      gutter: t.gutter
+    }
+  }, [t.option.addBtn ? e("ElCol", {
+    attrs: {
+      span: t.span
+    }
+  }, [e("div", {
+    staticClass: "avue-card__item avue-card__item--add",
+    on: {
+      click: function(r) {
+        return t.rowAdd();
+      }
+    }
+  }, [e("i", {
+    staticClass: "el-icon-plus"
+  }), e("span", [t._v("添加")])])]) : t._e(), t._l(t.data, function(r, s) {
+    return e("ElCol", {
+      key: s,
+      attrs: {
+        span: t.span
+      }
+    }, [e("div", {
+      staticClass: "avue-card__item",
+      on: {
+        click: function(d) {
+          return t.rowClick(r, s);
+        }
+      }
+    }, [e("div", {
+      staticClass: "avue-card__body"
+    }, [e("div", {
+      staticClass: "avue-card__avatar"
+    }, [e("img", {
+      attrs: {
+        src: r[t.imgKey],
+        alt: ""
+      }
+    })]), e("div", {
+      staticClass: "avue-card__detail"
+    }, [e("div", {
+      staticClass: "avue-card__title"
+    }, [t._v(" " + t._s(r[t.titleKey]) + " ")]), e("div", {
+      staticClass: "avue-card__info"
+    }, [t._v(" " + t._s(r[t.infoKey]) + " ")])])]), e("div", {
+      staticClass: "avue-card__menu"
+    }, [t._t("menu", null, {
+      index: s,
+      row: r
+    })], 2)])]);
+  })], 2)], 1);
+}, l = [];
+const n = {
+  img: "img",
+  title: "title",
+  info: "info"
+}, c = {
+  name: "Card",
+  props: {
+    props: {
+      type: Object,
+      default: () => n
+    },
+    option: {
+      type: Object,
+      default: () => ({})
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      propsDefault: n
+    };
+  },
+  computed: {
+    imgKey: function() {
+      return this.option.props.img || this.propsDefault.img;
+    },
+    titleKey: function() {
+      return this.option.props.title || this.propsDefault.title;
+    },
+    infoKey: function() {
+      return this.option.props.info || this.propsDefault.info;
+    },
+    span() {
+      return this.option.span || 8;
+    },
+    gutter() {
+      return this.option.gutter || 20;
+    }
+  },
+  methods: {
+    rowAdd() {
+      this.$emit("row-add");
+    },
+    rowClick(t, a) {
+      this.$emit("row-click", t, a);
+    }
+  }
+}, i = {};
+var _ = /* @__PURE__ */ o(
+  c,
+  u,
+  l,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(t) {
+  for (let a in i)
+    this[a] = i[a];
+}
+const f = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  f as default
+};