Merge branch 'feature/dataflow' of http://gitlab.qgutech.com/tianqiang/qx-common…

… into feature/dataflow

 {
   "name": "@qx/common",
-  "version": "3.0.0-alpha.23",
+  "version": "3.0.0-alpha.25",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",
@@ -45,14 +45,14 @@
   "dependencies": {
     "@ant-design/icons": "^5.2.5",
     "@qx/ui": "0.0.3-beta.1",
+    "@qx/utils": "0.0.58",
     "ahooks": "^3.7.5",
     "classnames": "^2.3.2",
     "codemirror": "5.65.8",
     "dayjs": "^1.11.9",
     "lodash-es": "^4.17.21",
     "rc-virtual-list": "^3.4.13",
-    "react-codemirror2": "^7.2.1",
-    "@qx/utils": "0.0.58"
+    "react-codemirror2": "^7.2.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.1.2",

@@ -16,7 +16,7 @@
   }
 
   &__input-prefix {
-    color: @N6;
+    color: @B8;
     font-size: 16px;
   }
 }

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

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

@@ -173,8 +173,8 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
     {
       title: (
         <div style={{ display: 'flex', flexDirection: 'row' }}>
-          <span style={{ color: 'red' }}>*</span>
           <span>参数编码</span>
+          <span style={{ color: 'red' }}>*</span>
         </div>
       ),
       dataIndex: 'code',
@@ -196,8 +196,8 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
     {
       title: (
         <div style={{ display: 'flex', flexDirection: 'row' }}>
-          <span style={{ color: 'red' }}>*</span>
           <span>参数名</span>
+          <span style={{ color: 'red' }}>*</span>
         </div>
       ),
       dataIndex: 'title',
@@ -219,8 +219,8 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
     {
       title: (
         <div style={{ display: 'flex', flexDirection: 'row' }}>
-          <span style={{ color: 'red' }}>*</span>
           <span>参数类型</span>
+          <span style={{ color: 'red' }}>*</span>
         </div>
       ),
       dataIndex: 'type',
@@ -253,6 +253,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
       render: (text, record) =>
         <div className="editable-cell ">
           <QxFieldSetter
+            disabled={record.disabled}
             value={record.valuesObj || []}
             params={{ appCode: 'appCode', useId: true }}
             valueOptions={getValueOptions(record)}
@@ -266,6 +267,8 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
             showFieldOpt={!(nodeType === 'START')}
             // onChange={debounce((val) => handleField(val), 700)}
             onChange={(val) => handleChangeField(val, record)}
+            popupOnBody={true}
+            inputDis={true}
           />
         </div>
     },
@@ -775,7 +778,7 @@ const ParameterModal: React.FC<ParameterSettingProps> = (props) => {
             >
               <Input
                 className={'qx-parameter-setting--search'}
-                placeholder="按名称搜索"
+                placeholder="参数编码/参数名搜索"
                 prefix={<QxBaseIcon type={'icon-app-search-line'} />}
                 onChange={onChange}
                 style={{ width: 219 }}