fix: 数值只读后缀样式修复

e20f3d0f · 田翔 · 50d5e226 · e20f3d0f · e20f3d0f · e20f3d0f
Commit e20f3d0f authored Jun 13, 2023 by 田翔
Showing with 29 additions and 17 deletions

index.html examples/index.html +1 -1

package.json package.json +2 -2

index.js src/core/widgets/text/NumberInput/index.js +17 -14

index.less src/core/widgets/text/NumberInput/index.less +9 -0

No files found.
--- a/examples/index.html
+++ b/examples/index.html
@@ -3,7 +3,7 @@
 <head>
  <meta charset="utf-8" />
-  <title>jsonToHtml examples</title>
+  <title>panda-xform examples</title>
  <link rel="stylesheet" href="/global.css" />
 </head>

--- a/package.json
+++ b/package.json
 {
  "name": "panda-xform",
-  "version": "4.5.3",
+  "version": "4.5.4",
-  "description": "4.5.3 文件流设置参数",
+  "description": "4.5.4 数值只读后缀样式修复",
  "keywords": [
    "panda-xform"
  ],

--- a/src/core/widgets/text/NumberInput/index.js
+++ b/src/core/widgets/text/NumberInput/index.js
 import React, { useEffect, useMemo, useState } from 'react'
 import { InputNumber } from 'antd'
+import styles from './index.less'
 function formatMoney(number, places, symbol, thousand, decimal) {
  number = number || 0;
@@ -55,20 +56,22 @@ const NumberInput = (props) => {
  }
  return (
-    <InputNumber
+    <div className={styles.inputNumber} isdisabled={JSON.stringify(disabled)}>
-      min={min || Number.MIN_SAFE_INTEGER}
+      <InputNumber
-      max={max || Number.MAX_SAFE_INTEGER}
+        min={min || Number.MIN_SAFE_INTEGER}
-      step={(formatter === '${百分比}' && isStoreFormatter) ? 0.01 : 1}
+        max={max || Number.MAX_SAFE_INTEGER}
-      addonBefore={addonBefore}
+        step={(formatter === '${百分比}' && isStoreFormatter) ? 0.01 : 1}
-      addonAfter={addonAfter}
+        addonBefore={addonBefore}
-      prefix={prefix}
+        addonAfter={addonAfter}
-      placeholder={disabled ? null : placeholder}
+        prefix={prefix}
-      disabled={disabled}
+        placeholder={disabled ? null : placeholder}
-      value={value === '' ? null : Number(value)}
+        disabled={disabled}
-      formatter={formatterFn}
+        value={value === '' ? null : Number(value)}
-      onChange={inputChange}
+        formatter={formatterFn}
-      style={{ width: '100%' }}
+        onChange={inputChange}
-    />
+        style={{ width: '100%' }}
+      />
+    </div>
  )
 }

--- a/src/core/widgets/text/NumberInput/index.less
+++ b/src/core/widgets/text/NumberInput/index.less
+@import '~antd/es/style/themes/default.less';
+.inputNumber {
+  &[isdisabled='true'] {
+    .@{ant-prefix}-input-number-group-addon {
+      border: 1px solid #e9e9e9;
+    }
+  }
+}
\ No newline at end of file