revdev-components 0.177.0 → 0.179.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/fields/line/index.d.ts +3 -2
- package/build/index.js +22 -6
- package/build/styles.css +13 -0
- package/eslint.config.js +1 -1
- package/package.json +1 -1
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { FormRule } from "antd";
|
|
3
3
|
import { NamePath } from "antd/es/form/interface";
|
|
4
|
-
export declare function useLineProps<T extends FormLineProps>({ lineClassName, name, label, rules, valuePropName, noStyle, hasFeedback, dependencies, ...rest }: T): [
|
|
4
|
+
export declare function useLineProps<T extends FormLineProps>({ lineClassName, name, label, rightLabel, rules, valuePropName, noStyle, hasFeedback, dependencies, ...rest }: T): [
|
|
5
5
|
FormLineProps,
|
|
6
|
-
Omit<T, "lineClassName" | "name" | "label" | "rules" | "valuePropName" | "noStyle" | "hasFeedback" | "dependencies">
|
|
6
|
+
Omit<T, "lineClassName" | "name" | "label" | "rightLabel" | "rules" | "valuePropName" | "noStyle" | "hasFeedback" | "dependencies">
|
|
7
7
|
];
|
|
8
8
|
export interface FormLineProps {
|
|
9
9
|
lineClassName?: string;
|
|
10
10
|
name: NamePath;
|
|
11
11
|
label?: React.ReactNode;
|
|
12
|
+
rightLabel?: React.ReactNode;
|
|
12
13
|
rules?: FormRule | FormRule[];
|
|
13
14
|
valuePropName?: string;
|
|
14
15
|
noStyle?: boolean;
|
package/build/index.js
CHANGED
|
@@ -5087,21 +5087,30 @@ function AppForm(_a) {
|
|
|
5087
5087
|
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));
|
|
5088
5088
|
}
|
|
5089
5089
|
|
|
5090
|
-
var s$q = {"root":"index-module_root__2S1Jp"};
|
|
5090
|
+
var s$q = {"root":"index-module_root__2S1Jp","label":"index-module_label__-pb4C"};
|
|
5091
5091
|
|
|
5092
5092
|
function useLineProps(_a) {
|
|
5093
|
-
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"]);
|
|
5094
|
-
return [{ lineClassName: lineClassName, name: name, label: label, rules: rules, valuePropName: valuePropName, noStyle: noStyle, hasFeedback: hasFeedback, dependencies: dependencies }, rest];
|
|
5093
|
+
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"]);
|
|
5094
|
+
return [{ lineClassName: lineClassName, name: name, label: label, rightLabel: rightLabel, rules: rules, valuePropName: valuePropName, noStyle: noStyle, hasFeedback: hasFeedback, dependencies: dependencies }, rest];
|
|
5095
5095
|
}
|
|
5096
5096
|
var FormLine = function (_a) {
|
|
5097
|
-
var
|
|
5097
|
+
var _b;
|
|
5098
|
+
var className = _a.lineClassName, validateRules = _a.rules, label = _a.label, rightLabel = _a.rightLabel, props = __rest(_a, ["lineClassName", "rules", "label", "rightLabel"]);
|
|
5098
5099
|
var rules = React.useMemo(function () {
|
|
5099
5100
|
if (validateRules) {
|
|
5100
5101
|
return Array.isArray(validateRules) ? validateRules : [validateRules];
|
|
5101
5102
|
}
|
|
5102
5103
|
return [];
|
|
5103
5104
|
}, [validateRules]);
|
|
5104
|
-
|
|
5105
|
+
var singleLabel = React.useMemo(function () {
|
|
5106
|
+
if (label && rightLabel) {
|
|
5107
|
+
return (React.createElement("div", { className: s$q.label },
|
|
5108
|
+
React.createElement("div", { className: s$q.label__left }, label),
|
|
5109
|
+
React.createElement("div", { className: s$q.label__right }, rightLabel)));
|
|
5110
|
+
}
|
|
5111
|
+
return label;
|
|
5112
|
+
}, [label, rightLabel]);
|
|
5113
|
+
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)));
|
|
5105
5114
|
};
|
|
5106
5115
|
|
|
5107
5116
|
var DatePickerField = function (props) {
|
|
@@ -5678,7 +5687,14 @@ var AlfaAttributor = function (_a) {
|
|
|
5678
5687
|
var className = _a.className, options = _a.options;
|
|
5679
5688
|
return options.length ? (React.createElement("div", { className: classNames(s$2.root, className) }, options.map(function (_a, i) {
|
|
5680
5689
|
var icon = _a.icon, content = _a.content, href = _a.href;
|
|
5681
|
-
|
|
5690
|
+
var result = content;
|
|
5691
|
+
if (typeof href === "string") {
|
|
5692
|
+
result = (React.createElement(AppLink, { className: s$2.link, href: href }, content));
|
|
5693
|
+
}
|
|
5694
|
+
if (typeof icon === "string") {
|
|
5695
|
+
result = (React.createElement(IconDivision, { key: href || i, icon: icon }, result));
|
|
5696
|
+
}
|
|
5697
|
+
return React.createElement(React.Fragment, { key: href || i }, result);
|
|
5682
5698
|
}))) : null;
|
|
5683
5699
|
};
|
|
5684
5700
|
|
package/build/styles.css
CHANGED
|
@@ -131,6 +131,19 @@ body {
|
|
|
131
131
|
.index-module_root__2S1Jp {
|
|
132
132
|
display: block;
|
|
133
133
|
}
|
|
134
|
+
.index-module_root__2S1Jp label {
|
|
135
|
+
width: 100% !important;
|
|
136
|
+
display: block !important;
|
|
137
|
+
}
|
|
138
|
+
.index-module_root__2S1Jp label::after {
|
|
139
|
+
display: none !important;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.index-module_label__-pb4C {
|
|
143
|
+
display: flex;
|
|
144
|
+
justify-content: space-between;
|
|
145
|
+
align-items: flex-end;
|
|
146
|
+
}
|
|
134
147
|
.index-module_input__71iJw.ant-input-number {
|
|
135
148
|
width: 100%;
|
|
136
149
|
}
|
package/eslint.config.js
CHANGED