revdev-components 0.178.0 → 0.180.0

package/build/fields/line/index.d.ts

@@ -1,14 +1,15 @@
 import React from "react";
 import { FormRule } from "antd";
 import { NamePath } from "antd/es/form/interface";
-export declare function useLineProps<T extends FormLineProps>({ lineClassName, name, label, rules, valuePropName, noStyle, hasFeedback, dependencies, ...rest }: T): [
+export declare function useLineProps<T extends FormLineProps>({ lineClassName, name, label, rightLabel, rules, valuePropName, noStyle, hasFeedback, dependencies, ...rest }: T): [
     FormLineProps,
-    Omit<T, "lineClassName" | "name" | "label" | "rules" | "valuePropName" | "noStyle" | "hasFeedback" | "dependencies">
+    Omit<T, "lineClassName" | "name" | "label" | "rightLabel" | "rules" | "valuePropName" | "noStyle" | "hasFeedback" | "dependencies">
 ];
 export interface FormLineProps {
     lineClassName?: string;
     name: NamePath;
     label?: React.ReactNode;
+    rightLabel?: React.ReactNode;
     rules?: FormRule | FormRule[];
     valuePropName?: string;
     noStyle?: boolean;

package/build/index.js

@@ -5087,21 +5087,30 @@ function AppForm(_a) {
     return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$r.root, className), layout: "vertical", onValuesChange: handleValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
 }
 
-var s$q = {"root":"index-module_root__2S1Jp"};
+var s$q = {"root":"index-module_root__2S1Jp","root__right":"index-module_root__right__AOLlF","label":"index-module_label__-pb4C"};
 
 function useLineProps(_a) {
-    var lineClassName = _a.lineClassName, name = _a.name, label = _a.label, rules = _a.rules, valuePropName = _a.valuePropName, noStyle = _a.noStyle, hasFeedback = _a.hasFeedback, dependencies = _a.dependencies, rest = __rest(_a, ["lineClassName", "name", "label", "rules", "valuePropName", "noStyle", "hasFeedback", "dependencies"]);
-    return [{ lineClassName: lineClassName, name: name, label: label, rules: rules, valuePropName: valuePropName, noStyle: noStyle, hasFeedback: hasFeedback, dependencies: dependencies }, rest];
+    var lineClassName = _a.lineClassName, name = _a.name, label = _a.label, rightLabel = _a.rightLabel, rules = _a.rules, valuePropName = _a.valuePropName, noStyle = _a.noStyle, hasFeedback = _a.hasFeedback, dependencies = _a.dependencies, rest = __rest(_a, ["lineClassName", "name", "label", "rightLabel", "rules", "valuePropName", "noStyle", "hasFeedback", "dependencies"]);
+    return [{ lineClassName: lineClassName, name: name, label: label, rightLabel: rightLabel, rules: rules, valuePropName: valuePropName, noStyle: noStyle, hasFeedback: hasFeedback, dependencies: dependencies }, rest];
 }
 var FormLine = function (_a) {
-    var className = _a.lineClassName, validateRules = _a.rules, props = __rest(_a, ["lineClassName", "rules"]);
+    var _b;
+    var className = _a.lineClassName, validateRules = _a.rules, label = _a.label, rightLabel = _a.rightLabel, props = __rest(_a, ["lineClassName", "rules", "label", "rightLabel"]);
     var rules = React.useMemo(function () {
         if (validateRules) {
             return Array.isArray(validateRules) ? validateRules : [validateRules];
         }
         return [];
     }, [validateRules]);
-    return React.createElement(antd.Form.Item, __assign({ className: classNames(s$q.root, className), rules: rules }, props));
+    var singleLabel = React.useMemo(function () {
+        if (label && rightLabel) {
+            return (React.createElement("div", { className: s$q.label },
+                React.createElement("div", { className: s$q.label__left }, label),
+                React.createElement("div", { className: s$q.label__right }, rightLabel)));
+        }
+        return label;
+    }, [label, rightLabel]);
+    return (React.createElement(antd.Form.Item, __assign({ className: classNames(s$q.root, (_b = {}, _b[s$q.root__right] = !!rightLabel, _b), className), rules: rules, label: singleLabel }, props)));
 };
 
 var DatePickerField = function (props) {

package/build/styles.css

@@ -131,6 +131,22 @@ body {
 .index-module_root__2S1Jp {
   display: block;
 }
+.index-module_root__right__AOLlF label {
+  width: 100% !important;
+  display: block !important;
+}
+.index-module_root__right__AOLlF label::after {
+  display: none !important;
+}
+.index-module_root__right__AOLlF label::before {
+  display: none !important;
+}
+
+.index-module_label__-pb4C {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+}
 .index-module_input__71iJw.ant-input-number {
   width: 100%;
 }

package/eslint.config.js

@@ -11,6 +11,6 @@ module.exports = defineConfig([
     },
   },
   {
-    ignores: [".cache", "node_modules", "**/*.svg", ".next"],
+    ignores: [".cache", "node_modules", "**/*.svg", ".next", "dist", "build"],
   },
 ]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revdev-components",
-  "version": "0.178.0",
+  "version": "0.180.0",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "scripts": {