@jswork/antd-components 1.0.105 → 1.0.106

package/src/lib/slider-range.tsx

@@ -8,13 +8,13 @@ const CLASS_NAME = 'ac-slider-range';
 type StdEventTarget = { target: { value: any } };
 type StdCallback = (inEvent: StdEventTarget) => void;
 
-type Props = {
+export type AcSliderRangeProps = {
   className?: string;
   range?: true;
   onChange?: StdCallback;
 } & Omit<SliderRangeProps, 'range'>;
 
-export class AcSliderRange extends React.Component<Props> {
+export class AcSliderRange extends React.Component<AcSliderRangeProps> {
   static displayName = CLASS_NAME;
   static formSchema = CLASS_NAME;
   static defaultProps = {
@@ -38,3 +38,9 @@ export class AcSliderRange extends React.Component<Props> {
     );
   }
 }
+
+export const AcSliderRangeFc = (props: AcSliderRangeProps) => {
+  return <AcSliderRange {...props} />;
+};
+
+

package/src/lib/slider.tsx

@@ -7,12 +7,12 @@ const CLASS_NAME = 'ac-slider';
 type StdEventTarget = { target: { value: any } };
 type StdCallback = (inEvent: StdEventTarget) => void;
 
-type Props = {
+export type AcSliderProps = {
   className?: string;
   onChange?: StdCallback;
 } & SliderSingleProps;
 
-export class AcSlider extends React.Component<Props> {
+export class AcSlider extends React.Component<AcSliderProps> {
   static displayName = CLASS_NAME;
   static formSchema = CLASS_NAME;
   static defaultProps = {
@@ -35,3 +35,9 @@ export class AcSlider extends React.Component<Props> {
     );
   }
 }
+
+export const AcSliderFc = (props: AcSliderProps) => {
+  return <AcSlider {...props} />;
+};
+
+

package/src/lib/switch.tsx

@@ -7,13 +7,13 @@ const CLASS_NAME = 'ac-switch';
 type StdEventTarget = { target: { value: any } };
 type StdCallback = (inEvent: StdEventTarget) => void;
 
-type Props = {
+type AcSwitchProps = {
   className?: string;
   value?: boolean;
   onChange?: StdCallback;
 } & SwitchProps;
 
-export class AcSwitch extends React.Component<Props> {
+export class AcSwitch extends React.Component<AcSwitchProps> {
   static displayName = CLASS_NAME;
   static formSchema = CLASS_NAME;
   static defaultProps = {
@@ -24,7 +24,7 @@ export class AcSwitch extends React.Component<Props> {
     value: Boolean(this.props.value)
   };
 
-  shouldComponentUpdate(nextProps: Readonly<Props>): boolean {
+  shouldComponentUpdate(nextProps: Readonly<AcSwitchProps>): boolean {
     const { value } = nextProps;
     if (value !== this.props.value) this.setState({ value });
     return true;
@@ -50,3 +50,8 @@ export class AcSwitch extends React.Component<Props> {
     );
   }
 }
+
+export const AcSwitchFc = (props: AcSwitchProps) => {
+  return <AcSwitch {...props} />;
+};
+

package/src/lib/textarea.tsx

@@ -9,17 +9,17 @@ const TextArea = Input.TextArea;
 type StdEventTarget = { target: { value: any } };
 type StdCallback = (inEvent: StdEventTarget) => void;
 
-type Props = {
+export type AcTextareaProps = {
   className?: string;
   value?: boolean;
   onChange?: StdCallback;
 } & TextAreaProps;
 
-export class AcTextarea extends React.Component<Props> {
+export class AcTextarea extends React.Component<AcTextareaProps> {
   static displayName = CLASS_NAME;
   static formSchema = CLASS_NAME;
   static defaultProps = {
-    onChange: noop
+    onChange: noop,
   };
 
   render() {
@@ -27,3 +27,8 @@ export class AcTextarea extends React.Component<Props> {
     return <TextArea className={cx(CLASS_NAME, className)} {...props} />;
   }
 }
+
+export const AcTextareaFc = (props: AcTextareaProps) => {
+  return <AcTextarea {...props} />;
+};
+

package/src/lib/time-picker.tsx

@@ -9,19 +9,19 @@ const STD_FORMAT = 'HH:mm:ss';
 type StdEventTarget = { target: { value: any } };
 type StdCallback = (inEvent: StdEventTarget) => void;
 
-type Props = {
+export type AcTimePickerProps = {
   className?: string;
   value?: string | dayjs.Dayjs;
   defaultValue?: string | dayjs.Dayjs;
   onChange?: StdCallback;
-} & Omit<TimePickerProps, 'value' | 'defaultValue'>;
+} & Omit<TimePickerProps, 'value' | 'defaultValue' | 'onChange' | 'ref'>;
 
-export class AcTimePicker extends React.Component<Props> {
+export class AcTimePicker extends React.Component<AcTimePickerProps> {
   static displayName = CLASS_NAME;
   static formSchema = CLASS_NAME;
   static defaultProps = {
     onChange: noop,
-    format: STD_FORMAT
+    format: STD_FORMAT,
   };
 
   handleChange = (inEvent) => {
@@ -64,3 +64,8 @@ export class AcTimePicker extends React.Component<Props> {
     );
   }
 }
+
+export const AcTimePickerFc = (props: AcTimePickerProps) => {
+  return <AcTimePicker {...props} />;
+};
+

package/src/lib/transfer.tsx

@@ -9,7 +9,7 @@ type StdEventTarget = { target: { value: any } };
 type StdCallback = (inEvent: StdEventTarget) => void;
 type TemplateCallback = (item: { item: any }, options?: any) => React.ReactNode;
 
-type Props = {
+type AcTransferProps = {
   className?: string;
   items?: any[];
   template: TemplateCallback;
@@ -17,7 +17,7 @@ type Props = {
   onChange?: StdCallback;
 } & TransferProps<any>;
 
-export class AcTransfer extends React.Component<Props> {
+export class AcTransfer extends React.Component<AcTransferProps> {
   static displayName = CLASS_NAME;
   static formSchema = CLASS_NAME;
   static defaultProps = {
@@ -35,7 +35,7 @@ export class AcTransfer extends React.Component<Props> {
     value: this.props.value
   };
 
-  shouldComponentUpdate(nextProps: Readonly<Props>): boolean {
+  shouldComponentUpdate(nextProps: Readonly<AcTransferProps>): boolean {
     const { value } = nextProps;
     const isNewValue = this.props.value !== value;
     if (isNewValue && value !== this.state.value) {
@@ -68,3 +68,8 @@ export class AcTransfer extends React.Component<Props> {
     );
   }
 }
+
+export const AcTransferFc = (props: AcTransferProps) => {
+  return <AcTransfer {...props} />;
+};
+

package/src/lib/tree-select.tsx

@@ -11,7 +11,7 @@ type StdCallback = (inEvent: StdEventTarget) => void;
 
 // @see: https://github.com/afeiship/react-ant-tree-select
 
-type Props = {
+type AcTreeSelectProps = {
   className?: string;
   items?: any[];
   template?: any;
@@ -19,7 +19,7 @@ type Props = {
   onChange?: StdCallback;
 } & TreeSelectProps;
 
-export class AcTreeSelect extends React.Component<Props> {
+export class AcTreeSelect extends React.Component<AcTreeSelectProps> {
   static displayName = CLASS_NAME;
   static formSchema = CLASS_NAME;
   static defaultProps = {
@@ -62,3 +62,9 @@ export class AcTreeSelect extends React.Component<Props> {
     );
   }
 }
+
+export const AcTreeSelectFc = (props: AcTreeSelectProps) => {
+  return <AcTreeSelect {...props} />;
+};
+
+

package/src/lib/upload-dragger.tsx

@@ -11,7 +11,7 @@ type StdEventTarget = { target: { value: any } };
 type StdCallback = (inEvent: StdEventTarget) => void;
 type CustomRequest = (inEvent: any) => Promise<any>;
 
-type Props = {
+type AcUploadDraggerProps = {
   className?: string;
   value?: any[];
   defaultValue?: any[];
@@ -19,7 +19,7 @@ type Props = {
   onRequest?: CustomRequest;
 } & DraggerProps;
 
-export class AcUploadDragger extends React.Component<Props> {
+export class AcUploadDragger extends React.Component<AcUploadDraggerProps> {
   static displayName = CLASS_NAME;
   static formSchema = CLASS_NAME;
   static defaultProps = {
@@ -58,3 +58,8 @@ export class AcUploadDragger extends React.Component<Props> {
     );
   }
 }
+
+export const AcUploadDraggerFc = (props: AcUploadDraggerProps) => {
+  return <AcUploadDragger {...props} />;
+};
+

package/src/lib/upload-picture-card.tsx

@@ -54,3 +54,8 @@ export class AcUploadPictureCard extends AcAbstractUpload {
     );
   }
 }
+
+export const AcUploadPictureCardFc = (props) => {
+  return <AcUploadPictureCard {...props} />;
+};
+

package/src/lib/upload-picture.tsx

@@ -20,7 +20,7 @@ export class AcUploadPicture extends AcAbstractUpload {
       return inFileList.map((item) => {
         return item.uid || item.pid || nx.gpid(item.url);
       });
-    }
+    },
   };
 
   render() {
@@ -45,3 +45,8 @@ export class AcUploadPicture extends AcAbstractUpload {
     );
   }
 }
+
+export const AcUploadPictureFc = (props) => {
+  return <AcUploadPicture {...props} />;
+};
+

package/src/lib/upload.tsx

@@ -11,7 +11,7 @@ type StdEventTarget = { target: { value: any } };
 type StdCallback = (inEvent: StdEventTarget) => void;
 type CustomRequest = (inEvent: any) => Promise<any>;
 
-type Props = {
+type AcUploadProps = {
   className?: string;
   value?: number;
   onChange?: StdCallback;
@@ -19,7 +19,7 @@ type Props = {
   btnProps?: ButtonProps;
 } & UploadProps;
 
-export class AcUpload extends React.Component<Props> {
+export class AcUpload extends React.Component<AcUploadProps> {
   static displayName = CLASS_NAME;
   static formSchema = CLASS_NAME;
   static defaultProps = {
@@ -53,3 +53,8 @@ export class AcUpload extends React.Component<Props> {
     );
   }
 }
+
+export const AcUploadFc = (props: AcUploadProps) => {
+  return <AcUpload {...props} />;
+};
+

package/src/main.ts

@@ -4,38 +4,38 @@ import { raw, checkboxRaw, radioRaw, selectRaw } from './tpls/raw';
 import { transferLabel } from './tpls/transfer';
 import { AcBreadcrumb } from './lib/breadcrumb';
 import { AcCheckableDropdown } from './lib/checkable-dropdown';
-import { AcCheckableTag } from './lib/checkable-tag';
-import { AcCheckableTagList } from './lib/checkable-tag-list';
-import { AcCheckbox } from './lib/checkbox';
-import { AcCheckboxGroup } from './lib/checkbox-group';
-import { AcCodeFlask } from './lib/codeflask';
+import { AcCheckableTag, AcCheckableTagFc } from './lib/checkable-tag';
+import { AcCheckableTagList, AcCheckableTagListFc } from './lib/checkable-tag-list';
+import { AcCheckbox, AcCheckboxFc } from './lib/checkbox';
+import { AcCheckboxGroup, AcCheckboxGroupFc } from './lib/checkbox-group';
+import { AcCodeFlask, AcCodeFlaskFc } from './lib/codeflask';
 import { AcConfirmButton } from './lib/confirm-button';
-import { AcDatePicker } from './lib/date-picker';
-import { AcEditableTagGroup } from './lib/editable-tag-group';
-import { AcInput } from './lib/input';
-import { AcInputHidden } from './lib/input-hidden';
-import { AcInputNumber } from './lib/input-number';
-import { AcInputTags } from './lib/input-tags';
-import { AcInputToken } from './lib/input-token';
-import { AcPreSelect } from './lib/pre-select';
-import { AcRadioGroup } from './lib/radio-group';
-import { AcRangePicker } from './lib/range-picker';
-import { AcRate } from './lib/rate';
-import { AcSearch } from './lib/search';
-import { AcSelect } from './lib/select';
-import { AcSlider } from './lib/slider';
-import { AcSliderRange } from './lib/slider-range';
-import { AcSwitch } from './lib/switch';
+import { AcDatePicker, AcDatePickerFc } from './lib/date-picker';
+import { AcEditableTagGroup, AcEditableTagGroupFc } from './lib/editable-tag-group';
+import { AcInput, AcInputFc } from './lib/input';
+import { AcInputHidden, AcInputHiddenFc } from './lib/input-hidden';
+import { AcInputNumber, AcInputNumberFc } from './lib/input-number';
+import { AcInputTags, AcInputTagsFc } from './lib/input-tags';
+import { AcInputToken, AcInputTokenFc } from './lib/input-token';
+import { AcPreSelect, AcPreSelectFc } from './lib/pre-select';
+import { AcRadioGroup, AcRadioGroupFc } from './lib/radio-group';
+import { AcRangePicker, AcRangePickerFc } from './lib/range-picker';
+import { AcRate, AcRateFc } from './lib/rate';
+import { AcSearch, AcSearchFc } from './lib/search';
+import { AcSelect, AcSelectFc } from './lib/select';
+import { AcSlider, AcSliderFc } from './lib/slider';
+import { AcSliderRange, AcSliderRangeFc } from './lib/slider-range';
+import { AcSwitch, AcSwitchFc } from './lib/switch';
 import { AcTable } from './lib/table';
-import { AcTextarea } from './lib/textarea';
-import { AcTimePicker } from './lib/time-picker';
-import { AcTransfer } from './lib/transfer';
+import { AcTextarea, AcTextareaFc } from './lib/textarea';
+import { AcTimePicker, AcTimePickerFc } from './lib/time-picker';
+import { AcTransfer, AcTransferFc } from './lib/transfer';
 import { AcTree } from './lib/tree';
-import { AcTreeSelect } from './lib/tree-select';
-import { AcUploadDragger } from './lib/upload-dragger';
-import { AcUploadPicture } from './lib/upload-picture';
-import { AcUploadPictureCard } from './lib/upload-picture-card';
-import { AcUpload } from './lib/upload';
+import { AcTreeSelect, AcTreeSelectFc } from './lib/tree-select';
+import { AcUploadDragger, AcUploadDraggerFc } from './lib/upload-dragger';
+import { AcUploadPicture, AcUploadPictureFc } from './lib/upload-picture';
+import { AcUploadPictureCard, AcUploadPictureCardFc } from './lib/upload-picture-card';
+import { AcUpload, AcUploadFc } from './lib/upload';
 
 import './lib/alert';
 
@@ -98,6 +98,37 @@ export {
   AcUploadPictureCard,
   AcUpload,
 
+  // --- fc ---
+  AcCheckableTagFc,
+  AcCheckableTagListFc,
+  AcCheckboxFc,
+  AcCheckboxGroupFc,
+  AcCodeFlaskFc,
+  AcDatePickerFc,
+  AcEditableTagGroupFc,
+  AcInputFc,
+  AcInputHiddenFc,
+  AcInputNumberFc,
+  AcInputTagsFc,
+  AcInputTokenFc,
+  AcPreSelectFc,
+  AcRadioGroupFc,
+  AcRangePickerFc,
+  AcRateFc,
+  AcSearchFc,
+  AcSelectFc,
+  AcSliderFc,
+  AcSliderRangeFc,
+  AcSwitchFc,
+  AcTextareaFc,
+  AcTimePickerFc,
+  AcTransferFc,
+  AcTreeSelectFc,
+  AcUploadDraggerFc,
+  AcUploadPictureFc,
+  AcUploadPictureCardFc,
+  AcUploadFc,
+
   // ---- commands ----
   useTableCommand,
 };