@hsu-react/ui 0.0.1 → 0.0.2

package/es/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/es/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/es/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/es/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/es/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/es/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%;

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

@@ -2,8 +2,8 @@
   align-items: center;
 
   &.outline {
-    .ant-checkbox {
-      .ant-checkbox-inner {
+    :global(.ant-checkbox) {
+      :global(.ant-checkbox-inner) {
         border-color: rgba(204, 204, 204, 1) !important;
 
         background: transparent !important;
@@ -14,16 +14,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 {
@@ -31,8 +31,8 @@
           }
         }
 
-        &.ant-checkbox-checked {
-          .ant-checkbox-inner {
+        &:global(.ant-checkbox-checked) {
+          :global(.ant-checkbox-inner) {
             background: rgba(0, 0, 0, 0.04) !important;
           }
         }
@@ -40,7 +40,7 @@
     }
   }
 
-  .ant-checkbox {
+  :global(.ant-checkbox) {
     width: 16px;
     min-width: 16px;
     height: 16px;
@@ -48,12 +48,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%;
 
@@ -70,7 +70,7 @@
     }
 
     &-indeterminate {
-      .ant-checkbox-inner {
+      :global(.ant-checkbox-inner) {
         &::after {
           left: 50%;
           top: 50%;

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

@@ -7,17 +7,17 @@
 
   overflow: hidden;
 
-  .cm-line {
+  :global(.cm-line) {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
       "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
       "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   }
 
-  .cm-focused {
+  :global(.cm-focused) {
     outline: none;
   }
 
-  .cm-lintRange-error {
+  :global(.cm-lintRange-error) {
     background-size: auto auto;
   }
 
@@ -28,7 +28,7 @@
       border-color: #ff4d4f;
     }
 
-    .cm-focused {
+    :global(.cm-focused) {
       border-color: #ff4d4f;
       box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
     }

package/es/components/DatePicker/RangePicker/index.module.less

@@ -25,7 +25,7 @@
   color: inherit;
   text-align: inherit;
 
-  .ant-picker-input {
+  :global(.ant-picker-input) {
     font-family: inherit;
     font-size: inherit;
     font-weight: inherit;

package/es/components/DatePicker/StepPicker/index.module.less

@@ -5,7 +5,7 @@
   column-gap: 5px;
 
   .icon {
-    &.ant-btn-icon-only {
+    &:global(.ant-btn-icon-only) {
       width: 32px;
       height: 32px;
     }

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

@@ -20,7 +20,7 @@
     min-width: 80px;
   }
 
-  .ant-picker {
+  :global(.ant-picker) {
     height: 100%;
     width: 100%;
 

package/es/components/Form/DrawerForm/index.module.less

@@ -1,5 +1,5 @@
 .DrawerForm {
-  .ant-drawer-title {
+  :global(.ant-drawer-title) {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -43,7 +43,7 @@
       align-items: center;
       column-gap: 10px;
 
-      .ant-btn-icon {
+      :global(.ant-btn-icon) {
         font-size: 16px;
       }
     }

package/es/components/FormItem/FormRadio/index.module.less

@@ -18,7 +18,7 @@
 
   &.rect {
     > label {
-      > span.ant-radio {
+      > span:global(.ant-radio) {
         width: 24px;
         min-width: 24px;
         height: 24px;
@@ -26,12 +26,12 @@
 
         border-radius: 2px;
 
-        input[type="radio"].ant-radio-input {
+        input[type="radio"]:global(.ant-radio-input) {
           width: 100%;
           height: 100%;
         }
 
-        .ant-radio-inner {
+        :global(.ant-radio-inner) {
           width: 100%;
           height: 100%;
 
@@ -65,8 +65,8 @@
           }
         }
 
-        &.ant-radio-checked {
-          .ant-radio-inner {
+        &:global(.ant-radio-checked) {
+          :global(.ant-radio-inner) {
             background: rgba(255, 255, 255, 1) !important;
 
             &::after {
@@ -77,8 +77,8 @@
           }
         }
 
-        &.ant-radio-disabled {
-          .ant-radio-inner {
+        &:global(.ant-radio-disabled) {
+          :global(.ant-radio-inner) {
             background: rgba(0, 0, 0, 0.04) !important;
 
             &::after {
@@ -86,8 +86,8 @@
             }
           }
 
-          &.ant-radio-checked {
-            .ant-radio-inner {
+          &:global(.ant-radio-checked) {
+            :global(.ant-radio-inner) {
               background: rgba(0, 0, 0, 0.04) !important;
             }
           }

package/es/components/FormItem/FormSegmented/index.module.less

@@ -3,7 +3,7 @@
 
   color: var(--cf-text);
 
-  .ant-segmented-group {
+  :global(.ant-segmented-group) {
     height: 100%;
 
     font-family: inherit;
@@ -17,7 +17,7 @@
       font-weight: inherit;
       color: inherit;
 
-      .ant-segmented-item-label {
+      :global(.ant-segmented-item-label) {
         display: flex;
         align-items: center;
         justify-content: center;

package/es/components/FormItem/FormUpload/index.module.less

@@ -1,7 +1,7 @@
 .upload {
   height: 100%;
 
-  .ant-upload {
+  :global(.ant-upload) {
     height: max-content;
 
     .upBtn {
@@ -15,7 +15,7 @@
     column-gap: 10px;
   }
 
-  .ant-upload-disabled {
+  :global(.ant-upload-disabled) {
     .singleFile {
       cursor: not-allowed;
 
@@ -97,7 +97,7 @@
     }
   }
 
-  &.ant-upload-drag {
+  &:global(.ant-upload-drag) {
     height: 180px;
 
     border-radius: 8px;
@@ -134,7 +134,7 @@
 }
 
 .FormUpload {
-  .ant-form-item-control-input-content {
+  :global(.ant-form-item-control-input-content) {
     > span {
       width: 100%;
     }

package/es/components/FormItem/ItemContainer/index.module.less

@@ -19,15 +19,15 @@
     cursor: pointer;
   }
 
-  .ant-picker {
+  :global(.ant-picker) {
     width: 100%;
   }
 
-  .ant-form-item-row {
+  :global(.ant-form-item-row) {
     width: 100%;
     height: 100%;
 
-    .ant-form-item-control {
+    :global(.ant-form-item-control) {
       display: flex;
       flex-direction: column;
       row-gap: 5px;
@@ -35,11 +35,11 @@
       width: var(--input-width) !important;
       max-width: 100%;
 
-      .ant-form-item-control-input {
+      :global(.ant-form-item-control-input) {
         height: var(--input-height);
         min-height: var(--input-min-height);
 
-        .ant-form-item-control-input-content {
+        :global(.ant-form-item-control-input-content) {
           display: flex;
           align-items: center;
 
@@ -54,7 +54,7 @@
     }
   }
 
-  .ant-form-item-label {
+  :global(.ant-form-item-label) {
     flex: 0 1 auto !important;
     display: inline-flex;
     align-items: center;
@@ -156,7 +156,7 @@
         cursor: pointer;
       }
 
-      &.ant-form-item-no-colon {
+      &:global(.ant-form-item-no-colon) {
         .label {
           &::after {
             content: none;
@@ -175,7 +175,7 @@
         content: none !important;
       }
 
-      &.ant-form-item-required {
+      &:global(.ant-form-item-required) {
         .label {
           &::before {
             content: "*";
@@ -212,7 +212,7 @@
   }
 
   &.after {
-    label.ant-form-item-required {
+    label:global(.ant-form-item-required) {
       .label {
         &::before {
           content: none !important;
@@ -241,7 +241,7 @@
     }
 
     &.hasLabelContent {
-      label.ant-form-item-required {
+      label:global(.ant-form-item-required) {
         &::after {
           content: none;
         }
@@ -266,7 +266,7 @@
   }
 
   &.hideRequired {
-    label.ant-form-item-required {
+    label:global(.ant-form-item-required) {
       .label {
         &::before {
           content: none !important;
@@ -281,7 +281,7 @@
     }
 
     &.after {
-      label.ant-form-item-required {
+      label:global(.ant-form-item-required) {
         .label {
           &::after {
             content: none !important;
@@ -292,11 +292,11 @@
   }
 
   &.horizontal {
-    .ant-form-item-row {
+    :global(.ant-form-item-row) {
       flex-wrap: nowrap;
       column-gap: 5px;
 
-      .ant-form-item-control {
+      :global(.ant-form-item-control) {
         flex: 1 !important;
         flex-grow: var(--input-horizontal-flex-grow) !important;
 
@@ -305,13 +305,13 @@
     }
 
     &.start {
-      .ant-form-item-control-input-content {
+      :global(.ant-form-item-control-input-content) {
         text-align: left;
       }
     }
 
     &.between {
-      .ant-form-item-control-input-content {
+      :global(.ant-form-item-control-input-content) {
         text-align: right;
       }
     }
@@ -320,13 +320,13 @@
   &.vertical {
     --label-height: max-content;
 
-    .ant-form-item-row {
+    :global(.ant-form-item-row) {
       flex-direction: column;
       row-gap: 5px;
 
       height: max-content;
 
-      .ant-form-item-label {
+      :global(.ant-form-item-label) {
         text-align: start;
 
         width: 100%;
@@ -353,7 +353,7 @@
         }
       }
 
-      .ant-form-item-control {
+      :global(.ant-form-item-control) {
         flex: 0 1 auto !important;
         display: flex;
         flex-direction: column;
@@ -364,8 +364,8 @@
   }
 
   &.legacyHasLabelExtra {
-    .ant-form-item-row {
-      .ant-form-item-label {
+    :global(.ant-form-item-row) {
+      :global(.ant-form-item-label) {
         label {
           flex-direction: column;
           flex-wrap: nowrap;
@@ -380,7 +380,7 @@
   }
 
   &.hideAdditiona {
-    .ant-form-item-additional {
+    :global(.ant-form-item-additional) {
       display: none;
     }
   }

package/es/components/Icon/index.js

@@ -8,7 +8,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Icon as Iconify } from "@iconify/react";
-import AntdIcon, * as AntdIcons from "@ant-design/icons";
+import * as AntdIcons from "@ant-design/icons";
 import React, { useEffect, useRef } from "react";
 import classNames from "classnames";
 import styles from "./index.module.less";
@@ -46,33 +46,18 @@ var Icon = function Icon(props) {
       ref: ref
     }));
   }
-  return /*#__PURE__*/_jsx(AntdIcon, _objectSpread(_objectSpread({}, iconConfig), {}, {
-    // 与 antd 缺省值一致；显式传入以消除开发态 viewBox 告警（子节点是 Iconify 自带 viewBox 的 svg）
-    viewBox: "0 0 1024 1024",
-    className: classNames([styles.icon, className]),
-    style: mergedStyle,
+
+  // iconify 图标：直接用 span 承载 Iconify 自带的 svg，避免把它嵌套进 antd Icon
+  // 的 svg（其 viewBox 会把内层 svg 缩放成极小值导致图标不可见）。
+  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, iconConfig), {}, {
+    role: "img",
     ref: ref,
+    className: classNames(["anticon", styles.icon, className]),
+    style: mergedStyle,
     children: /*#__PURE__*/_jsx(Iconify, _objectSpread(_objectSpread({}, iconProps), {}, {
       icon: icon,
       width: "1em",
-      height: "1em",
-      onLoad: function onLoad() {
-        setTimeout(function () {
-          if (ref.current) {
-            var svg = ref.current.childNodes[0];
-            var svg_i = svg.childNodes[0];
-            var _svg$getBoundingClien = svg.getBoundingClientRect(),
-              height = _svg$getBoundingClien.height;
-            var _svg_i$getBoundingCli = svg_i.getBoundingClientRect(),
-              height_i = _svg_i$getBoundingCli.height;
-            var viewBox_i = svg_i.getAttribute("viewBox");
-            var viewBox_i_height = viewBox_i === null || viewBox_i === void 0 ? void 0 : viewBox_i.split(" ")[3];
-            if (Number(viewBox_i_height) <= 24) return;
-            var y_i = Number(viewBox_i_height) - (Number(height) - Number(height_i));
-            svg_i.setAttribute("viewBox", "0 0 ".concat(viewBox_i === null || viewBox_i === void 0 ? void 0 : viewBox_i.split(" ")[2], " ").concat(y_i.toFixed(0)));
-          }
-        }, 1);
-      }
+      height: "1em"
     }))
   }));
 };

package/es/components/Input/Number/index.module.less

@@ -10,22 +10,22 @@
     width: 100%;
     height: 100%;
 
-    .ant-input-number-wrapper {
+    :global(.ant-input-number-wrapper) {
       height: 100%;
       min-height: inherit;
 
-      > .ant-input-number,
-      > .ant-input-number-affix-wrapper {
+      > :global(.ant-input-number),
+      > :global(.ant-input-number-affix-wrapper) {
         height: 100%;
         min-height: inherit;
       }
 
-      > .ant-input-number {
-        > .ant-input-number-input-wrap {
+      > :global(.ant-input-number) {
+        > :global(.ant-input-number-input-wrap) {
           height: 100%;
           min-height: inherit;
 
-          > .ant-input-number-input {
+          > :global(.ant-input-number-input) {
             height: 100%;
             min-height: inherit;
           }
@@ -33,11 +33,11 @@
       }
     }
 
-    > .ant-input-number-input-wrap {
+    > :global(.ant-input-number-input-wrap) {
       height: 100%;
       min-height: inherit;
 
-      > .ant-input-number-input {
+      > :global(.ant-input-number-input) {
         height: 100%;
       }
     }
@@ -66,7 +66,7 @@
   }
 
   // 当存在 addonAfter 时，调整清除图标位置
-  // Ant Design 的 addonAfter 会生成 .ant-input-number-group-addon
+  // Ant Design 的 addonAfter 会生成 :global(.ant-input-number-group-addon)
   // 清除图标需要向左偏移，避免与 addon 重叠
   // 使用 CSS 变量来动态设置 addon 宽度，默认值 60px 是合理的估算
   // 通过 JS 动态计算实际宽度并设置 CSS 变量来覆盖