@qxs-bns/components 0.0.90 → 0.0.91

package/theme-chalk/src/common/qxs-variables.scss

@@ -1,81 +0,0 @@
-:root {
-  --qxs-color-primary: #3D61E3;
-  --qxs-color-success: #67c23a;
-  --qxs-color-warning: #e6a23c;
-  --qxs-color-danger: #f56c6c;
-  --qxs-color-info: #909399;
-  --qxs-color-info-light-9: #f4f4f5;
-  --qxs-text-color-primary: #303133;
-  --qxs-text-color-regular: #606266;
-  --qxs-text-color-secondary: #909399;
-  --qxs-text-color-placeholder: #a8abb2;
-  --qxs-text-color-disabled: #c0c4cc;
-  --qxs-border-color: #dcdfe6;
-  --qxs-border-color-light: #e4e7ed;
-  --qxs-border-color-lighter: #ebeef5;
-  --qxs-border-color-extra-light: #f2f6fc;
-  --qxs-border-color-dark: #d4d7de;
-  --qxs-border-color-hover: var(--qxs-color-primary);
-  --qxs-fill-color: #f0f2f5;
-  --qxs-fill-color-light: #f5f7fa;
-  --qxs-fill-color-lighter: #fafcff;
-  --qxs-fill-color-extra-light: #fafcff;
-  --qxs-fill-color-dark: #ebeef5;
-  --qxs-fill-color-blank: #fff;
-  --qxs-border-radius-base: 4px;
-  --qxs-border-radius-small: 2px;
-  --qxs-border-radius-round: 20px;
-  --qxs-border-radius-circle: 100%;
-  --qxs-font-size-extra-large: 20px;
-  --qxs-font-size-large: 18px;
-  --qxs-font-size-medium: 16px;
-  --qxs-font-size-base: 14px;
-  --qxs-font-size-small: 13px;
-  --qxs-font-size-extra-small: 12px;
-  --qxs-font-weight-primary: 500;
-  --qxs-font-weight-secondary: 400;
-  --qxs-line-height-base: 1.5;
-  --qxs-disabled-opacity: 0.5;
-  --qxs-transition-duration: 0.3s;
-  --qxs-transition-function: ease;
-  --qxs-shadow-base: 0 2px 4px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 4%);
-  --qxs-shadow-light: 0 0 6px 0 rgb(0 0 0 / 4%);
-  --qxs-shadow-lighter: 0 0 6px 0 rgb(0 0 0 / 2%);
-  --qxs-shadow-dark: 0 2px 8px rgb(0 0 0 / 12%);
-  --qxs-dialog-padding-primary: 20px;
-  --qxs-dialog-border-radius: 8px;
-  --qxs-table-border-color: #ebeef5;
-  --qxs-table-header-bg: #f5f7fa;
-  --qxs-table-row-hover-bg: #f5f7fa;
-  --qxs-table-text-color: #606266;
-  --qxs-table-header-text-color: #909399;
-  --qxs-input-border-color: var(--qxs-border-color);
-  --qxs-input-hover-border-color: var(--qxs-border-color-hover);
-  --qxs-input-focus-border-color: var(--qxs-color-primary);
-  --qxs-input-bg-color: #fff;
-  --qxs-input-disabled-bg-color: #f5f7fa;
-  --qxs-input-text-color: var(--qxs-text-color-regular);
-  --qxs-input-placeholder-color: var(--qxs-text-color-placeholder);
-  --qxs-input-height: 32px;
-  --qxs-button-size: 28px;
-  --qxs-button-padding-horizontal: 20px;
-  --qxs-checkbox-input-width: 16px;
-  --qxs-checkbox-input-height: 16px;
-  --qxs-checkbox-checked-bg-color: var(--qxs-color-primary);
-  --qxs-checkbox-disabled-bg-color: #f5f7fa;
-  --qxs-radio-input-width: 16px;
-  --qxs-radio-input-height: 16px;
-  --qxs-radio-checked-bg-color: var(--qxs-color-primary);
-  --qxs-tag-height: 24px;
-  --qxs-tag-padding: 0 8px;
-  --qxs-link-text-color: var(--qxs-color-primary);
-  --qxs-link-hover-text-color: #66b1ff;
-  --qxs-select-width: 240px;
-  --qxs-select-border-color: var(--qxs-border-color);
-  --qxs-select-hover-border-color: var(--qxs-border-color-hover);
-  --qxs-select-focus-border-color: var(--qxs-color-primary);
-  --qxs-scrollbar-width: 6px;
-  --qxs-scrollbar-height: 6px;
-  --qxs-scrollbar-bg-color: rgb(144 147 153 / 30%);
-  --qxs-scrollbar-hover-bg-color: rgb(144 147 153 / 50%);
-}

