@hw-component/form 1.10.69 → 1.10.71

package/es/Form/index.js

@@ -27,7 +27,8 @@ var HForm = (function (_ref) {
     formHideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel,
     gutter = _ref.gutter,
     submitLoading = _ref.submitLoading,
-    formLabelAlign = _ref.labelAlign,
+    _ref$labelAlign = _ref.labelAlign,
+    formLabelAlign = _ref$labelAlign === void 0 ? "right" : _ref$labelAlign,
     formItemStyle = _ref.formItemStyle,
     _ref$itemProps = _ref.itemProps,
     formItemProps = _ref$itemProps === void 0 ? {} : _ref$itemProps,

package/es/Select/index.js

@@ -12,7 +12,7 @@ import Index$2 from './components/AllSelect.js';
 import { useMatchConfigProps, useChangeOptions, useClassName } from '../hooks/index.js';
 import HFormConnect from '../Form/HFormConnect.js';
 
-var _excluded = ["style", "mode", "options", "modeConfig", "value", "onChange", "fieldNames", "request", "manual", "optionLabelProp", "filterProvider", "optionFilterProp", "serviceSearch", "onSearch", "filterOption", "showSearch", "labelInValue", "noMatchItemRender", "allSelect", "addDispatchListener", "addFormat", "dispatch", "isList", "onPopupScroll", "addonBefore", "addonAfter", "className"],
+var _excluded = ["style", "mode", "options", "modeConfig", "value", "onChange", "fieldNames", "request", "manual", "optionLabelProp", "filterProvider", "optionFilterProp", "serviceSearch", "onSearch", "filterOption", "showSearch", "labelInValue", "noMatchItemRender", "allSelect", "addDispatchListener", "addFormat", "dispatch", "isList", "onPopupScroll", "addonBefore", "addonAfter", "className", "selfPopupContainer"],
   _excluded2 = ["value", "label"];
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -53,6 +53,7 @@ var Index = function Index(_ref) {
     addonAfter = _ref.addonAfter,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
+    selfPopupContainer = _ref.selfPopupContainer,
     props = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef();
   var _ref2 = (modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig[mode || ""]) || {},
@@ -146,9 +147,9 @@ var Index = function Index(_ref) {
       showSearch: mathShowSearch,
       labelInValue: true,
       onPopupScroll: propsOnPopupScroll || onPopupScroll,
-      getPopupContainer: function getPopupContainer() {
+      getPopupContainer: selfPopupContainer ? function () {
         return ref.current || document.body;
-      }
+      } : undefined
     }, props), {}, {
       children: data === null || data === void 0 ? void 0 : data.map(function (item) {
         var optionValue = item.value,

package/es/Select/modal.d.ts

@@ -39,6 +39,7 @@ export interface HSelectProps extends Omit<SelectProps, "options" | "placeholder
     addonBefore?: React.ReactNode;
     addonAfter?: React.ReactNode;
     onChange?: (value: any, opts?: OptionType[] | OptionType) => void;
+    selfPopupContainer?: boolean;
 }
 export interface FilterDataModal {
     value: any;

package/lib/Form/index.js

@@ -30,7 +30,8 @@ var HForm = (function (_ref) {
     formHideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel,
     gutter = _ref.gutter,
     submitLoading = _ref.submitLoading,
-    formLabelAlign = _ref.labelAlign,
+    _ref$labelAlign = _ref.labelAlign,
+    formLabelAlign = _ref$labelAlign === void 0 ? "right" : _ref$labelAlign,
     formItemStyle = _ref.formItemStyle,
     _ref$itemProps = _ref.itemProps,
     formItemProps = _ref$itemProps === void 0 ? {} : _ref$itemProps,

package/lib/Select/index.js

@@ -15,7 +15,7 @@ var AllSelect = require('./components/AllSelect.js');
 var index = require('../hooks/index.js');
 var HFormConnect = require('../Form/HFormConnect.js');
 
-var _excluded = ["style", "mode", "options", "modeConfig", "value", "onChange", "fieldNames", "request", "manual", "optionLabelProp", "filterProvider", "optionFilterProp", "serviceSearch", "onSearch", "filterOption", "showSearch", "labelInValue", "noMatchItemRender", "allSelect", "addDispatchListener", "addFormat", "dispatch", "isList", "onPopupScroll", "addonBefore", "addonAfter", "className"],
+var _excluded = ["style", "mode", "options", "modeConfig", "value", "onChange", "fieldNames", "request", "manual", "optionLabelProp", "filterProvider", "optionFilterProp", "serviceSearch", "onSearch", "filterOption", "showSearch", "labelInValue", "noMatchItemRender", "allSelect", "addDispatchListener", "addFormat", "dispatch", "isList", "onPopupScroll", "addonBefore", "addonAfter", "className", "selfPopupContainer"],
   _excluded2 = ["value", "label"];
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -56,6 +56,7 @@ var Index = function Index(_ref) {
     addonAfter = _ref.addonAfter,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
+    selfPopupContainer = _ref.selfPopupContainer,
     props = _objectWithoutProperties(_ref, _excluded);
   var ref = React.useRef();
   var _ref2 = (modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig[mode || ""]) || {},
@@ -149,9 +150,9 @@ var Index = function Index(_ref) {
       showSearch: mathShowSearch,
       labelInValue: true,
       onPopupScroll: propsOnPopupScroll || onPopupScroll,
-      getPopupContainer: function getPopupContainer() {
+      getPopupContainer: selfPopupContainer ? function () {
         return ref.current || document.body;
-      }
+      } : undefined
     }, props), {}, {
       children: data === null || data === void 0 ? void 0 : data.map(function (item) {
         var optionValue = item.value,

package/lib/Select/modal.d.ts

@@ -39,6 +39,7 @@ export interface HSelectProps extends Omit<SelectProps, "options" | "placeholder
     addonBefore?: React.ReactNode;
     addonAfter?: React.ReactNode;
     onChange?: (value: any, opts?: OptionType[] | OptionType) => void;
+    selfPopupContainer?: boolean;
 }
 export interface FilterDataModal {
     value: any;

package/package.json

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

package/src/components/Form/index.tsx

@@ -17,7 +17,7 @@ export default ({
   hideLabel: formHideLabel = false,
   gutter,
   submitLoading,
-  labelAlign: formLabelAlign,
+  labelAlign: formLabelAlign="right",
   formItemStyle,
   itemProps: formItemProps = {},
   colon = true,

package/src/components/Select/index.tsx

@@ -39,6 +39,7 @@ const Index: React.FC<HSelectProps> = ({
   addonBefore,
   addonAfter,
   className = "",
+   selfPopupContainer,
   ...props
 }) => {
   const ref = useRef<HTMLDivElement | null>();
@@ -131,9 +132,9 @@ const Index: React.FC<HSelectProps> = ({
         showSearch={mathShowSearch}
         labelInValue={true}
         onPopupScroll={propsOnPopupScroll || onPopupScroll}
-        getPopupContainer={() => {
+        getPopupContainer={selfPopupContainer?() => {
           return ref.current || document.body;
-        }}
+        }:undefined}
         {...props}
       >
         {data?.map((item) => {

package/src/components/Select/modal.ts

@@ -43,6 +43,7 @@ export interface HSelectProps
   addonBefore?: React.ReactNode;
   addonAfter?: React.ReactNode;
   onChange?: (value: any, opts?: OptionType[] | OptionType) => void;
+  selfPopupContainer?:boolean;
 }
 export interface FilterDataModal {
   value: any;

package/src/pages/DrawerForm/index.tsx

@@ -17,6 +17,7 @@ const data = [
     type: "select",
     label: "下啦",
     name: "select",
+      hover:"123123213",
     itemProps: {
       options: [
         {

package/src/pages/Form/index.tsx

@@ -161,8 +161,9 @@ export default () => {
               // },
               {
                 name: "num",
-                label: "num",
+                label: "你好啊",
                 type: "rangePicker",
+                  hover:"123123213",
                 itemProps: {
                   valueMap: {
                     start: "start",
@@ -171,7 +172,7 @@ export default () => {
                 },
               },
               {
-                name: "time",
+                name: ["order","name"],
                 label: "time",
                 type: "select",
                 itemProps: {
@@ -189,7 +190,6 @@ export default () => {
               },
             ]}
             dismissOnPressEnter={false}
-            labelWidth={88}
             form={form}
             initialValues={{
               deviceType: 1,

package/src/pages/ModalForm/index.tsx

@@ -6,7 +6,7 @@ import {
 } from "../../components";
 
 const data = [
-  { label: "name", name: "name" },
+  { label: "name", name: "name" ,hover:"1312"},
 
   {
     label: "输入框",
@@ -61,11 +61,6 @@ export default () => {
             marginBottom: 100,
           }}
           labelAlign={"left"}
-          labelWidth={100}
-          contentRender={(node, form, params) => {
-            console.log(params);
-            return <div></div>;
-          }}
           dialogForm={modalForm}
           title="你好"
         />

package/src/pages/Upload/index.tsx

@@ -6,6 +6,7 @@ import { MediaTypeEnum } from "../../components/Upload/enums";
 export default () => {
   const [files, setFiles] = useState([{}]);
   const [files1, setFiles1] = useState([]);
+  console.log(files,"files")
   return (
     <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
       <HUpload
@@ -39,8 +40,8 @@ export default () => {
       </HUpload>
       <HUrlUpload
         inputHelper="测试"
-        mediaType={MediaTypeEnum.video}
-        value={files}
+        mediaType={MediaTypeEnum.img}
+        value={["https://img1.baidu.com/it/u=2172818577,3783888802&fm=253&app=138&f=JPEG?w=800&h=1422"]}
         onChange={setFiles}
       />
     </Space>