@hw-component/form 1.9.49 → 1.9.51

package/es/Form/config.d.ts

@@ -36,6 +36,6 @@ declare const componentConfig: {
         placeholder: ({ label }: import("./modal").HItemProps) => string[];
     };
     treeSelect: ({ request, onlyCheckChild, multiple, treeCheckable, treeData, fieldNames, ...props }: import("../Select/TreeSelect").HTreeSelectProps) => JSX.Element;
-    text: ({ value }: import("./modal").HFormItemProps) => JSX.Element;
+    text: ({ value, addonBefore, addonAfter, ...props }: import("../Text").HFormTextProps) => JSX.Element;
 };
 export default componentConfig;

package/es/Form/config.js

@@ -29,30 +29,30 @@ var placeholderConfig = {
   selectType: ["select", "datePicker", "timePicker", "colorInput", "treeSelect"]
 };
 var componentConfig = {
-  select: HSelect,
-  inputNumber: HInputNumber,
-  selectInput: HSelectInput,
-  buttonInput: Index,
-  checkboxGroup: HCheckboxGroup,
-  checkBox: Index$1,
-  radioGroup: HRadioGroup,
-  switch: HSwitch,
-  datePicker: HDatePicker,
-  rangePicker: HRangePicker,
-  timePicker: HTimePicker,
-  input: HInput,
-  upload: HUpload,
-  urlUpload: HUrlUpload,
-  submit: HSubmit,
-  textArea: TextArea,
-  colorInput: ColorInput,
-  cascader: Cascader,
-  verificationCodeInput: VerificationCodeInput,
-  trimInput: TrimInput,
-  trimTextArea: TrimTextArea,
-  inputNumberGroup: HInputNumberGroup,
-  treeSelect: HTreeSelect,
-  text: HText
+  "select": HSelect,
+  "inputNumber": HInputNumber,
+  "selectInput": HSelectInput,
+  "buttonInput": Index,
+  "checkboxGroup": HCheckboxGroup,
+  "checkBox": Index$1,
+  "radioGroup": HRadioGroup,
+  "switch": HSwitch,
+  "datePicker": HDatePicker,
+  "rangePicker": HRangePicker,
+  "timePicker": HTimePicker,
+  "input": HInput,
+  "upload": HUpload,
+  "urlUpload": HUrlUpload,
+  "submit": HSubmit,
+  "textArea": TextArea,
+  "colorInput": ColorInput,
+  "cascader": Cascader,
+  "verificationCodeInput": VerificationCodeInput,
+  "trimInput": TrimInput,
+  "trimTextArea": TrimTextArea,
+  "inputNumberGroup": HInputNumberGroup,
+  "treeSelect": HTreeSelect,
+  "text": HText
 };
 
 export { componentConfig as default, placeholderConfig };

package/es/Input/SelectInput.js

