@qxs-bns/components 0.0.79 → 0.0.81

package/theme-chalk/src/icon.css

@@ -1 +1 @@
-.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.qxs-icon svg{display:block;width:1em !important;height:1em !important}.qxs-icon.qxs-icon svg *{fill:currentcolor !important}.qxs-icon.qxs-icon svg [fill=none]{fill:none !important}.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}
+.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

@@ -12,21 +12,6 @@
   vertical-align: -2px;
   fill: currentcolor;
 
-  // 直接应用到图标元素上的样式
-  &.qxs-icon svg {
-    display: block;
-    width: 1em !important;
-    height: 1em !important;
-  }
-
-  &.qxs-icon svg * {
-    fill: currentcolor !important;
-  }
-
-  &.qxs-icon svg [fill="none"] {
-    fill: none !important;
-  }
-
   // 新增的工具类
   .size-inherit {
     width: inherit;

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

@@ -1 +1 @@
-.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%;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}
+.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

@@ -34,6 +34,7 @@
             justify-content: center;
             width: 100%;
             height: 100%;
+            padding: unset;
             background-color: unset;
             border: unset;
 
@@ -41,7 +42,7 @@
               font-size: 16px;
               font-weight: 400;
 
-              :nth-child(1) {
+              >:nth-child(1) {
                 margin-bottom: 10px;
               }
             }

package/theme-chalk/src/normalize.css

@@ -1 +1 @@
-:where([class*=qxs-]){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}:where([class*=qxs-]) *,:where([class*=qxs-]) *::before,:where([class*=qxs-]) *::after{box-sizing:border-box}:where([class*=qxs-]) h1,:where([class*=qxs-]) h2,:where([class*=qxs-]) h3,:where([class*=qxs-]) h4,:where([class*=qxs-]) h5,:where([class*=qxs-]) h6{margin:0;font-size:inherit;font-weight:inherit}:where([class*=qxs-]) p,:where([class*=qxs-]) div,:where([class*=qxs-]) span{padding:0;margin:0}:where([class*=qxs-]) ul,:where([class*=qxs-]) ol,:where([class*=qxs-]) li{padding:0;margin:0;list-style:none}:where([class*=qxs-]) a{color:inherit;text-decoration:none;background-color:rgba(0,0,0,0)}:where([class*=qxs-]) button,:where([class*=qxs-]) input,:where([class*=qxs-]) optgroup,:where([class*=qxs-]) select,:where([class*=qxs-]) textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([class*=qxs-]) button,:where([class*=qxs-]) input{overflow:visible}:where([class*=qxs-]) button,:where([class*=qxs-]) select{text-transform:none}:where([class*=qxs-]) input,:where([class*=qxs-]) textarea,:where([class*=qxs-]) select{background:none;border:none;outline:none}:where([class*=qxs-]) img{max-width:100%;height:auto;border-style:none}:where([class*=qxs-]) table{border-spacing:0;border-collapse:collapse}:where([class*=qxs-]) hr{box-sizing:content-box;height:0;overflow:visible}:where([class*=qxs-]) pre{font-family:monospace,monospace;font-size:1em}:where([class*=qxs-]) code,:where([class*=qxs-]) kbd,:where([class*=qxs-]) samp{font-family:monospace,monospace;font-size:1em}:where([class*=qxs-]) small{font-size:80%}:where([class*=qxs-]) sub,:where([class*=qxs-]) sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}:where([class*=qxs-]) sub{bottom:-0.25em}:where([class*=qxs-]) sup{top:-0.5em}
+@layer qxs-reset{:where([class*=qxs-]) :where(*){padding:0;margin:0}}

package/theme-chalk/src/normalize.scss

@@ -1,139 +1,11 @@
 @use "sass:meta";
 @use "./mixins/config" as *;
 
-// 定义 normalize 样式 mixin，避免全局污染
-@mixin component-normalize {
-  // 字体和文本重置（放在嵌套规则之前）
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  line-height: 1.15;
-  text-size-adjust: 100%;
-  -webkit-tap-highlight-color: transparent;
-
-  // 基础盒模型重置
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
-  // 常见元素重置
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin: 0;
-    font-size: inherit;
-    font-weight: inherit;
-  }
-
-  p,
-  div,
-  span {
+// 使用层叠层和 :where() 双重降低优先级，确保页面自定义样式可以覆盖
+// 层叠层的优先级最低，:where() 优先级为 0
+@layer qxs-reset {
+  :where([class*="#{$namespace}#{$common-separator}"]) :where(*) {
     padding: 0;
     margin: 0;
   }
-
-  ul,
-  ol,
-  li {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-  }
-
-  a {
-    color: inherit;
-    text-decoration: none;
-    background-color: transparent;
-  }
-
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    margin: 0;
-    font-family: inherit;
-    font-size: 100%;
-    line-height: 1.15;
-  }
-
-  button,
-  input {
-    overflow: visible;
-  }
-
-  button,
-  select {
-    text-transform: none;
-  }
-
-  // 表单元素重置
-  input,
-  textarea,
-  select {
-    background: none;
-    border: none;
-    outline: none;
-  }
-
-  // 图片重置
-  img {
-    max-width: 100%;
-    height: auto;
-    border-style: none;
-  }
-
-  // 表格重置
-  table {
-    border-spacing: 0;
-    border-collapse: collapse;
-  }
-
-  // 其他常用重置
-  hr {
-    box-sizing: content-box;
-    height: 0;
-    overflow: visible;
-  }
-
-  pre {
-    font-family: monospace, monospace;
-    font-size: 1em;
-  }
-
-  code,
-  kbd,
-  samp {
-    font-family: monospace, monospace;
-    font-size: 1em;
-  }
-
-  small {
-    font-size: 80%;
-  }
-
-  sub,
-  sup {
-    position: relative;
-    font-size: 75%;
-    line-height: 0;
-    vertical-align: baseline;
-  }
-
-  sub {
-    bottom: -0.25em;
-  }
-
-  sup {
-    top: -0.5em;
-  }
-}
-
-// 为所有 qxs 组件应用 normalize 样式
-// 使用 :where() 降低优先级，确保页面自定义样式可以覆盖
-:where([class*="#{$namespace}#{$common-separator}"]) {
-  @include component-normalize;
 }

package/types/src/icon/src/icon.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.vue.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/icon/src/icon.vue"],"names":[],"mappings":"AAAA,OAqQO,KAAK,EAAE,SAAS,EAAiB,MAAM,KAAK,CAAA;AAyBnD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,EAAE,GAAG,SAAS,CAAA;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;;AAqRD,wBAMG"}
+{"version":3,"file":"icon.vue.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/icon/src/icon.vue"],"names":[],"mappings":"AAAA,OAwQO,KAAK,EAAE,SAAS,EAAiB,MAAM,KAAK,CAAA;AAyBnD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,EAAE,GAAG,SAAS,CAAA;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;;AAuRD,wBAMG"}