package/theme-chalk/src/data-chart/empty.css

@@ -1 +0,0 @@
-.qxs-data-chart__empty{display:flex;align-items:center;justify-content:center;height:100%}.qxs-data-chart__empty-content{display:flex;flex-direction:column;align-items:center;margin-top:-2px;pointer-events:none}.qxs-data-chart__empty-description{margin-left:1px;font-size:14px;color:#74767e}

package/theme-chalk/src/data-chart/empty.scss

@@ -1,24 +0,0 @@
-@use "../mixins/mixins" as *;
-
-@include b(data-chart) {
-  @include e(empty) {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-
-    &-content {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      margin-top: -2px;
-      pointer-events: none;
-    }
-
-    &-description {
-      margin-left: 1px;
-      font-size: 14px;
-      color: #74767e;
-    }
-  }
-}

package/theme-chalk/src/data-chart/index.css

@@ -1 +0,0 @@
-.qxs-data-chart__table{box-sizing:border-box;display:flex;flex-direction:column}.qxs-data-chart__table .title{display:flex;align-items:center;justify-content:space-between;padding:0 5px;margin-top:2px;margin-bottom:7px;font-family:sans-serif;font-size:14px;font-weight:bolder;color:#464646}.qxs-data-chart__table>div[class*=-table]{position:relative;display:flex;flex:1;flex-direction:column;overflow:hidden;background-color:rgba(0,0,0,0);border-top-left-radius:4px;border-top-right-radius:4px}.qxs-data-chart__table>div[class*=-table] [class*=-table__body-wrapper] [class*=-table__cell]{border-right:0}.qxs-data-chart__table>div[class*=-table] [class*=-table__body-wrapper] [class$=table__empty-text]{line-height:unset}.qxs-data-chart__empty{display:flex;align-items:center;justify-content:center;height:100%}.qxs-data-chart__empty-content{display:flex;flex-direction:column;align-items:center;margin-top:-2px;pointer-events:none}.qxs-data-chart__empty-description{margin-left:1px;font-size:14px;color:#74767e}.qxs-data-chart__wrapper{height:100%}

package/theme-chalk/src/data-chart/index.scss

@@ -1,11 +0,0 @@
-@use "../mixins/mixins" as *;
-
-// @forward 规则必须在最前面
-@forward "./table";
-@forward "./empty";
-
-@include b(data-chart) {
-  @include e(wrapper) {
-    height: 100%;
-  }
-}

package/theme-chalk/src/data-chart/table.css

@@ -1 +0,0 @@
-.qxs-data-chart__table{box-sizing:border-box;display:flex;flex-direction:column}.qxs-data-chart__table .title{display:flex;align-items:center;justify-content:space-between;padding:0 5px;margin-top:2px;margin-bottom:7px;font-family:sans-serif;font-size:14px;font-weight:bolder;color:#464646}.qxs-data-chart__table>div[class*=-table]{position:relative;display:flex;flex:1;flex-direction:column;overflow:hidden;background-color:rgba(0,0,0,0);border-top-left-radius:4px;border-top-right-radius:4px}.qxs-data-chart__table>div[class*=-table] [class*=-table__body-wrapper] [class*=-table__cell]{border-right:0}.qxs-data-chart__table>div[class*=-table] [class*=-table__body-wrapper] [class$=table__empty-text]{line-height:unset}

package/theme-chalk/src/data-chart/table.scss

@@ -1,43 +0,0 @@
-@use "../mixins/mixins" as *;
-
-@include b(data-chart) {
-  @include e(table) {
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-
-    .title {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 0 5px;
-      margin-top: 2px;
-      margin-bottom: 7px;
-      font-family: sans-serif;
-      font-size: 14px;
-      font-weight: bolder;
-      color: #464646;
-    }
-
-    >div[class*="-table"] {
-      position: relative;
-      display: flex;
-      flex: 1;
-      flex-direction: column;
-      overflow: hidden;
-      background-color: transparent;
-      border-top-left-radius: 4px;
-      border-top-right-radius: 4px;
-
-      [class*="-table__body-wrapper"] {
-        [class*="-table__cell"] {
-          border-right: 0;
-        }
-
-        [class$="table__empty-text"] {
-          line-height: unset;
-        }
-      }
-    }
-  }
-}

package/theme-chalk/src/dialog.css

@@ -1 +0,0 @@
-.qxs-overlay{position:fixed;inset:0;z-index:2000;background-color:rgba(0,0,0,.5)}.qxs-dialog{position:relative;display:flex;flex-direction:column;max-width:90vw;max-height:calc(100vh - 40px);margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:#fff;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.2)}.qxs-dialog__wrapper{position:fixed;inset:0;z-index:2001;display:flex;align-items:flex-start;justify-content:center;padding:20px;overflow:auto}.qxs-dialog__wrapper.is-center{align-items:center}.qxs-dialog__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:16px 20px;font-size:16px;font-weight:600;color:#303133;border-bottom:1px solid #eee}.qxs-dialog__title{flex:1;line-height:24px}.qxs-dialog__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;font-size:20px;line-height:1;color:#909399;cursor:pointer;background:none;border:none;transition:color .2s}.qxs-dialog__close:hover{color:#3d61e3}.qxs-dialog__body{flex:1;padding:20px;overflow:auto;font-size:14px;line-height:1.6;color:#606266}.qxs-dialog__footer{display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:12px 20px;border-top:1px solid #eee}.qxs-dialog-enter-active,.qxs-dialog-leave-active{transition:opacity .3s ease}.qxs-dialog-enter-active .qxs-dialog,.qxs-dialog-leave-active .qxs-dialog{transition:transform .3s ease,opacity .3s ease}.qxs-dialog-enter-from,.qxs-dialog-leave-to{opacity:0}.qxs-dialog-enter-from .qxs-dialog,.qxs-dialog-leave-to .qxs-dialog{opacity:0;transform:scale(0.9)}.qxs-dialog-enter-to,.qxs-dialog-leave-from{opacity:1}.qxs-dialog-enter-to .qxs-dialog,.qxs-dialog-leave-from .qxs-dialog{opacity:1;transform:scale(1)}

package/theme-chalk/src/dialog.scss

@@ -1,122 +0,0 @@
-@use "sass:map";
-@use "./mixins/mixins" as *;
-@use "./mixins/config" as *;
-
-.qxs-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 2000;
-  background-color: rgb(0 0 0 / 50%);
-}
-
-@include b(dialog) {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  max-width: 90vw;
-  max-height: calc(100vh - 40px);
-  margin: 0 auto;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-  background-color: #fff;
-  border-radius: 8px;
-  box-shadow: 0 8px 32px rgb(0 0 0 / 20%);
-
-  @include e(wrapper) {
-    position: fixed;
-    inset: 0;
-    z-index: 2001;
-    display: flex;
-    align-items: flex-start;
-    justify-content: center;
-    padding: 20px;
-    overflow: auto;
-
-    @include when(center) {
-      align-items: center;
-    }
-  }
-
-  @include e(header) {
-    display: flex;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: space-between;
-    padding: 16px 20px;
-    font-size: 16px;
-    font-weight: 600;
-    color: #303133;
-    border-bottom: 1px solid #eee;
-  }
-
-  @include e(title) {
-    flex: 1;
-    line-height: 24px;
-  }
-
-  @include e(close) {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 24px;
-    height: 24px;
-    padding: 0;
-    font-size: 20px;
-    line-height: 1;
-    color: #909399;
-    cursor: pointer;
-    background: none;
-    border: none;
-    transition: color 0.2s;
-
-    &:hover {
-      color: $color-primary;
-    }
-  }
-
-  @include e(body) {
-    flex: 1;
-    padding: 20px;
-    overflow: auto;
-    font-size: 14px;
-    line-height: 1.6;
-    color: #606266;
-  }
-
-  @include e(footer) {
-    display: flex;
-    flex-shrink: 0;
-    gap: 12px;
-    justify-content: flex-end;
-    padding: 12px 20px;
-    border-top: 1px solid #eee;
-  }
-}
-
-.qxs-dialog-enter-active,
-.qxs-dialog-leave-active {
-  transition: opacity 0.3s ease;
-
-  .qxs-dialog {
-    transition: transform 0.3s ease, opacity 0.3s ease;
-  }
-}
-
-.qxs-dialog-enter-from,
-.qxs-dialog-leave-to {
-  opacity: 0;
-
-  .qxs-dialog {
-    opacity: 0;
-    transform: scale(0.9);
-  }
-}
-
-.qxs-dialog-enter-to,
-.qxs-dialog-leave-from {
-  opacity: 1;
-
-  .qxs-dialog {
-    opacity: 1;
-    transform: scale(1);
-  }
-}

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

@@ -1,7 +0,0 @@
-// file-upload 组件样式
-// 注意：主要样式已在组件内部使用 scoped 定义
-// 此文件仅保留全局样式覆盖（如需要）
-
-.qxs-file-upload {
-  // 继承基础样式
-}

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 @@
-.qxs-image-upload__container{line-height:initial}.qxs-image-upload__control>.qxs-upload-list--picture-card{color:#969696}.qxs-image-upload__control>.qxs-upload-list--picture-card .qxs-upload-list__item{width:var(--qxs-image-upload-width, 100px);height:var(--qxs-image-upload-height, 100px)}.qxs-image-upload__control>.qxs-upload-list--picture-card .qxs-upload-list__item [role=progressbar]{width:calc(min(var(--qxs-image-upload-width, 100px),var(--qxs-image-upload-height, 100px))/4*3) !important}.qxs-image-upload__control>.qxs-upload-list--picture-card .qxs-upload-list__item [role=progressbar] .qxs-progress-circle{width:calc(min(var(--qxs-image-upload-width, 100px),var(--qxs-image-upload-height, 100px))/4*3) !important;height:calc(min(var(--qxs-image-upload-width, 100px),var(--qxs-image-upload-height, 100px))/4*3) !important}.qxs-image-upload__control>.qxs-upload-list--picture-card .is-drag{width:var(--qxs-image-upload-width, 100px);height:var(--qxs-image-upload-height, 100px)}.qxs-image-upload__control>.qxs-upload-list--picture-card .is-drag .qxs-upload-dragger{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:unset;background-color:unset;border:unset}.qxs-image-upload__control>.qxs-upload-list--picture-card .is-drag .qxs-upload-dragger .image-slot{font-size:16px;font-weight:400}.qxs-image-upload__control>.qxs-upload-list--picture-card .is-drag .qxs-upload-dragger .image-slot>:nth-child(1){margin-bottom:10px}.qxs-image-upload__more-than-limit .is-drag{display:none}.qxs-image-upload__container .qxs-upload__tip-text{font-size:14px;line-height:32px;color:#c8c8c8}.qxs-image-upload__container .qxs-upload-list__item-divider{width:1px;height:14px;background-color:hsla(0,0%,100%,.5)}.qxs-image-upload__action-btn{cursor:pointer;border-radius:2px;transition:all .2s ease-in-out}.qxs-image-upload__action-btn:hover{transform:scale(1.1)}.qxs-image-upload__action-btn:active{transform:scale(0.95)}.qxs-image-upload__action-btn--preview:hover>i{color:var(--qxs-color-primary, #409eff)}.qxs-image-upload__action-btn--delete:hover>i{color:var(--qxs-color-danger, #f56c6c)}.qxs-image-upload__action-btn.is-disabled{cursor:not-allowed !important;opacity:.5}.qxs-image-upload__action-btn.is-disabled:hover{transform:none}.qxs-image-upload__action-btn.is-disabled:hover>i{color:inherit}.qxs-image-upload__action-btn.is-disabled:active{transform:none}.qxs-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}.qxs-image-upload__container .upload-progress .upload-progress-bar{width:0%;height:100%;background-color:var(--qxs-color-primary, #409eff);transition:width .3s ease}.qxs-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,149 +0,0 @@
-@use "./mixins/config" as *;
-@use "./mixins/mixins" as *;
-
-@include b(image-upload) {
-  @include e(container) {
-    line-height: initial;
-
-    @include e(control) {
-      > .qxs-upload-list--picture-card {
-        color: #969696;
-
-        .qxs-upload-list__item {
-          width: var(--qxs-image-upload-width, 100px);
-          height: var(--qxs-image-upload-height, 100px);
-
-          [role="progressbar"] {
-            width: calc(min(var(--qxs-image-upload-width, 100px), var(--qxs-image-upload-height, 100px)) / 4 * 3) !important;
-
-            .qxs-progress-circle {
-              width: calc(min(var(--qxs-image-upload-width, 100px), var(--qxs-image-upload-height, 100px)) / 4 * 3) !important;
-              height: calc(min(var(--qxs-image-upload-width, 100px), var(--qxs-image-upload-height, 100px)) / 4 * 3) !important;
-            }
-          }
-        }
-
-        .is-drag {
-          width: var(--qxs-image-upload-width, 100px);
-          height: var(--qxs-image-upload-height, 100px);
-
-          .qxs-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;
-      }
-    }
-
-    .qxs-upload__tip-text {
-      font-size: 14px;
-      line-height: 32px;
-      color: #c8c8c8;
-    }
-
-    .qxs-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: var(--qxs-color-primary, #409eff);
-          }
-        }
-      }
-
-      @include m(delete) {
-        &:hover {
-          > i {
-            color: var(--qxs-color-danger, #f56c6c);
-          }
-        }
-      }
-
-      &.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: var(--qxs-color-primary, #409eff);
-        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;
-}