feat: 选择图标组件优化

@@ -45,6 +45,7 @@
 
 
   .ant-popover-inner {
   .ant-popover-inner {
     border-radius: 8px;
     border-radius: 8px;
+    padding: 12px 16px;
 
 
     .ant-popover-inner-content {
     .ant-popover-inner-content {
       color: rgba(0, 0, 0, 0.85);
       color: rgba(0, 0, 0, 0.85);

@@ -108,7 +108,7 @@ export const QxIconSelector: React.FC<IconProps> = (props) => {
     setTimeout(() => {
     setTimeout(() => {
       const cfy = findClassifyByIcon(blockIcon);
       const cfy = findClassifyByIcon(blockIcon);
       const iconItemDom: any = document.querySelector(
       const iconItemDom: any = document.querySelector(
-        `div[icon-name=${blockIcon}]`,
+        `div[data-icon-name=${blockIcon}]`,
       );
       );
       // eslint-disable-next-line @typescript-eslint/no-unused-expressions
       // eslint-disable-next-line @typescript-eslint/no-unused-expressions
       iconItemDom && scrollIntoView(iconItemDom);
       iconItemDom && scrollIntoView(iconItemDom);
@@ -318,7 +318,7 @@ export const QxIconSelector: React.FC<IconProps> = (props) => {
                             <div
                             <div
                               key={icon}
                               key={icon}
                               className={'block-icon'}
                               className={'block-icon'}
-                              icon-name={icon}
+                              data-icon-name={icon}
                             >
                             >
                               <QxBaseIcon
                               <QxBaseIcon
                                 type={icon}
                                 type={icon}