taro-form-react 0.0.1

package/src/styles/index.scss

@@ -0,0 +1,87 @@
+.tfr-form-item-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.tfr-form-item-container-horizontal {
+  align-items: flex-end;
+}
+
+.tfr-form-item-inner {
+  position: relative;
+  display: flex;
+  width: 100%;
+  gap: 16rpx;
+  box-sizing: border-box;
+}
+
+.tfr-form-item-inner-horizontal {
+  flex-direction: row;
+  align-items: start;
+  justify-content: start;
+}
+
+.tfr-form-item-inner-vertical {
+  flex-direction: column;
+  align-items: start;
+  justify-content: start;
+}
+
+.tfr-form-item-error-text {
+  color: #FF4D4F;
+  font-size: 28rpx;
+  margin-top: 8rpx;
+  box-sizing: border-box;
+}
+
+.tfr-form-label {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+}
+
+.tfr-form-label-no-asterisk-space {
+  left: -10rpx;
+}
+
+.tfr-form-label-label {
+  font-size: 28rpx;
+  display: inline-block;
+  position: relative;
+  white-space: nowrap;
+  box-sizing: border-box;
+}
+
+.tfr-form-label-label::before {
+  content: '*';
+  color: #FF4D4F;
+  margin-right: 4rpx;
+  font-size: 28rpx;
+  font-family: 'SimSun', 'sans-serif';
+}
+
+.tfr-form-label-label.tfr-small.tfr-show-asterisk::before {
+  display: inline-block;
+}
+
+.tfr-form-label-label.tfr-small.tfr-hide-asterisk::before {
+  display: none;
+}
+
+.tfr-form-label-label.tfr-normal.tfr-show-asterisk::before {
+  opacity: 1;
+}
+
+.tfr-form-label-label.ntfr-ormal.tfr-hide-asterisk::before {
+  opacity: 0;
+}
+
+.tfr-form-label-colon {
+  font-size: 28rpx;
+  position: relative;
+  white-space: nowrap;
+}

package/src/utils/index.ts

@@ -0,0 +1,7 @@
+import type { NamePath } from "../types";
+
+export const namePathToString = (name: NamePath) => {
+  return name
+    .map(item => (typeof item === "number" ? `[${item}]` : `.${item}`))
+    .join("");
+};

package/src/utils/rules.ts

@@ -0,0 +1,55 @@
+import { isEmpty } from "@/utils/tools";
+
+import type { Rule } from "../types";
+
+export const validateRules = async (value: any, rules: Rule[], validateFirst: boolean | "parallel" = false) => {
+  const errors = [] as string[];
+
+  const validateRule = async (rule: Rule) => {
+    switch (true) {
+      case "required" in rule:
+        if (isEmpty(value)) {
+          return rule.message;
+        }
+        break;
+      case "pattern" in rule:
+        if (!isEmpty(value) && !rule.pattern.test(value)) {
+          return rule.message;
+        }
+        break;
+      case "max" in rule:
+        if (!isEmpty(value) && value.length > (rule.max ?? Infinity)) {
+          return rule.message;
+        }
+        break;
+      case "min" in rule:
+        if (!isEmpty(value) && value.length < (rule.min ?? -Infinity)) {
+          return rule.message;
+        }
+        break;
+      case "validator" in rule:
+        if (!isEmpty(value)) {
+          return await rule.validator(value);
+        }
+    }
+  };
+
+  if (validateFirst === "parallel") {
+    const results = await Promise.all(rules.map(rule => validateRule(rule)));
+    for (const error of results) {
+      if (error) {
+        errors.push(error);
+      }
+    }
+  } else {
+    for (const rule of rules) {
+      const error = await validateRule(rule);
+      if (error) {
+        errors.push(error);
+        if (validateFirst) return errors;
+      }
+    }
+  }
+
+  return errors.length ? errors : undefined;
+};

package/src/utils/tools.ts

@@ -0,0 +1,31 @@
+/**
+ * 检查给定的值是否为空。
+ *
+ * @param {any} value - 需要检查的值。
+ * @returns {boolean} 如果值未定义、为null、为空字符串、为空数组或为空对象，则返回true，否则返回false。
+ */
+export const isEmpty = (value: any): boolean => {
+  return (
+    value === undefined ||
+    value === null ||
+    value === "" ||
+    (Array.isArray(value) && value.length === 0) ||
+    (typeof value === "object" && Object.keys(value).length === 0)
+  );
+};
+
+/**
+ * 过滤对象中的 undefined 和 null 值。
+ * @param {T} object - 要过滤的对象。
+ * @param {boolean} [filterNull=false] - 是否过滤 null 值。
+ * @returns {T} - 过滤后的对象。
+ * @template T
+ */
+export function filterUndefined<T extends Record<string, any>> (object: T, filterNull: boolean = false): T {
+  return Object.entries(object).reduce((acc, [key, value]) => {
+    if (value !== undefined && (filterNull ? value !== null : true)) {
+      acc[key] = value;
+    }
+    return acc;
+  }, {} as any);
+}

package/tsconfig.json

@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "target": "es2017",
+    "module": "ESNext",
+    "removeComments": true,
+    "preserveConstEnums": true,
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "noImplicitAny": false,
+    "allowSyntheticDefaultImports": true,
+    "outDir": "lib",
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "strictNullChecks": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "rootDir": ".",
+    "jsx": "react-jsx",
+    "allowJs": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "incremental": true,
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+  },
+  "include": [
+    "./src",
+  ],
+  "exclude": [
+    "node_modules/*",
+    "dist/*",
+  ],
+  "compileOnSave": false
+}