@qxs-bns/components 0.0.89 → 0.0.91

package/theme-chalk/src/file-upload.scss

@@ -1,34 +0,0 @@
-@use "mixins/config" as *;
-@use "mixins/mixins" as *;
-
-@include b(file-upload) {
-  @include e(control) {
-    .is-drag {
-      display: inline-block !important;
-
-      [class$="-upload-dragger"] {
-        padding: 0;
-
-        [class$="-icon--upload"] {
-          margin-bottom: 0;
-          font-size: 40px;
-        }
-
-        [class$="-upload__text"] {
-          padding: 0 6px;
-          font-size: 14px;
-          line-height: 1.5;
-        }
-      }
-
-      &.is-dragover {
-        border-width: 1px;
-      }
-
-      .slot {
-        width: 160px;
-        height: 90px;
-      }
-    }
-  }
-}

package/theme-chalk/src/fixed-action-bar.css

@@ -1 +0,0 @@
-.qxs-fixed-action-bar__actionbar{bottom:0;z-index:10;padding:var(--qxs-fixed-action-bar-actionbar-padding);padding-bottom:calc(env(safe-area-inset-bottom) + var(--qxs-fixed-action-bar-actionbar-padding-bottom));text-align:center;background-color:var(--qxs-bg-color, #fff);box-shadow:0 0 1px 0 var(--qxs-border-color, #f3f3f2);transition:box-shadow .3s,var(--qxs-transition-box-shadow, #f3f3f2)}.qxs-fixed-action-bar__actionbar.is-shadow{box-shadow:0 0 1px 0 var(--qxs-border-color, #f3f3f2)}

package/theme-chalk/src/fixed-action-bar.scss

@@ -1,18 +0,0 @@
-@use "mixins/mixins" as *;
-
-@include b(fixed-action-bar) {
-  &__actionbar {
-    bottom: 0;
-    z-index: 10;
-    padding: getCssVar("fixed-action-bar", "actionbar-padding");
-    padding-bottom: calc(env(safe-area-inset-bottom) + getCssVar("fixed-action-bar", "actionbar-padding-bottom"));
-    text-align: center;
-    background-color: var(--qxs-bg-color, #fff);
-    box-shadow: 0 0 1px 0 var(--qxs-border-color, #f3f3f2);
-    transition: box-shadow 0.3s, var(--qxs-transition-box-shadow, #f3f3f2);
-
-    @include when(shadow) {
-      box-shadow: 0 0 1px 0 var(--qxs-border-color, #f3f3f2);
-    }
-  }
-}

package/theme-chalk/src/icon.css

@@ -1 +0,0 @@
-.qxs-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:1em;color:currentcolor;vertical-align:-2px;fill:currentcolor}.qxs-icon .size-inherit{width:inherit;height:inherit}.qxs-icon .shrink-0{flex-shrink:0}.qxs-icon img{display:block;-o-object-fit:contain;object-fit:contain}.qxs-icon>*{display:block}

package/theme-chalk/src/icon.scss

@@ -1,35 +0,0 @@
-@use "mixins/mixins" as *;
-
-@include b(icon) {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 1em;
-  height: 1em;
-  line-height: 1em;
-  color: currentcolor;
-  vertical-align: -2px;
-  fill: currentcolor;
-
-  // 新增的工具类
-  .size-inherit {
-    width: inherit;
-    height: inherit;
-  }
-
-  .shrink-0 {
-    flex-shrink: 0;
-  }
-
-  // 图片样式
-  img {
-    display: block;
-    object-fit: contain;
-  }
-
-  // 内部元素样式
-  > * {
-    display: block;
-  }
-}

package/theme-chalk/src/image-upload.css

@@ -1 +0,0 @@
-.el-image-upload__container{line-height:initial}.el-image-upload__control>.el-upload-list--picture-card{color:#969696}.el-image-upload__control>.el-upload-list--picture-card .el-upload-list__item{width:var(--el-image-upload-width);height:var(--el-image-upload-height)}.el-image-upload__control>.el-upload-list--picture-card .el-upload-list__item [role=progressbar]{width:calc(min(var(--el-image-upload-width),var(--el-image-upload-height))/4*3) !important}.el-image-upload__control>.el-upload-list--picture-card .el-upload-list__item [role=progressbar] .el-progress-circle{width:calc(min(var(--el-image-upload-width),var(--el-image-upload-height))/4*3) !important;height:calc(min(var(--el-image-upload-width),var(--el-image-upload-height))/4*3) !important}.el-image-upload__control>.el-upload-list--picture-card .is-drag{width:var(--el-image-upload-width);height:var(--el-image-upload-height)}.el-image-upload__control>.el-upload-list--picture-card .is-drag .el-upload-dragger{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:unset;background-color:unset;border:unset}.el-image-upload__control>.el-upload-list--picture-card .is-drag .el-upload-dragger .image-slot{font-size:16px;font-weight:400}.el-image-upload__control>.el-upload-list--picture-card .is-drag .el-upload-dragger .image-slot>:nth-child(1){margin-bottom:10px}.el-image-upload__more-than-limit .is-drag{display:none}.el-image-upload__container .el-upload__tip-text{font-size:14px;line-height:32px;color:#c8c8c8}.el-image-upload__container .el-upload-list__item-divider{width:1px;height:14px;background-color:hsla(0,0%,100%,.5)}.el-image-upload__action-btn{cursor:pointer;border-radius:2px;transition:all .2s ease-in-out}.el-image-upload__action-btn:hover{transform:scale(1.1)}.el-image-upload__action-btn:active{transform:scale(0.95)}.el-image-upload__action-btn--preview:hover>i{color:var(--el-color-primary)}.el-image-upload__action-btn--delete:hover>i{color:var(--el-color-danger)}.el-image-upload__action-btn.is-disabled{cursor:not-allowed !important;opacity:.5}.el-image-upload__action-btn.is-disabled:hover{transform:none}.el-image-upload__action-btn.is-disabled:hover>i{color:inherit}.el-image-upload__action-btn.is-disabled:active{transform:none}.el-image-upload__container .upload-progress{position:absolute;right:0;bottom:0;left:0;z-index:10;height:4px;overflow:hidden;background-color:rgba(0,0,0,.1);border-radius:0 0 6px 6px}.el-image-upload__container .upload-progress .upload-progress-bar{width:0%;height:100%;background-color:var(--el-color-primary);transition:width .3s ease}.el-image-upload__container .upload-debug{position:absolute;top:0;left:0;z-index:20;padding:2px 4px;font-size:10px;color:#fff;background:rgba(0,0,0,.7);border-radius:0 0 4px}

package/theme-chalk/src/image-upload.scss

@@ -1,157 +0,0 @@
-@use "element-plus/theme-chalk/src/mixins/mixins" as *;
-@use "element-plus/theme-chalk/src/mixins/var" as *;
-@use "element-plus/theme-chalk/src/common/var" as *;
-
-@include b(image-upload) {
-  @include e(container) {
-    line-height: initial;
-
-    @include e(control) {
-      >.#{$namespace}-upload-list--picture-card {
-        color: #969696;
-
-        .#{$namespace}-upload-list__item {
-          width: getCssVar("image-upload", "width");
-          height: getCssVar("image-upload", "height");
-
-          [role="progressbar"] {
-            width: calc(min(getCssVar("image-upload", "width"), getCssVar("image-upload", "height")) / 4 * 3) !important;
-
-            .#{$namespace}-progress-circle {
-              width: calc(min(getCssVar("image-upload", "width"), getCssVar("image-upload", "height")) / 4 * 3) !important;
-              height: calc(min(getCssVar("image-upload", "width"), getCssVar("image-upload", "height")) / 4 * 3) !important;
-            }
-          }
-        }
-
-        .is-drag {
-          width: getCssVar("image-upload", "width");
-          height: getCssVar("image-upload", "height");
-
-          .#{$namespace}-upload-dragger {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: 100%;
-            height: 100%;
-            padding: unset;
-            background-color: unset;
-            border: unset;
-
-            .image-slot {
-              font-size: 16px;
-              font-weight: 400;
-
-              >:nth-child(1) {
-                margin-bottom: 10px;
-              }
-            }
-          }
-        }
-      }
-    }
-
-    @include e(more-than-limit) {
-      .is-drag {
-        display: none;
-      }
-    }
-
-    .#{$namespace}-upload__tip-text {
-      font-size: 14px;
-      line-height: 32px;
-      color: #c8c8c8;
-    }
-
-    // 分隔线样式
-    .#{$namespace}-upload-list__item-divider {
-      width: 1px;
-      height: 14px;
-      background-color: rgb(255 255 255 / 50%);
-    }
-
-    // 操作按钮交互效果
-    @include e(action-btn) {
-      cursor: pointer;
-      border-radius: 2px;
-      transition: all 0.2s ease-in-out;
-
-      &:hover {
-        transform: scale(1.1);
-      }
-
-      &:active {
-        transform: scale(0.95);
-      }
-
-      // 预览按钮特定样式
-      @include m(preview) {
-        &:hover {
-          >i {
-            color: getCssVar("color-primary");
-          }
-        }
-      }
-
-      // 删除按钮特定样式
-      @include m(delete) {
-        &:hover {
-          >i {
-            color: getCssVar("color-danger");
-          }
-        }
-      }
-
-      // 禁用状态样式
-      &.is-disabled {
-        cursor: not-allowed !important;
-        opacity: 0.5;
-
-        &:hover {
-          transform: none;
-
-          >i {
-            color: inherit;
-          }
-        }
-
-        &:active {
-          transform: none;
-        }
-      }
-    }
-
-    // 上传进度条样式
-    .upload-progress {
-      position: absolute;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 10;
-      height: 4px;
-      overflow: hidden;
-      background-color: rgb(0 0 0 / 10%);
-      border-radius: 0 0 6px 6px;
-
-      .upload-progress-bar {
-        width: 0%;
-        height: 100%;
-        background-color: getCssVar("color-primary");
-        transition: width 0.3s ease;
-      }
-    }
-
-    // 调试信息样式（开发时使用）
-    .upload-debug {
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 20;
-      padding: 2px 4px;
-      font-size: 10px;
-      color: white;
-      background: rgb(0 0 0 / 70%);
-      border-radius: 0 0 4px;
-    }
-  }
-}

