tango-ui-cw 0.0.1 → 0.1.0

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "tango-ui-cw",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "A lightweight ui library with ClayW",
   "main": "dist/index.js",
-  "module": "dist/index.mjs", 
+  "module": "dist/index.mjs",
   "author": "ClayW",
   "license": "MIT",
   "scripts": {
@@ -32,6 +32,9 @@
   ],
   "exports": {
     "import": "./dist/index.mjs",
-    "require": "./dist/index.js"  
+    "require": "./dist/index.js"
+  },
+  "dependencies": {
+    "prop-types": "^15.8.1"
   }
 }

package/src/component/TDate/index.jsx

@@ -4,7 +4,7 @@ import "./TDate.css";
 import { useTangoStyle } from "../CSSFab/useTangoStyle"; // 导入 useFastStyle 函数
 
 export default function Date(props) {
-  const { type, single, sx = {}, style: userStyle = {}, en } = props;
+  const { type = "default", single = false, sx = {}, style: userStyle = {}, en = false } = props|| {};
 
   // 用于接收 sx 属性设置的样式
   const sxStyle = useTangoStyle(sx);
@@ -32,7 +32,7 @@ export default function Date(props) {
   };
 
   Date.defaultProps = {
-    type: undefined, // 默认无 type 的格式
+    type: "default", // 默认无 type 的格式
     single: false, // 默认显示 "星期"
     sx: {},
     style: {},

package/src/component/TDatePicker/index.jsx

@@ -15,14 +15,27 @@ export default function DatePicker(props) {
 
   const [value, setValue] = useState("");
 
+  // 格式化日期函数
+  const formatDate = (date) => {
+    const d = new Date(date);
+    const year = d.getFullYear();
+    const month = (d.getMonth() + 1).toString().padStart(2, "0");
+    const day = d.getDate().toString().padStart(2, "0");
+    const hours = d.getHours().toString().padStart(2, "0");
+    const minutes = d.getMinutes().toString().padStart(2, "0");
+    return `${year}-${month}-${day} ${hours}:${minutes}`;
+  };
+
   const handleChange = (e) => {
     const val = e.target.value;
     setValue(val);
-    if (onChange) onChange(val);
+
+    // 如果选择了时间，格式化并调用 onChange
+    const formattedValue = time ? formatDate(val) : val;
+    if (onChange) onChange(formattedValue, val); // 格式化后传递给 onChange
   };
 
   const inputType = time ? "datetime-local" : "date";
-
   const className = `date-picker ${disabled ? "date-picker-disabled" : ""} ${userClassName}`;
 
   const sxStyle = useTangoStyle(sx);
@@ -57,4 +70,3 @@ DatePicker.defaultProps = {
   onChange: () => {},
   time: false,
 };
-