foxit-component 1.0.2 → 1.0.3-alpha.2

package/es/Form/FormItem.d.ts

@@ -13,6 +13,7 @@ interface FormItemProps {
     }[];
     children: ReactNode;
     className?: string;
+    layout?: 'horizontal' | 'horizontal-embed';
 }
 declare const FormItem: React.FC<FormItemProps>;
 export default FormItem;

package/es/Form/FormItem.js

@@ -6,8 +6,9 @@ import classNames from 'classnames';
 
 var FormItem = function (_a) {
     var _b, _c, _d;
-    var name = _a.name, label = _a.label, extra = _a.extra, _e = _a.rules, rules = _e === void 0 ? [] : _e, children = _a.children, className = _a.className;
-    var _f = useContext(FormContext), form = _f.form, formFields = _f.formFields, layout = _f.layout;
+    var name = _a.name, label = _a.label, extra = _a.extra, _e = _a.rules, rules = _e === void 0 ? [] : _e, children = _a.children, className = _a.className, layout = _a.layout;
+    var _f = useContext(FormContext), form = _f.form, formFields = _f.formFields, globalLayout = _f.layout;
+    var currentLayout = layout || globalLayout;
     var rulesRef = useRef(rules);
     // Register field when component mounts
     useEffect(function () {
@@ -32,8 +33,10 @@ var FormItem = function (_a) {
         var newValue = ((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.value) !== undefined ? e.target.value : e;
         form.setFieldsValue((_a = {}, _a[name] = newValue, _a));
     }, [form, name]);
-    return (jsxs("div", __assign({ className: classNames('foxit-form-item', className), style: __assign(__assign({}, (error || warning ? { marginBottom: 0 } : {})), (layout === 'horizontal-embed' ? { marginTop: '-18px' } : {}) // 减少 18px
-        ) }, { children: [label && (jsxs("label", __assign({ className: classNames({ 'foxit-form-item-embedlabel': layout === 'horizontal-embed' }) }, { children: [label, rules.some(function (rule) { return rule.required; }) && jsx("span", __assign({ className: "foxit-form-required" }, { children: "*" })), extra && jsx(Fragment, { children: extra })] }))), jsx("span", __assign({ className: "".concat(error ? 'foxit-form-error-component' : warning ? 'foxit-form-warning-component' : '') }, { children: React.Children.map(children, function (child) {
+    return (jsxs("div", __assign({ className: classNames('foxit-form-item', className), style: __assign(__assign({}, (error || warning ? { marginBottom: 0 } : {})), (currentLayout === 'horizontal-embed' ? { marginTop: '-18px' } : {}) // 减少 18px
+        ) }, { children: [label && (jsxs("label", __assign({ className: classNames({
+                    'foxit-form-item-embedlabel': currentLayout === 'horizontal-embed'
+                }) }, { children: [label, rules.some(function (rule) { return rule.required; }) && jsx("span", __assign({ className: "foxit-form-required" }, { children: "*" })), extra && jsx(Fragment, { children: extra })] }))), jsx("span", __assign({ className: "".concat(error ? 'foxit-form-error-component' : warning ? 'foxit-form-warning-component' : '') }, { children: React.Children.map(children, function (child) {
                     return React.cloneElement(child, {
                         value: value,
                         onChange: handleChange

package/es/Quantity/Quantity.d.ts

@@ -5,6 +5,8 @@ interface QuantityProps {
     onChange?: (value: number) => void;
     min?: number;
     max?: number;
+    className?: string;
+    [key: string]: unknown;
 }
 declare const Quantity: React.FC<QuantityProps>;
 export { Quantity };

package/es/Quantity/Quantity.js

@@ -1,9 +1,10 @@
-import { __assign } from '../node_modules/tslib/tslib.es6.js';
+import { __rest, __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
+import classNames from 'classnames';
 
 var Quantity = function (_a) {
-    var value = _a.value, onChange = _a.onChange, min = _a.min, max = _a.max;
+    var value = _a.value, onChange = _a.onChange, min = _a.min, max = _a.max, className = _a.className, props = __rest(_a, ["value", "onChange", "min", "max", "className"]);
     var _b = useState(value || min || 0), internalValue = _b[0], setInternalValue = _b[1];
     var currentValue = value !== undefined ? value : internalValue;
     var handleIncrement = function () {
@@ -37,9 +38,9 @@ var Quantity = function (_a) {
         }
         setInternalValue(newValue);
     };
-    return (jsxs("div", __assign({ className: "foxit-quantity" }, { children: [jsx("button", __assign({ className: "foxit-quantity-button", onClick: handleDecrement, disabled: min !== undefined && currentValue <= min }, { children: jsx("div", { children: "-" }) })), jsx("input", { 
+    return (jsxs("div", __assign({ className: classNames('foxit-quantity', className) }, { children: [jsx("button", __assign({ className: "foxit-quantity-button", onClick: handleDecrement, disabled: min !== undefined && currentValue <= min }, { children: jsx("div", { children: "-" }) })), jsx("input", __assign({ 
                 // type="number"
-                value: currentValue, onChange: handleChange, min: min, max: max, className: "foxit-quantity-number" }), jsx("button", __assign({ className: "foxit-quantity-button", onClick: handleIncrement, disabled: max !== undefined && currentValue >= max }, { children: jsx("div", { children: "+" }) }))] })));
+                value: currentValue, onChange: handleChange, min: min, max: max, className: "foxit-quantity-number" }, props)), jsx("button", __assign({ className: "foxit-quantity-button", onClick: handleIncrement, disabled: max !== undefined && currentValue >= max }, { children: jsx("div", { children: "+" }) }))] })));
 };
 
 export { Quantity };

package/es/Select/Select.d.ts

@@ -14,6 +14,7 @@ export interface SelectProps {
     preIcon?: React.ReactNode;
     value?: string | number | CustomOption | null;
     onChange?: (v: unknown) => void;
+    controlStyles?: React.CSSProperties;
     [key: string]: unknown;
 }
 interface CustomOption {

package/es/Select/Select.js

@@ -5,17 +5,17 @@ import classNames from 'classnames';
 import { Icon } from '../Icon/index.js';
 
 var Select = function (_a) {
-    var options = _a.options, className = _a.className, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, isClearable = _a.isClearable, isSearchable = _a.isSearchable, isMulti = _a.isMulti, _b = _a.placeholder, placeholder = _b === void 0 ? 'Select...' : _b, preIcon = _a.preIcon, value = _a.value, onChange = _a.onChange, rest = __rest(_a, ["options", "className", "defaultValue", "isDisabled", "isClearable", "isSearchable", "isMulti", "placeholder", "preIcon", "value", "onChange"]);
+    var options = _a.options, className = _a.className, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, isClearable = _a.isClearable, isSearchable = _a.isSearchable, isMulti = _a.isMulti, _b = _a.placeholder, placeholder = _b === void 0 ? 'Select...' : _b, preIcon = _a.preIcon, value = _a.value, onChange = _a.onChange, controlStyles = _a.controlStyles, rest = __rest(_a, ["options", "className", "defaultValue", "isDisabled", "isClearable", "isSearchable", "isMulti", "placeholder", "preIcon", "value", "onChange", "controlStyles"]);
     var customStyles = {
         control: function (styles, _a) {
             var isDisabled = _a.isDisabled;
-            return (__assign(__assign({}, styles), { backgroundColor: isDisabled ? '#f8f8f8' : 'white', 
+            return (__assign(__assign(__assign({}, styles), { backgroundColor: isDisabled ? '#f8f8f8' : 'white', 
                 // minWidth: 200,
                 height: 48, paddingLeft: 8, borderRadius: 10, fontSize: 14, boxShadow: 'none', border: '1px solid #D9D9D9', ':hover': {
                     border: '1px solid #757575'
                 }, ':focus-within': {
                     border: '1px solid #FF5F00'
-                } }));
+                } }), controlStyles));
         },
         menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: 99999 })); },
         option: function (styles, _a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foxit-component",
-  "version": "1.0.2",
+  "version": "1.0.3-alpha.2",
   "author": {
     "name": "linye",
     "email": "869675630@qq.com"