@hw-component/form 1.10.61 → 1.10.62

package/es/Select/index.js

@@ -1,7 +1,7 @@
 // welcome to hoo hoo hoo
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
-import { createElement } from 'react';
+import { useRef, createElement } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Select } from 'antd';
 import { useFilterOption, useSelectReq } from './hooks/norHooks.js';
@@ -54,6 +54,7 @@ var Index = function Index(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
   var _ref2 = (modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig[mode || ""]) || {},
     icon = _ref2.icon,
     render = _ref2.render;
@@ -106,6 +107,7 @@ var Index = function Index(_ref) {
     change = _useValueChange.change;
   addDispatchListener === null || addDispatchListener === void 0 || addDispatchListener("reload", reload);
   return jsxs("div", {
+    ref: ref,
     className: "".concat(boxClassName, " ").concat(addonBefore ? addonBeforeBoxClassName : "", " ").concat(addonAfter ? addonAfterBoxClassName : "", " ").concat(className),
     style: style,
     children: [addonBefore && jsx("div", {
@@ -143,7 +145,10 @@ var Index = function Index(_ref) {
       filterOption: selfFilterOption,
       showSearch: mathShowSearch,
       labelInValue: true,
-      onPopupScroll: propsOnPopupScroll || onPopupScroll
+      onPopupScroll: propsOnPopupScroll || onPopupScroll,
+      getPopupContainer: function getPopupContainer() {
+        return ref.current || document.body;
+      }
     }, props), {}, {
       children: data === null || data === void 0 ? void 0 : data.map(function (item) {
         var optionValue = item.value,

package/es/index.css

@@ -17,6 +17,7 @@
   -webkit-flex-direction: row;
       -ms-flex-direction: row;
           flex-direction: row;
+  width: 100%;
 }
 .ant-hw-select-box .ant-hw-group-addon-before {
   line-height: 0;

package/lib/Select/index.js

@@ -57,6 +57,7 @@ var Index = function Index(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded);
+  var ref = React.useRef();
   var _ref2 = (modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig[mode || ""]) || {},
     icon = _ref2.icon,
     render = _ref2.render;
@@ -109,6 +110,7 @@ var Index = function Index(_ref) {
     change = _useValueChange.change;
   addDispatchListener === null || addDispatchListener === void 0 || addDispatchListener("reload", reload);
   return jsxRuntime.jsxs("div", {
+    ref: ref,
     className: "".concat(boxClassName, " ").concat(addonBefore ? addonBeforeBoxClassName : "", " ").concat(addonAfter ? addonAfterBoxClassName : "", " ").concat(className),
     style: style,
     children: [addonBefore && jsxRuntime.jsx("div", {
@@ -146,7 +148,10 @@ var Index = function Index(_ref) {
       filterOption: selfFilterOption,
       showSearch: mathShowSearch,
       labelInValue: true,
-      onPopupScroll: propsOnPopupScroll || onPopupScroll
+      onPopupScroll: propsOnPopupScroll || onPopupScroll,
+      getPopupContainer: function getPopupContainer() {
+        return ref.current || document.body;
+      }
     }, props), {}, {
       children: data === null || data === void 0 ? void 0 : data.map(function (item) {
         var optionValue = item.value,

package/lib/index.css

@@ -17,6 +17,7 @@
   -webkit-flex-direction: row;
       -ms-flex-direction: row;
           flex-direction: row;
+  width: 100%;
 }
 .ant-hw-select-box .ant-hw-group-addon-before {
   line-height: 0;

package/package.json

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

package/src/components/Select/index.less

@@ -23,7 +23,7 @@
 .@{ant-prefix}-hw-select-box {
   display: flex;
   flex-direction: row;
-
+  width: 100%;
   .@{ant-prefix}-hw-group-addon-before {
     line-height: 0;
     border-right: 0;

package/src/components/Select/index.tsx

@@ -1,5 +1,5 @@
 import { Select } from "antd";
-import React from "react";
+import React, {useRef} from "react";
 import { useFilterOption, useSelectReq } from "./hooks/norHooks";
 import { useValueChange } from "./hooks/changeHooks";
 import type { HSelectProps } from "./modal";
@@ -8,6 +8,7 @@ import DropdownComponent from "./components/DropdownComponent";
 import AllSelect from "./components/AllSelect";
 import { useChangeOptions, useClassName, useMatchConfigProps } from "../hooks";
 import HFormConnect from "../Form/HFormConnect";
+
 const { Option } = Select;
 
 const Index: React.FC<HSelectProps> = ({
@@ -40,6 +41,7 @@ const Index: React.FC<HSelectProps> = ({
   className = "",
   ...props
 }) => {
+  const ref=useRef<HTMLDivElement|null>();
   const { icon, render } = modeConfig?.[mode || ""] || {};
   const { fieldNames } = useMatchConfigProps({ fieldNames: propsFieldNames });
   const selfFilterOption = useFilterOption({ filterOption, serviceSearch });
@@ -83,6 +85,7 @@ const Index: React.FC<HSelectProps> = ({
   addDispatchListener?.("reload", reload);
   return (
     <div
+        ref={(ref as any)}
       className={`${boxClassName} ${
         addonBefore ? addonBeforeBoxClassName : ""
       } ${addonAfter ? addonAfterBoxClassName : ""} ${className}`}
@@ -128,6 +131,7 @@ const Index: React.FC<HSelectProps> = ({
         showSearch={mathShowSearch}
         labelInValue={true}
         onPopupScroll={propsOnPopupScroll || onPopupScroll}
+        getPopupContainer={()=>{return ref.current||document.body}}
         {...props}
       >
         {data?.map((item) => {

package/src/pages/Form/index.tsx

@@ -141,6 +141,10 @@ export default () => {
         </div>
         <div style={{ width: 1000 }}>
           <HForm
+
+            request={(values, params)=>{
+                console.log(values,"request")
+            }}
             configData={[
               // {
               //   noStyle: true,
@@ -152,24 +156,22 @@ export default () => {
               {
                 name: "num",
                 label: "num",
-                type: "inputNumberGroup",
+                type: "rangePicker",
+                  itemProps: {
+                    valueMap:{
+                        start:"start",
+                        end:"end",
+                    }
+                  }
               },
               {
                 name: "time",
                 label: "time",
                 type: "select",
-                rules: [{ required: true }],
                 itemProps: {
                   options: [{ value: "label", key: 1 }],
                   mode: "multiple",
-                },
-                render: (props, node) => {
-                  return (
-                    <Row style={{ width: 800 }}>
-                      <Col span={12}>{node}</Col>
-                    </Row>
-                  );
-                },
+                }
               },
               {
                 name: "tt",
@@ -195,12 +197,9 @@ export default () => {
             }}
             labelAlign={"left"}
             onValuesChange={(val) => {
-              console.log(val, "onValuesChange");
+              // console.log(val, "onValuesChange");
             }}
             requiredMode
-            onFinish={(val) => {
-              console.log(val);
-            }}
           />
         </div>
       </HFormConfigProvider>