package/theme-chalk/src/mixins/_var.scss

@@ -1,24 +0,0 @@
-@use "sass:map";
-@use "sass:color";
-@use "function" as *;
-
-// 定位居中，默认水平居中，可选择垂直居中，或者水平垂直都居中
-@mixin position-center($type: x) {
-  position: absolute;
-
-  @if $type == x {
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  @if $type == y {
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  @if $type == xy {
-    top: 50%;
-    left: 50%;
-    transform: translateX(-50%) translateY(-50%);
-  }
-}

package/theme-chalk/src/mixins/config.scss

@@ -1,12 +0,0 @@
-$namespace: "qxs" !default;
-$common-separator: "-" !default;
-$element-separator: "__" !default;
-$modifier-separator: "--" !default;
-$state-prefix: "is-" !default;
-$text-color-main: #333;
-$font-size-small: 12px;
-$color-danger: #f56c6c;
-$text-color-regular: #606266;
-$color-success: #30c691;
-$text-color-primary: #3d61e3;
-$color-primary: #3d61e3;

package/theme-chalk/src/mixins/function.scss

@@ -1,95 +0,0 @@
-@use "sass:string";
-@use "sass:meta";
-@use "config";
-
-// BEM support Func
-@function selectorToString($selector) {
-  $selector: meta.inspect($selector);
-  $selector: string.slice($selector, 2, -2);
-
-  @return $selector;
-}
-
-@function containsModifier($selector) {
-  $selector: selectorToString($selector);
-
-  @if string.index($selector, config.$modifier-separator) {
-    @return true;
-  } @else {
-    @return false;
-  }
-}
-
-@function containWhenFlag($selector) {
-  $selector: selectorToString($selector);
-
-  @if string.index($selector, "." + config.$state-prefix) {
-    @return true;
-  } @else {
-    @return false;
-  }
-}
-
-@function hasPseudoClass($selector) {
-  @return string.index($selector, ":") != null;
-}
-
-@function containPseudoClass($selector) {
-  $selector: selectorToString($selector);
-
-  @if hasPseudoClass($selector) {
-    @return true;
-  } @else {
-    @return false;
-  }
-}
-
-@function hitAllSpecialNestRule($selector) {
-  @return containsModifier($selector) or containWhenFlag($selector) or
-    containPseudoClass($selector);
-}
-
-// join var name
-// joinVarName(('button', 'text-color')) => '--qxs-button-text-color'
-@function joinVarName($list) {
-  $name: "--" + config.$namespace;
-
-  @each $item in $list {
-    @if $item != "" {
-      $name: $name + "-" + $item;
-    }
-  }
-
-  @return $name;
-}
-
-// getCssVarName('button', 'text-color') => '--qxs-button-text-color'
-@function getCssVarName($args...) {
-  @return joinVarName($args);
-}
-
-// getCssVar('button', 'text-color') => var(--qxs-button-text-color)
-@function getCssVar($args...) {
-  @return var(#{joinVarName($args)});
-}
-
-// getCssVarWithDefault(('button', 'text-color'), red) => var(--qxs-button-text-color, red)
-@function getCssVarWithDefault($args, $default) {
-  @return var(#{joinVarName($args)}, #{$default});
-}
-
-// bem('block', 'element', 'modifier') => 'el-block__element--modifier'
-@function bem($block, $element: "", $modifier: "") {
-  $name: config.$namespace + config.$common-separator + $block;
-
-  @if $element != "" {
-    $name: $name + config.$element-separator + $element;
-  }
-
-  @if $modifier != "" {
-    $name: $name + config.$modifier-separator + $modifier;
-  }
-
-  // @debug $name;
-  @return $name;
-}

package/theme-chalk/src/mixins/mixins.scss

@@ -1,102 +0,0 @@
-@use "function" as *;
-// forward mixins
-@forward "config";
-@forward "function";
-@forward "_var";
-@use "config" as *;
-// 声明变量
-$B: null;
-$E: null;
-
-// BEM
-@mixin b($block) {
-  $B: $namespace + $common-separator + $block !global;
-
-  .#{$B} {
-    @content;
-  }
-}
-
-@mixin e($element) {
-  $E: $element !global;
-  $selector: &;
-  $currentSelector: "";
-
-  @each $unit in $element {
-    $currentSelector: #{$currentSelector +
-      "." +
-      $B +
-      $element-separator +
-      $unit +
-      ","};
-  }
-
-  @if hitAllSpecialNestRule($selector) {
-    @at-root {
-      #{$selector} {
-        #{$currentSelector} {
-          @content;
-        }
-      }
-    }
-  } @else {
-    @at-root {
-      #{$currentSelector} {
-        @content;
-      }
-    }
-  }
-}
-
-@mixin m($modifier) {
-  $selector: &;
-  $currentSelector: "";
-
-  @each $unit in $modifier {
-    $currentSelector: #{$currentSelector +
-      $selector +
-      $modifier-separator +
-      $unit +
-      ","};
-  }
-
-  @at-root {
-    #{$currentSelector} {
-      @content;
-    }
-  }
-}
-
-@mixin meb($modifier: false, $element: $E, $block: $B) {
-  $selector: &;
-  $modifierCombo: "";
-
-  @if $modifier {
-    $modifierCombo: $modifier-separator + $modifier;
-  }
-
-  @at-root {
-    #{$selector} {
-      .#{$block + $element-separator + $element + $modifierCombo} {
-        @content;
-      }
-    }
-  }
-}
-
-@mixin when($state) {
-  @at-root {
-    &.#{$state-prefix + $state} {
-      @content;
-    }
-  }
-}
-
-// dark
-@mixin dark($block) {
-  html.dark {
-    @include b($block) {
-      @content;
-    }
-  }
-}

