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

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

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

package.json package.json +2 -2

index.js src/core/widgets/text/NumberInput/index.js +3 -0

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",
-  "description": "4.5.3 文件流设置参数",
+  "version": "4.5.4",
+  "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,6 +56,7 @@ const NumberInput = (props) => {
  }

  return (
+    <div className={styles.inputNumber} isdisabled={JSON.stringify(disabled)}>
      <InputNumber
        min={min || Number.MIN_SAFE_INTEGER}
        max={max || Number.MAX_SAFE_INTEGER}
@@ -69,6 +71,7 @@ const NumberInput = (props) => {
        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