@hsu-react/ui 0.0.1 → 0.0.3

package/es/components/Table/index.module.less

@@ -15,16 +15,16 @@
     cursor: pointer;
   }
 
-  .ant-table-container {
+  :global(.ant-table-container) {
     border-left: none !important;
   }
 
-  .ant-table-thead {
+  :global(.ant-table-thead) {
     tr {
-      .ant-table-cell {
+      :global(.ant-table-cell) {
         padding: var(--th-padding);
 
-        &.ant-table-column-has-sorters {
+        &:global(.ant-table-column-has-sorters) {
           background: var(--cf-subtle);
 
           &:hover {
@@ -35,22 +35,22 @@
     }
   }
 
-  .ant-table-tbody {
-    .ant-table-placeholder {
+  :global(.ant-table-tbody) {
+    :global(.ant-table-placeholder) {
       height: 100%;
     }
 
-    .ant-table-expanded-row {
-      .ant-table-cell {
+    :global(.ant-table-expanded-row) {
+      :global(.ant-table-cell) {
         padding: var(--expanded-cell-padding);
       }
     }
 
-    .ant-table-row {
-      .ant-table-cell {
+    :global(.ant-table-row) {
+      :global(.ant-table-cell) {
         padding: var(--td-padding);
 
-        &:not(.ant-table-cell-ellipsis):not(.noWarp) {
+        &:not(:global(.ant-table-cell-ellipsis)):not(.noWarp) {
           white-space: pre-wrap;
           word-break: break-all;
         }
@@ -59,21 +59,21 @@
           white-space: nowrap;
         }
 
-        &.ant-table-column-sort {
+        &:global(.ant-table-column-sort) {
           background: transparent;
 
-          &.ant-table-cell-row-hover {
+          &:global(.ant-table-cell-row-hover) {
             background: var(--cf-subtle);
           }
         }
       }
 
-      &.ant-table-row-selected {
-        .ant-table-cell {
-          &.ant-table-column-sort {
+      &:global(.ant-table-row-selected) {
+        :global(.ant-table-cell) {
+          &:global(.ant-table-column-sort) {
             background: rgba(19, 194, 194, 0.12);
 
-            &.ant-table-cell-row-hover {
+            &:global(.ant-table-cell-row-hover) {
               background: rgba(19, 194, 194, 0.22);
             }
           }
@@ -82,15 +82,15 @@
     }
   }
 
-  .ant-table-summary {
+  :global(.ant-table-summary) {
     > tr {
-      .ant-table-cell {
+      :global(.ant-table-cell) {
         padding: var(--td-padding);
 
-        &.ant-table-column-sort {
+        &:global(.ant-table-column-sort) {
           background: transparent;
 
-          &.ant-table-cell-row-hover {
+          &:global(.ant-table-cell-row-hover) {
             background: var(--cf-subtle);
           }
         }
@@ -98,11 +98,11 @@
     }
   }
 
-  .ant-table-tbody-virtual-scrollbar {
+  :global(.ant-table-tbody-virtual-scrollbar) {
     display: none;
   }
 
-  .ant-table-cell {
+  :global(.ant-table-cell) {
     &.hidden {
       width: 0px !important;
       overflow: hidden !important;
@@ -115,7 +115,7 @@
       }
     }
 
-    .ant-table-row-expand-icon {
+    :global(.ant-table-row-expand-icon) {
       &::before {
         top: calc(50% - 0.5px);
       }
@@ -128,9 +128,9 @@
       content: none !important;
     }
 
-    .ant-checkbox {
-      &.ant-checkbox-checked {
-        .ant-checkbox-inner {
+    :global(.ant-checkbox) {
+      &:global(.ant-checkbox-checked) {
+        :global(.ant-checkbox-inner) {
           &::after {
             top: 45%;
             inset-inline-start: 25%;
@@ -147,10 +147,10 @@
   .antdTable {
     border-color: var(--cf-border-weak);
 
-    *:not(.ant-table-cell *) {
+    *:not(:global(.ant-table-cell) *) {
       border-color: inherit !important;
 
-      .ant-table-cell::after {
+      :global(.ant-table-cell)::after {
         border-color: inherit !important;
       }
     }
@@ -164,15 +164,15 @@
     }
 
     &.hideEmpty {
-      .ant-table-placeholder {
+      :global(.ant-table-placeholder) {
         display: none !important;
       }
     }
 
     &:not(.scroll) {
-      .ant-table-bordered {
-        .ant-table-container {
-          .ant-table-content {
+      :global(.ant-table-bordered) {
+        :global(.ant-table-container) {
+          :global(.ant-table-content) {
             > table {
               border-left: 1px solid var(--cf-border-weak);
             }
@@ -181,12 +181,12 @@
       }
     }
 
-    .ant-table {
+    :global(.ant-table) {
       line-height: normal;
     }
 
     &.isExpandedCellTable {
-      .ant-table-tbody {
+      :global(.ant-table-tbody) {
         tr {
           &:last-child {
             td {
@@ -196,9 +196,9 @@
         }
       }
 
-      .ant-table-bordered {
-        .ant-table-container {
-          > .ant-table-content {
+      :global(.ant-table-bordered) {
+        :global(.ant-table-container) {
+          > :global(.ant-table-content) {
             > table {
               border-radius: 0 !important;
               border-left: none !important;
@@ -212,7 +212,7 @@
                 }
               }
 
-              .ant-table-thead {
+              :global(.ant-table-thead) {
                 tr {
                   th {
                     &:first-child {
@@ -235,23 +235,23 @@
       width: 100%;
       min-height: 0px;
 
-      .ant-table-bordered {
-        .ant-table-container {
-          > .ant-table-header {
+      :global(.ant-table-bordered) {
+        :global(.ant-table-container) {
+          > :global(.ant-table-header) {
             > table {
               border-radius: 6px 6px 0 0;
               border-left: 1px solid var(--cf-border-weak);
             }
           }
 
-          > .ant-table-body {
+          > :global(.ant-table-body) {
             > table {
               border-radius: 0px !important;
               border-left: 1px solid var(--cf-border-weak);
             }
           }
 
-          > .ant-table-summary {
+          > :global(.ant-table-summary) {
             > table {
               border-radius: 0px !important;
               border-left: 1px solid var(--cf-border-weak);
@@ -262,23 +262,23 @@
       }
 
       &.isExpanded {
-        .ant-table-bordered {
-          .ant-table-container {
-            > .ant-table-header {
+        :global(.ant-table-bordered) {
+          :global(.ant-table-container) {
+            > :global(.ant-table-header) {
               > table {
                 border-radius: 0px !important;
                 border-left: none !important;
               }
             }
 
-            > .ant-table-body {
+            > :global(.ant-table-body) {
               > table {
                 border-radius: 0px !important;
                 border-left: none !important;
               }
             }
 
-            > .ant-table-summary {
+            > :global(.ant-table-summary) {
               > table {
                 border-radius: 0px !important;
                 border-left: none !important;
@@ -289,38 +289,38 @@
         }
       }
 
-      .ant-table-wrapper {
+      :global(.ant-table-wrapper) {
         width: 100%;
         height: 100%;
       }
 
-      .ant-spin-nested-loading {
+      :global(.ant-spin-nested-loading) {
         width: 100%;
         height: 100%;
 
-        .ant-spin-container {
+        :global(.ant-spin-container) {
           display: flex;
           flex-direction: column;
 
           width: 100%;
           height: 100%;
 
-          .ant-table {
+          :global(.ant-table) {
             width: 100%;
             height: 100%;
 
-            .ant-table-container {
+            :global(.ant-table-container) {
               display: flex;
               flex-direction: column;
 
               width: 100%;
               height: 100%;
 
-              > .ant-table-header {
+              > :global(.ant-table-header) {
                 min-height: max-content;
               }
 
-              > .ant-table-body {
+              > :global(.ant-table-body) {
                 position: relative;
 
                 flex: 1;
@@ -344,11 +344,11 @@
       }
 
       &.y-unScroll {
-        .ant-spin-nested-loading {
-          .ant-spin-container {
-            .ant-table {
-              .ant-table-container {
-                > .ant-table-body {
+        :global(.ant-spin-nested-loading) {
+          :global(.ant-spin-container) {
+            :global(.ant-table) {
+              :global(.ant-table-container) {
+                > :global(.ant-table-body) {
                   overflow-y: visible !important;
                 }
               }

package/es/components/Tree/index.module.less

@@ -56,25 +56,25 @@
     overflow-y: auto;
     scrollbar-gutter: stable;
 
-    .ant-tree-treenode {
+    :global(.ant-tree-treenode) {
       &:hover {
         background: var(--cf-subtle);
       }
 
-      &:has(> .ant-tree-node-selected) {
+      &:has(> :global(.ant-tree-node-selected)) {
         background-color: #e6f4ff;
 
-        .ant-tree-node-selected {
+        :global(.ant-tree-node-selected) {
           background-color: transparent;
         }
       }
     }
 
-    .ant-tree-indent-unit {
+    :global(.ant-tree-indent-unit) {
       width: var(--tree-indent-unit-width);
     }
 
-    .ant-tree-switcher {
+    :global(.ant-tree-switcher) {
       display: inline-flex;
       align-items: center;
       justify-content: center;
@@ -95,7 +95,7 @@
       }
     }
 
-    .ant-tree-node-content-wrapper {
+    :global(.ant-tree-node-content-wrapper) {
       display: inline-flex;
       align-items: center;
       column-gap: 4px;
@@ -105,7 +105,7 @@
 
       padding: 2px 0px;
 
-      .ant-tree-title {
+      :global(.ant-tree-title) {
         display: inline-block;
       }
 
@@ -113,7 +113,7 @@
         background: transparent;
       }
 
-      .ant-tree-iconEle {
+      :global(.ant-tree-iconEle) {
         display: inline-flex;
         align-items: center;
 
@@ -123,17 +123,17 @@
   }
 
   &.hideLeafExpand {
-    .ant-tree-switcher-noop {
+    :global(.ant-tree-switcher-noop) {
       display: none;
     }
   }
 
   &.legacyHasSelectedNodeBackground {
     .treeContainer {
-      .ant-tree-treenode.ant-tree-treenode-selected {
+      :global(.ant-tree-treenode):global(.ant-tree-treenode-selected) {
         background-color: #e6f4ff;
 
-        .ant-tree-node-selected {
+        :global(.ant-tree-node-selected) {
           background-color: transparent;
         }
       }

package/es/components/Upload/index.module.less

@@ -4,18 +4,18 @@
   width: 100%;
   height: 100%;
 
-  span.ant-upload {
+  span:global(.ant-upload) {
     display: inline-flex;
   }
 
-  .ant-upload-list {
+  :global(.ant-upload-list) {
     display: flex;
     flex-direction: column;
     row-gap: 5px;
 
     width: 100%;
 
-    &.ant-upload-list-picture-card {
+    &:global(.ant-upload-list-picture-card) {
       flex-direction: row;
       flex-wrap: wrap;
       gap: 5px;

package/es/styles/antd-overload.less

@@ -130,4 +130,4 @@
       }
     }
   }
-}
+}

package/lib/components/ChainGraph/_components/SearchSelect/index.js

@@ -12,13 +12,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const SearchSelect = ({
   onChange
 }) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
-    className: _indexModule.default.select,
-    showSearch: true,
-    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u8FDB\u884C\u641C\u7D22",
-    optionFilterProp: "children",
-    filterOption: (input, option) => !!(option?.label && option?.label?.toString().toLowerCase().includes(input.toLowerCase())),
-    onChange: onChange
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _indexModule.default.wrapper,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+      className: _indexModule.default.select,
+      showSearch: true,
+      placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u8FDB\u884C\u641C\u7D22",
+      optionFilterProp: "children",
+      filterOption: (input, option) => !!(option?.label && option?.label?.toString().toLowerCase().includes(input.toLowerCase())),
+      onChange: onChange
+    })
   });
 };
 exports.SearchSelect = SearchSelect;

package/lib/components/ChainGraph/_components/SearchSelect/index.module.less

@@ -1,11 +1,17 @@
-.select {
+// 定位容器给定 32px 固定高度，Select 通过 height:100% 填满它，
+// 避免 Select 根的 height:100% 直接相对图谱（绝对定位祖先）解析成整图高度而被拉伸。
+.wrapper {
   position: absolute;
   top: 20px;
   left: 20px;
 
   width: 240px;
   height: 32px;
+}
+
+.select {
+  width: 100%;
+  height: 100%;
 
   border-radius: 2px;
 }
-

package/lib/components/ChainGraph/index.module.less

@@ -2,7 +2,7 @@
   width: 100%;
   height: 100%;
 
-  .ant-spin-container {
+  :global(.ant-spin-container) {
     width: 100%;
     height: 100%;
   }

package/lib/components/Chat/ChatInput/_components/SendButton/index.module.less

@@ -10,7 +10,7 @@
   border: none;
   border-radius: 4px;
 
-  .ant-btn-icon {
+  :global(.ant-btn-icon) {
     display: flex;
     align-items: center;
     justify-content: center;

package/lib/components/Chat/ChatInput/_components/UploadButton/index.module.less

@@ -4,7 +4,7 @@
 
   border-radius: 4px;
 
-  .ant-btn-icon {
+  :global(.ant-btn-icon) {
     display: flex;
     align-items: center;
     justify-content: center;

package/lib/components/Chat/ChatInput/index.module.less

@@ -57,7 +57,7 @@
           opacity: 0.8;
           width: 140px;
           height: 100%;
-          .ant-select-selector {
+          :global(.ant-select-selector) {
             border: none;
             margin: 1px 0 0;
           }
@@ -92,7 +92,7 @@
 
   border-radius: 4px;
 
-  .ant-btn-icon {
+  :global(.ant-btn-icon) {
     display: flex;
     align-items: center;
     justify-content: center;

package/lib/components/Chat/ChatList/_components/Assistant/AssistantItem/index.module.less

@@ -20,7 +20,7 @@
   }
 
   .answerBubble {
-    .ant-bubble-dot {
+    :global(.ant-bubble-dot) {
       column-gap: var(--ant-margin-xxs);
     }
 

package/lib/components/Checkbox/CheckboxGroup/index.module.less

@@ -10,7 +10,7 @@
     height: 100%;
 
     // 当 hasAll 为 true 时，Group 作为子元素
-    > .ant-checkbox-group {
+    > :global(.ant-checkbox-group) {
       display: flex;
       flex-direction: column;
       row-gap: 8px;
@@ -28,9 +28,9 @@
   }
 
   &.outline {
-    .ant-checkbox-wrapper {
-      .ant-checkbox {
-        .ant-checkbox-inner {
+    :global(.ant-checkbox-wrapper) {
+      :global(.ant-checkbox) {
+        :global(.ant-checkbox-inner) {
           border-color: rgba(204, 204, 204, 1) !important;
 
           background: transparent !important;
@@ -41,16 +41,16 @@
           }
         }
 
-        &.ant-checkbox-checked {
-          .ant-checkbox-inner {
+        &:global(.ant-checkbox-checked) {
+          :global(.ant-checkbox-inner) {
             background: rgba(255, 255, 255, 1) !important;
           }
         }
       }
 
-      &.ant-checkbox-wrapper-disabled {
-        .ant-checkbox {
-          .ant-checkbox-inner {
+      &:global(.ant-checkbox-wrapper-disabled) {
+        :global(.ant-checkbox) {
+          :global(.ant-checkbox-inner) {
             background: rgba(0, 0, 0, 0.04) !important;
 
             &::after {
@@ -58,8 +58,8 @@
             }
           }
 
-          &.ant-checkbox-checked {
-            .ant-checkbox-inner {
+          &:global(.ant-checkbox-checked) {
+            :global(.ant-checkbox-inner) {
               background: rgba(0, 0, 0, 0.04) !important;
             }
           }
@@ -68,7 +68,7 @@
     }
   }
 
-  .ant-checkbox-wrapper {
+  :global(.ant-checkbox-wrapper) {
     align-items: center;
 
     font-family: inherit;
@@ -76,7 +76,7 @@
     font-weight: inherit;
     color: inherit;
 
-    .ant-checkbox {
+    :global(.ant-checkbox) {
       width: 16px;
       min-width: 16px;
       height: 16px;
@@ -84,12 +84,12 @@
 
       border-radius: 2px;
 
-      input[type="checkbox"].ant-checkbox-input {
+      input[type="checkbox"]:global(.ant-checkbox-input) {
         width: 100%;
         height: 100%;
       }
 
-      .ant-checkbox-inner {
+      :global(.ant-checkbox-inner) {
         width: 100%;
         height: 100%;
 
@@ -106,7 +106,7 @@
       }
 
       &-indeterminate {
-        .ant-checkbox-inner {
+        :global(.ant-checkbox-inner) {
           &::after {
             left: 50%;
             top: 50%;