@@ -53,7 +53,6 @@ var Index = function Index(_ref) {
         Object.values(valueName).forEach(function (key) {
           resultObj[key] = initValue[key];
         });
-        console.log(item, valueName);
         return _defineProperty({}, name, resultObj);
       },
       outputValue: function outputValue(item, _outputValue) {

package/es/Text/index.js

@@ -3,6 +3,7 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Typography, Space } from 'antd';
+import { useMemo } from 'react';
 
 var _excluded = ["value", "addonBefore", "addonAfter"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -12,13 +13,19 @@ var HText = (function (_ref) {
     addonBefore = _ref.addonBefore,
     addonAfter = _ref.addonAfter,
     props = _objectWithoutProperties(_ref, _excluded);
+  var text = useMemo(function () {
+    if (typeof value === "undefined" || value === null) {
+      return "-";
+    }
+    return value;
+  }, [value]);
   return jsx(Typography.Text, _objectSpread(_objectSpread({}, props), {}, {
     children: jsxs(Space, {
       size: 2,
       children: [jsx("div", {
         children: addonBefore
       }), jsx("div", {
-        children: value
+        children: text
       }), jsx("div", {
         children: addonAfter
       })]

package/lib/Form/config.d.ts

@@ -36,6 +36,6 @@ declare const componentConfig: {
         placeholder: ({ label }: import("./modal").HItemProps) => string[];
     };
     treeSelect: ({ request, onlyCheckChild, multiple, treeCheckable, treeData, fieldNames, ...props }: import("../Select/TreeSelect").HTreeSelectProps) => JSX.Element;
-    text: ({ value }: import("./modal").HFormItemProps) => JSX.Element;
+    text: ({ value, addonBefore, addonAfter, ...props }: import("../Text").HFormTextProps) => JSX.Element;
 };
 export default componentConfig;

package/lib/Form/config.js

@@ -32,30 +32,30 @@ var placeholderConfig = {
   selectType: ["select", "datePicker", "timePicker", "colorInput", "treeSelect"]
 };
 var componentConfig = {
-  select: index.default,
-  inputNumber: InputNumber.default,
-  selectInput: SelectInput.default,
-  buttonInput: ButtonInput.default,
-  checkboxGroup: index$1.default,
-  checkBox: index$2.default,
-  radioGroup: index$3.default,
-  switch: index$4.default,
-  datePicker: index$5.default,
-  rangePicker: RangePicker.default,
-  timePicker: TimePicker.default,
-  input: index$6.default,
-  upload: index$7.default,
-  urlUpload: index$8.default,
-  submit: index$9.default,
-  textArea: index$a.default,
-  colorInput: index$b.default,
-  cascader: index$c.default,
-  verificationCodeInput: index$d.default,
-  trimInput: TrimInput.default,
-  trimTextArea: TrimTextArea.default,
-  inputNumberGroup: InputNumberGroup.default,
-  treeSelect: TreeSelect.default,
-  text: index$e.default
+  "select": index.default,
+  "inputNumber": InputNumber.default,
+  "selectInput": SelectInput.default,
+  "buttonInput": ButtonInput.default,
+  "checkboxGroup": index$1.default,
+  "checkBox": index$2.default,
+  "radioGroup": index$3.default,
+  "switch": index$4.default,
+  "datePicker": index$5.default,
+  "rangePicker": RangePicker.default,
+  "timePicker": TimePicker.default,
+  "input": index$6.default,
+  "upload": index$7.default,
+  "urlUpload": index$8.default,
+  "submit": index$9.default,
+  "textArea": index$a.default,
+  "colorInput": index$b.default,
+  "cascader": index$c.default,
+  "verificationCodeInput": index$d.default,
+  "trimInput": TrimInput.default,
+  "trimTextArea": TrimTextArea.default,
+  "inputNumberGroup": InputNumberGroup.default,
+  "treeSelect": TreeSelect.default,
+  "text": index$e.default
 };
 
 exports.default = componentConfig;

package/lib/Input/SelectInput.js

@@ -56,7 +56,6 @@ var Index = function Index(_ref) {
         Object.values(valueName).forEach(function (key) {
           resultObj[key] = initValue[key];
         });
-        console.log(item, valueName);
         return _defineProperty({}, name, resultObj);
       },
       outputValue: function outputValue(item, _outputValue) {

package/lib/Text/index.js

@@ -6,6 +6,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
+var React = require('react');
 
 var _excluded = ["value", "addonBefore", "addonAfter"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -15,13 +16,19 @@ var HText = (function (_ref) {
     addonBefore = _ref.addonBefore,
     addonAfter = _ref.addonAfter,
     props = _objectWithoutProperties(_ref, _excluded);
+  var text = React.useMemo(function () {
+    if (typeof value === "undefined" || value === null) {
+      return "-";
+    }
+    return value;
+  }, [value]);
   return jsxRuntime.jsx(antd.Typography.Text, _objectSpread(_objectSpread({}, props), {}, {
     children: jsxRuntime.jsxs(antd.Space, {
       size: 2,
       children: [jsxRuntime.jsx("div", {
         children: addonBefore
       }), jsxRuntime.jsx("div", {
-        children: value
+        children: text
       }), jsxRuntime.jsx("div", {
         children: addonAfter
       })]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "1.9.49",
+  "version": "1.9.51",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",

package/src/components/Form/config.ts

@@ -42,30 +42,30 @@ export const placeholderConfig = {
   ],
 };
 const componentConfig = {
-  select: HSelect,
-  inputNumber: HInputNumber,
-  selectInput: HSelectInput,
-  buttonInput: HButtonInput,
-  checkboxGroup: HCheckboxGroup,
-  checkBox: HCheckBox,
-  radioGroup: HRadioGroup,
-  switch: HSwitch,
-  datePicker: HDatePicker,
-  rangePicker: HRangePicker,
-  timePicker: HTimePicker,
-  input: HInput,
-  upload: HUpload,
-  urlUpload: HUrlUpload,
-  submit: HSubmit,
-  textArea: TextArea,
-  colorInput: ColorInput,
-  cascader: Cascader,
-  verificationCodeInput: VerificationCodeInput,
-  trimInput: TrimInput,
-  trimTextArea: TrimTextArea,
-  inputNumberGroup: HInputNumberGroup,
-  treeSelect: HTreeSelect,
-  text: HText,
+  "select": HSelect,
+  "inputNumber": HInputNumber,
+  "selectInput": HSelectInput,
+  "buttonInput": HButtonInput,
+  "checkboxGroup": HCheckboxGroup,
+  "checkBox": HCheckBox,
+  "radioGroup": HRadioGroup,
+  "switch": HSwitch,
+  "datePicker": HDatePicker,
+  "rangePicker": HRangePicker,
+  "timePicker": HTimePicker,
+  "input": HInput,
+  "upload": HUpload,
+  "urlUpload": HUrlUpload,
+  "submit": HSubmit,
+  "textArea": TextArea,
+  "colorInput": ColorInput,
+  "cascader": Cascader,
+  "verificationCodeInput": VerificationCodeInput,
+  "trimInput": TrimInput,
+  "trimTextArea": TrimTextArea,
+  "inputNumberGroup": HInputNumberGroup,
+  "treeSelect": HTreeSelect,
+  "text": HText,
 };
 
 export default componentConfig;

package/src/components/Input/SelectInput.tsx

@@ -37,7 +37,6 @@ export const Index = ({
         Object.values(valueName).forEach((key) => {
           resultObj[key] = initValue[key];
         });
-        console.log(item, valueName);
         return {
           [name as string]: resultObj,
         };

package/src/components/Text/index.tsx

@@ -1,6 +1,6 @@
 import { Space, Typography } from "antd";
 import { TextProps } from "antd/lib/typography/Text";
-import React from "react";
+import React, {useMemo} from "react";
 export interface HFormTextProps<V = any> extends TextProps {
   value?: V;
   addonBefore?: React.ReactNode;
@@ -12,11 +12,17 @@ export default ({
   addonAfter,
   ...props
 }: HFormTextProps) => {
+  const text=useMemo(()=>{
+      if (typeof value==="undefined"||value===null){
+        return "-"
+      }
+      return  value;
+  },[value]);
   return (
     <Typography.Text {...props}>
       <Space size={2}>
         <div>{addonBefore}</div>
-        <div>{value}</div>
+        <div>{text}</div>
         <div>{addonAfter}</div>
       </Space>
     </Typography.Text>

package/src/pages/Form/index.tsx

@@ -264,6 +264,7 @@ export default () => {
                 type: "text",
                 name: "text",
                 itemProps: {
+                  type:"danger",
                   addonBefore: (
                     <div style={{ height: 100, backgroundColor: "red" }}>
                       nihao

package/src/pages/ModalForm/index.tsx

@@ -112,6 +112,24 @@ const data = [
     name: "urlUpload",
     type: "urlUpload",
   },
+    {
+        label: "文字",
+        type: "text",
+        name: "text",
+        itemProps: {
+            type:"danger",
+            addonBefore: (
+                <div style={{ height: 100, backgroundColor: "red" }}>
+                    nihao
+                </div>
+            ),
+            addonAfter: (
+                <div style={{ height: 200, backgroundColor: "red" }}>
+                    wohao
+                </div>
+            ),
+        },
+    },
   // {
   //   label: "下拉框",
   //   name: "select",
@@ -192,7 +210,9 @@ export default () => {
           configData={data}
           labelWidth={88}
           infoRequest={() => {
-            console.log("infoRequest");
+           return {
+               text:"你好"
+           }
           }}
           labelAlign={"left"}
           request={(values, params) => {