package/theme-chalk/src/normalize.css

@@ -1 +0,0 @@
-@layer qxs-reset{:where([class*=qxs-]) :where(*){padding:0;margin:0}}

package/theme-chalk/src/normalize.scss

@@ -1,11 +0,0 @@
-@use "sass:meta";
-@use "./mixins/config" as *;
-
-// 使用层叠层和 :where() 双重降低优先级，确保页面自定义样式可以覆盖
-// 层叠层的优先级最低，:where() 优先级为 0
-@layer qxs-reset {
-  :where([class*="#{$namespace}#{$common-separator}"]) :where(*) {
-    padding: 0;
-    margin: 0;
-  }
-}

package/theme-chalk/src/photo-crop-tool.css

@@ -1 +0,0 @@
-.qxs-photo-crop-tool__img-box{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:#fafafa}.qxs-photo-crop-tool__error-message{color:red}.qxs-photo-crop-tool__image{max-width:100%;max-height:100%;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;-webkit-user-drag:none}.qxs-photo-crop-tool__crop-tool-box{position:absolute;width:calc(var(--qxs-photo-crop-tool-width)*1px);max-width:100%;height:calc(var(--qxs-photo-crop-tool-height)*1px);max-height:100%;aspect-ratio:var(--qxs-photo-crop-tool-aspect-ratio);overflow:hidden;cursor:move;border:1px dashed #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.4)}.qxs-photo-crop-tool__crop-tool-box>div{position:absolute;z-index:3;width:30%;aspect-ratio:1/1;background-color:rgba(2,2,2,.01);border-radius:50%;transition:all .3s}.qxs-photo-crop-tool__crop-tool-box>div::after{position:absolute;top:50%;left:50%;width:10px;height:10px;content:"";background-color:var(--qxs-color-primary, #3d61e3);border-radius:50%;transform:translate3d(-50%, -50%, 0)}.qxs-photo-crop-tool__crop-tool-box>div:hover,.qxs-photo-crop-tool__crop-tool-box>div:active{background-color:rgba(2,2,2,.5)}.qxs-photo-crop-tool__top-left{top:0;left:0;cursor:nwse-resize;transform:translate3d(-50%, -50%, 0)}.qxs-photo-crop-tool__top-right{top:0;right:0;cursor:nesw-resize;transform:translate3d(50%, -50%, 0)}.qxs-photo-crop-tool__bottom-right{right:0;bottom:0;cursor:nwse-resize;transform:translate3d(50%, 50%, 0)}.qxs-photo-crop-tool__bottom-left{bottom:0;left:0;cursor:nesw-resize;transform:translate3d(-50%, 50%, 0)}

package/theme-chalk/src/photo-crop-tool.scss

@@ -1,98 +0,0 @@
-@use "mixins/mixins" as *;
-
-@include b(photo-crop-tool) {
-  @include e(img-box) {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    background-color: #fafafa;
-
-    @include e(error-message) {
-      color: red;
-    }
-
-    @include e(image) {
-      max-width: 100%;
-      max-height: 100%;
-      vertical-align: middle;
-      // 禁止选中
-      user-select: none;
-      object-fit: contain;
-      // 禁止过拽
-      -webkit-user-drag: none;
-    }
-
-    @include e(crop-tool-box) {
-      position: absolute;
-      width: calc(getCssVar("photo-crop-tool", "width") * 1px);
-      max-width: 100%;
-      height: calc(getCssVar("photo-crop-tool", "height") * 1px);
-      max-height: 100%;
-      aspect-ratio: getCssVar("photo-crop-tool", "aspect-ratio");
-      overflow: hidden;
-      cursor: move;
-      border: 1px dashed #fff;
-      box-shadow: 0 0 0 9999px rgb(0 0 0 / 40%);
-
-      /* 扩展阴影以覆盖周围区域 */
-      >div {
-        position: absolute;
-        z-index: 3;
-        width: 30%;
-        aspect-ratio: 1 / 1;
-        background-color: rgba($color: #020202, $alpha: 1%);
-        border-radius: 50%;
-        transition: all 0.3s;
-
-        &::after {
-          position: absolute;
-          top: 50%;
-          left: 50%;
-          width: 10px;
-          height: 10px;
-          content: "";
-          background-color: var(--#{$namespace}-color-primary, $text-color-primary);
-          border-radius: 50%;
-          transform: translate3d(-50%, -50%, 0);
-        }
-
-        &:hover,
-        &:active {
-          background-color: rgba($color: #020202, $alpha: 50%);
-        }
-
-        @include e(top-left) {
-          top: 0;
-          left: 0;
-          cursor: nwse-resize;
-          transform: translate3d(-50%, -50%, 0);
-        }
-
-        @include e(top-right) {
-          top: 0;
-          right: 0;
-          cursor: nesw-resize;
-          transform: translate3d(50%, -50%, 0);
-        }
-
-        @include e(bottom-right) {
-          right: 0;
-          bottom: 0;
-          cursor: nwse-resize;
-          transform: translate3d(50%, 50%, 0);
-        }
-
-        @include e(bottom-left) {
-          bottom: 0;
-          left: 0;
-          cursor: nesw-resize;
-          transform: translate3d(-50%, 50%, 0);
-        }
-      }
-    }
-  }
-}

package/theme-chalk/src/subject-action.css

@@ -1 +0,0 @@
-.qxs-subject-action__action-exam .action{padding:20px 0}.qxs-subject-action__action-exam .active{padding-right:10px;padding-left:10px;background-color:#f6f7fb}.qxs-subject-action__action-exam .btn-margin{margin-right:10px}.qxs-subject-action__action-exam .has-set{display:flex;align-items:center;font-size:12px;color:#bbb}.qxs-subject-action__action-exam .vertical-radio-group{display:flex;flex-direction:column;align-items:flex-start;margin-left:20px}.qxs-subject-action__action-exam .vertical-radio-group :deep(.qxs-radio){display:block;margin-right:0}

package/theme-chalk/src/subject-action.scss

@@ -1,37 +0,0 @@
-@use "mixins/mixins" as *;
-
-@include b(subject-action) {
-  @include e(action-exam) {
-    .action {
-      padding: 20px 0;
-    }
-
-    .active {
-      padding-right: 10px;
-      padding-left: 10px;
-      background-color: #f6f7fb;
-    }
-
-    .btn-margin {
-      margin-right: 10px;
-    }
-
-    .has-set {
-      display: flex;
-      align-items: center;
-      font-size: 12px;
-      color: #bbb;
-    }
-
-    .vertical-radio-group {
-      display: flex;
-      flex-direction: column; /* 垂直排列 */
-      align-items: flex-start;
-      margin-left: 20px;
-    }
-    .vertical-radio-group :deep(.#{$namespace}-radio) {
-      display: block; /* 关键属性 */
-      margin-right: 0; /* 清除默认右边距 */
-    }
-  }
-}

package/theme-chalk/src/subject-layout.css

@@ -1 +0,0 @@
-.qxs-subject-layout__layout-exam{padding:10px;font-size:12px;color:#5a5a5a}.qxs-subject-layout__layout-exam .edit{position:relative;padding:20px 10px;padding-bottom:10px;margin-top:20px;background-color:#f6f7fb}.qxs-subject-layout__layout-exam .edit .triangle-up{position:absolute;top:-20px;left:100px;width:0;height:0;border-right:20px solid rgba(0,0,0,0);border-bottom:20px solid #f6f7fb;border-left:20px solid rgba(0,0,0,0)}