@zjpcy/simple-design 1.2.1 → 1.2.3

package/dist/types/components/Form/types.d.ts

@@ -0,0 +1,87 @@
+import { CSSProperties, ReactNode, MutableRefObject } from 'react';
+export interface FormProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    layout?: 'horizontal' | 'vertical' | 'inline';
+    labelSpan?: number;
+    wrapperSpan?: number;
+    initialValues?: Record<string, any>;
+    onFinish?: (values: Record<string, any>) => void;
+    onFinishFailed?: (errorInfo: any) => void;
+    colon?: boolean;
+    requiredMark?: boolean | 'optional';
+    styles?: {
+        wrapper?: CSSProperties;
+        item?: CSSProperties;
+        label?: CSSProperties;
+    };
+    formRef?: MutableRefObject<FormInstance | null>;
+    form?: FormInstance;
+}
+export interface FormItemProps {
+    name?: string;
+    label?: ReactNode;
+    required?: boolean;
+    rules?: Rule[];
+    className?: string;
+    style?: CSSProperties;
+    help?: ReactNode;
+    validateStatus?: 'success' | 'warning' | 'error' | 'validating';
+    colon?: boolean;
+    labelSpan?: number;
+    wrapperSpan?: number;
+    hidden?: boolean;
+    tooltip?: ReactNode;
+    extra?: ReactNode;
+    styles?: {
+        wrapper?: CSSProperties;
+        label?: CSSProperties;
+        input?: CSSProperties;
+        error?: CSSProperties;
+        help?: CSSProperties;
+    };
+    children?: ReactNode;
+}
+export interface Rule {
+    required?: boolean;
+    message?: string;
+    pattern?: RegExp;
+    min?: number;
+    max?: number;
+    len?: number;
+    type?: 'string' | 'number' | 'boolean' | 'method' | 'regexp' | 'integer' | 'float' | 'array' | 'object' | 'enum' | 'date' | 'url' | 'hex' | 'email';
+    validator?: (rule: Rule, value: any) => Promise<void> | void;
+    whitespace?: boolean;
+    enum?: any[];
+}
+export interface FormContextType {
+    layout: 'horizontal' | 'vertical' | 'inline';
+    labelSpan?: number;
+    wrapperSpan?: number;
+    colon: boolean;
+    requiredMark: boolean | 'optional';
+    values: Record<string, any>;
+    errors: Record<string, string>;
+    setFieldValue: (name: string, value: any) => void;
+    getFieldValue: (name: string) => any;
+    setFieldValueList: (values: Record<string, any>) => void;
+    validateField: (name: string) => Promise<void>;
+    validateFields: (names?: string[]) => Promise<Record<string, any>>;
+    resetFields: (names?: string[]) => void;
+}
+export interface FormInstance {
+    getFieldValue: (name: string) => any;
+    getFieldsValue: (names?: string[]) => Record<string, any>;
+    setFieldValue: (name: string, value: any) => void;
+    setFieldsValue: (values: Record<string, any>) => void;
+    setFields: (fields: {
+        name: string;
+        errors?: string[];
+        value?: any;
+    }[]) => void;
+    resetFields: (names?: string[]) => void;
+    validateFields: (names?: string[]) => Promise<Record<string, any>>;
+    submit: () => void;
+    destroy: () => void;
+}

package/dist/types/components/Input/InputBase.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import './Input.css';
 export interface InputProps {
-    type?: 'text';
+    type?: 'text' | 'password';
     placeholder?: string;
     width?: string | number;
     className?: string;
     style?: React.CSSProperties;
     value?: string;
+    defaultValue?: string;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
     onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;

package/dist/types/components/Modal/types.d.ts

@@ -6,7 +6,7 @@ export interface ModalProps {
     headerHeight?: number | string;
     footerHeight?: number | string;
     confirmLoading?: boolean;
-    direction?: 'center' | 'top-right' | 'bottom-right' | 'normal';
+    direction?: 'center' | 'top-right' | 'bottom-right' | 'bottom-left' | 'normal';
     top?: number;
     footer?: null | React.ReactNode;
     bordered?: boolean;

package/dist/types/components/Table/index.d.ts

@@ -9,6 +9,12 @@ export interface Column {
     fixed?: boolean | 'start' | 'end';
     /** 限制单元格内容显示的最大行数，超出时显示省略号 */
     maxLines?: number;
+    /** 是否显示提示气泡框 */
+    tooltip?: boolean;
+    /** 是否可编辑 */
+    editable?: boolean;
+    /** 编辑完成时的回调 */
+    onSave?: (record: any, value: any) => void;
     render?: (value: any, record: any, index: number) => ReactNode;
     [key: string]: any;
 }

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './Tooltip.css';
+export interface TooltipProps {
+    children: React.ReactElement;
+    title?: React.ReactNode;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    trigger?: 'hover' | 'click';
+    delay?: number;
+    open?: boolean;
+    backgroundColor?: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/types/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Tooltip';
+export type { TooltipProps } from './Tooltip';

package/dist/types/components/index.d.ts

@@ -35,3 +35,5 @@ export { default as Switch } from './Switch';
 export { default as Tabs } from './Tabs';
 export { default as Transfer } from './Transfer';
 export { default as Label } from './Label';
+export { default as Tooltip } from './Tooltip';
+export { default as Form } from './Form';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zjpcy/simple-design",
-  "version": "1.2.01",
+  "version": "1.2.3",
   "description": "IDP Studio Design System - React Component Library",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",