@para-ui/core 3.0.55 → 3.0.56

package/FormItem/index.d.ts

@@ -0,0 +1,152 @@
+import { FC, ReactElement, ReactNode } from 'react';
+import { ItemTypeProps } from './itemType';
+import { validateFunctionType } from './validateFunction';
+import { LabelProps } from '../Label';
+import { HelperTextProps } from '../HelperText';
+import './index.scss';
+export type formInputType = 'checkGroup' | 'select' | 'radioGroup' | 'textarea' | 'default' | 'switch' | 'number' | 'file' | 'comboSelect' | ReactNode | string | FC<ItemTypeProps>;
+/**
+ * 表单操作项的其他配置
+ */
+interface inputProps {
+    [name: string]: any;
+}
+/**
+ * 校验规则
+ * 一条校验规则对应一个错误提示
+ */
+export interface ruleType {
+    /**
+     * 校验方法
+     * @return {boolean | string}, 子定义校验方法时 返回 false 或 字符串 均为校验失败 true为校验通过
+     */
+    validate?: {
+        'required'?: boolean | validateFunctionType;
+        'maxlength'?: number | validateFunctionType;
+        'minLength'?: number | validateFunctionType;
+        'pattern'?: RegExp | validateFunctionType;
+        'disOnlySpace'?: boolean | validateFunctionType;
+        [name: string]: validateFunctionType | boolean | number | RegExp | undefined;
+    };
+    message?: {
+        [name: string]: string;
+    };
+}
+/**
+ * form 表单组件属性
+ * @typedef {Object} FormItemProps
+ */
+export interface FormItemProps {
+    /**
+     * 表单项形态，默认 horizontal
+     */
+    type?: 'vertical' | 'horizontal';
+    /**
+     * 输入框类型
+     * 仅支持para-ui/code/里面有的数据组件
+     */
+    itemType?: formInputType;
+    /**
+     * 输入框类型
+     * 仅支持para-ui/code/里面有的数据组件
+     */
+    InputType?: formInputType;
+    /**
+     * 输入框其他属性配置
+     */
+    inputProps?: inputProps;
+    /**
+     * label props
+     */
+    labelProps?: LabelProps;
+    /**
+     * 报错提示其他配置
+     */
+    helperTextProps?: HelperTextProps;
+    /**
+     * 文字宽度， 只对 type === vertical，状态下生效
+     */
+    labelWidth?: number;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 值改变传出
+     */
+    change?: (value: any) => void;
+    /**
+     * 不显示 该选项
+     */
+    hide?: boolean;
+    /**
+     * 提示。会有label上出现个图标提示
+     */
+    tips?: string;
+    /**
+     * 文字描述
+     */
+    label?: string | ((props: FormItemProps) => ReactNode);
+    /**
+     * 隐藏 label
+     */
+    hideLabel?: boolean;
+    /**
+     * 隐藏 error
+     */
+    hideError?: boolean;
+    /**
+     * name，一般对应后台属性，需要唯一性
+     */
+    name: string;
+    /**
+     * 校验规则
+     */
+    rules?: ruleType;
+    /**
+     * 设置值的方法
+     */
+    setValue?: Function;
+    /**
+     * 报错信息
+     */
+    errorMessage?: string;
+    /**
+     * 回填数据
+     */
+    backData?: {
+        [name: string]: any;
+    };
+    /**
+     * 是否启用必填框，不允许输入纯空格
+     */
+    disOnlySpace?: boolean;
+    /**
+     * 必填显示渲染方式
+     */
+    requiredElement?: ReactElement | string;
+    /**
+     * 隐藏默认必填标记
+     */
+    disRequiredElement?: boolean;
+    /**
+     * 其他配置
+     */
+    [name: string]: any;
+    /**
+     * 自定义class
+     */
+    className?: string;
+    /**
+     * 默认值
+     * 会被backData，回填数据替换
+     */
+    defaultValue?: any;
+}
+/**
+ * form 表单单行组件
+ * @author zhanzl
+ * @description 用于根据配置自动生成表单
+ */
+declare const FormItem: FC<FormItemProps>;
+export default FormItem;

package/FormItem/index.js

@@ -0,0 +1,78 @@
+import 'react/jsx-runtime';
+import 'react';
+export { F as default } from '../_verture/index-d03136d4.js';
+import 'clsx';
+import '../Label/index.js';
+import '../_verture/constant-66aa48a1.js';
+import '../_verture/slicedToArray-76060636.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../TextField/index.js';
+import '../_verture/typeof-498dd2b1.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '@paraview/lib';
+import '@para-ui/icons/PreviewClose';
+import '@para-ui/icons/PreviewOpen';
+import '@para-ui/icons/CloseCircle';
+import '../AutoTips/index.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '../_verture/style-inject.es-300983ab.js';
+import '../Loading/index.js';
+import '@para-ui/icons/LoadingF';
+import '../HelperText/index.js';
+import '../_verture/useGlobalProps-1b846a65.js';
+import '@para-ui/core/GlobalContext';
+import '../_verture/index-77f9e0fb.js';
+import 'rc-dropdown';
+import '../_verture/usePopupContainer-87febeb9.js';
+import 'dayjs';
+import '../Help/index.js';
+import '@para-ui/icons/Help';
+import '../RadioGroup/index.js';
+import '../Radio/index.js';
+import '../Select/index.js';
+import '../_verture/defineProperty-62acccfc.js';
+import '../_verture/toConsumableArray-81040c9e.js';
+import '../Empty/index.js';
+import '../_verture/useFormatMessage-703f8b20.js';
+import '@para-ui/icons/Close';
+import '@para-ui/icons/Down';
+import '@para-ui/icons/Check';
+import '@para-ui/icons/Search';
+import '../Popover/index.js';
+import '../CheckboxGroup/index.js';
+import '../Checkbox/index.js';
+import '../Switch/index.js';
+import 'rc-switch';
+import '@para-ui/icons/Delete';
+import '@para-ui/icons/LinkGroup';
+import '../Button/index.js';
+import '@para-ui/icons/Forbid';
+import '../InputNumber/index.js';
+import 'rc-input-number';
+import '@para-ui/icons/Up';
+import '@para-ui/icons/Minus';
+import '@para-ui/icons/Plus';
+import '../ComboSelect/index.js';
+import '../Table/index.js';
+import '../_verture/index-beef914f.js';
+import '@para-ui/icons/ScreenF';
+import '@para-ui/icons/UpTriangleF';
+import '@para-ui/icons/DownTriangleF';
+import '@para-ui/icons/Panel';
+import '../OperateBtn/index.js';
+import '@para-ui/icons/More';
+import '../Pagination/index.js';
+import '@para-ui/icons/DoubleLeft';
+import '@para-ui/icons/Left';
+import 'rc-pagination';
+import '@para-ui/icons/Right';
+import '@para-ui/icons/DoubleRight';
+import '../_verture/index-74f820ba.js';
+import 'rc-tree';
+import '@para-ui/icons/Document';
+import 'react-dom';
+import '@para-ui/icons/EditFile';
+import '@para-ui/icons/PlusCircle';
+import '@para-ui/icons/MoreCircle';

package/FormItem/itemType.d.ts

@@ -0,0 +1,42 @@
+import { FC } from 'react';
+import { formInputType, FormItemProps } from './index';
+export interface ItemTypeProps extends FormItemProps {
+    /**
+     * 输入框类型
+     */
+    itemType?: formInputType;
+    /**
+     * 状态
+     */
+    error?: boolean;
+    /**
+     * 设置错误提示
+     */
+    setError?: Function;
+    /**
+     * 输入框提示
+     */
+    placeholder?: string;
+    /**
+     * 输入框其他配置
+     */
+    inputProps?: {
+        [name: string]: any;
+    };
+    /**
+     * 设置值的方法
+     */
+    setValue?: Function;
+    /**
+     * 回填数据
+     */
+    backData: {
+        [name: string]: any;
+    };
+    [name: string]: any;
+}
+/**
+ * form 表单操作项 类型
+ */
+declare const ItemType: FC<ItemTypeProps>;
+export default ItemType;

package/FormItem/validateFunction.d.ts

@@ -0,0 +1,15 @@
+import { FormItemProps } from './index';
+/**
+* 校验表单字段类型的方法
+* @typedef {Function} validateFunctionType
+* @param {FormItemProps} item 校验表单项的所有配置信息
+* @param {any} val 校验项的值
+* @return {boolean | string} 返回校验结果或报错信息
+*/
+export type validateFunctionType = (item: FormItemProps, val: any) => boolean | string;
+/**
+* 表单rules校验方法
+* @type {validateFunctionType}
+*/
+declare const validate: validateFunctionType;
+export default validate;

package/FunctionModal/dialog.d.ts

@@ -0,0 +1,58 @@
+import React, { ReactElement } from "react";
+import { ModalProps } from '../Modal';
+import { JsxElement } from "typescript";
+import './index.scss';
+/**
+* 弹窗配置
+*/
+export interface modalOptions extends ModalProps {
+    /**
+    * 非正常关闭仍然返回true
+    */
+    disCatchOnCancel?: boolean;
+    /**
+    * 模态框大小
+    */
+    size?: 'sm' | 'md' | 'lg' | 'auto' | 'fullScreen';
+    /**
+    * 模态框标题
+    */
+    title?: string;
+    context?: ReactElement | JsxElement;
+    /**
+    * 内容
+    */
+    content?: ReactElement | JsxElement;
+    /**
+    * 检查方法，根据返回值判断是否关闭模态框
+    */
+    checkFunction?: () => boolean | Promise<boolean>;
+    /**
+    * 获得关闭模态框方法
+    */
+    getClose?: (close: Function) => void;
+    /**
+    * 模态框其他配置
+    */
+    ModalProps?: ModalProps;
+}
+interface DialogProps extends modalOptions {
+    /**
+    * 模态框状态
+    */
+    open: boolean;
+    /**
+    * 提交方法
+    */
+    onSubmit: (idx: number) => void;
+    /**
+    * 关闭方法
+    */
+    onClose: (idx: number) => void;
+    /**
+    * 模态框组下标
+    */
+    listIndex: number;
+}
+export declare const FDialog: React.FC<DialogProps>;
+export {};

package/FunctionModal/index.d.ts

@@ -0,0 +1,8 @@
+/**
+* @author zhanzl
+* @date 2021/08/13
+* @description 函数式弹窗
+*/
+import { useModal, useClose, FunctionModalProvider } from "./modalContext";
+export default useModal;
+export { useClose, FunctionModalProvider, };

package/FunctionModal/index.js

@@ -0,0 +1,43 @@
+import { u as useModal } from '../_verture/modalContext-92bb0e16.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-92bb0e16.js';
+import '../_verture/toConsumableArray-81040c9e.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/slicedToArray-76060636.js';
+import '../_verture/index-beef914f.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../Modal/index.js';
+import '../_verture/defineProperty-62acccfc.js';
+import '../_verture/typeof-498dd2b1.js';
+import 'rc-dialog';
+import '../Button/index.js';
+import 'clsx';
+import '@para-ui/icons/LoadingF';
+import '@para-ui/icons/Forbid';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '../_verture/constant-66aa48a1.js';
+import '../_verture/style-inject.es-300983ab.js';
+import '@para-ui/icons/Down';
+import '../_verture/index-77f9e0fb.js';
+import 'rc-dropdown';
+import '../_verture/usePopupContainer-87febeb9.js';
+import 'dayjs';
+import '@paraview/lib';
+import '../_verture/useFormatMessage-703f8b20.js';
+import '@para-ui/core/GlobalContext';
+import '@para-ui/icons/Close';
+import '../_verture/index-e2881a53.js';
+import 'react-dom';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/CloseCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/WarningCircleF';
+
+/**
+* @author zhanzl
+* @date 2021/08/13
+* @description 函数式弹窗
+*/

package/FunctionModal/modalContext.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { modalOptions } from "./dialog";
+/**
+ * 弹出框组件
+ * @param context 主体内容
+ * @param title 弹出框标题
+ * @param hideClose 隐藏右上角关闭图标 boolean 默认 false
+ * @param checkFunction 检查方法，返回 boolean 值，true则关闭弹窗，false反之
+ **/
+export declare const useModal: () => (options: modalOptions) => Promise<boolean>;
+/**
+* 函数弹窗组件Provider
+*/
+export declare const FunctionModalProvider: ({ children }: any) => JSX.Element;
+export declare const useClose: () => Function;

package/GlobalContext/componentsProps.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @author linhd
+ * @date 2022/5/5 4:08 PM
+ * @description 全局每个组件的props
+ */
+import { SelectProps } from "../Select";
+import { TextFieldProps } from "../TextField";
+import { TableProps } from "../Table/interface";
+import { EmptyProps } from "../Empty";
+import { QueryingProps } from "../Querying";
+import { SelectorProps } from "../Selector/interface";
+interface ComponentsProps {
+    Select?: Partial<SelectProps>;
+    TextField?: Partial<TextFieldProps>;
+    Table?: Partial<TableProps>;
+    Empty?: Partial<EmptyProps>;
+    Querying?: Partial<QueryingProps>;
+    Selector?: Partial<SelectorProps>;
+    [name: string]: any;
+}
+export default ComponentsProps;

package/GlobalContext/confirmLocale.d.ts

@@ -0,0 +1,7 @@
+export declare const changeConfirmLocale: (newLocale: {
+    [name: string]: any;
+}) => void;
+export declare const getConfirmLocale: () => {
+    cancel: string;
+    ok: string;
+};

package/GlobalContext/constant.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @author linhd
+ * @date 2022/8/12 5:27 PM
+ * @description 全局变量
+ */
+/** 组件全局class前缀 */
+export declare const $prefixCls = "paraui-v3";
+export declare const $rcPrefixCls = "component";

package/GlobalContext/index.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import { changeConfirmLocale, getConfirmLocale } from './confirmLocale';
+import ComponentsProps from "./componentsProps";
+/** 国际化props */
+export interface localeProps {
+    /** 语言 */
+    [name: string]: {
+        /** 组件名 */
+        [name: string]: {
+            /** 键值 */
+            [name: string]: any;
+        };
+    };
+}
+export interface GlobalContextProps {
+    /** 当前语言 */
+    language?: string;
+    /** 所有语言配置 name为语言列表 */
+    locale?: localeProps;
+    /** intlFormat, 国际化语言 */
+    intlFormat?: Function;
+    /** 每个组件的默认props */
+    componentsProps?: ComponentsProps;
+    [name: string]: any;
+}
+declare const GlobalContext: React.Context<GlobalContextProps>;
+export { changeConfirmLocale, getConfirmLocale };
+export default GlobalContext;

package/GlobalContext/index.js

@@ -0,0 +1,41 @@
+import React__default from 'react';
+import { i as i18nIntl } from '../_verture/intl-5cbb940c.js';
+import { GetLanguage } from '@paraview/lib';
+import { d as defaultModalLocale } from '../_verture/index-e2881a53.js';
+import '../_verture/typeof-498dd2b1.js';
+import 'react/jsx-runtime';
+
+//confirm 默认中文
+var confirmRuntimeLocale = Object.assign({}, defaultModalLocale['zh']);
+var changeConfirmLocale = function changeConfirmLocale(newLocale) {
+  var confirmLocale = newLocale['Confirm'];
+  if (confirmLocale) {
+    confirmRuntimeLocale = Object.assign(Object.assign({}, confirmRuntimeLocale), confirmLocale);
+  } else {
+    confirmRuntimeLocale = Object.assign({}, defaultModalLocale['zh']);
+  }
+};
+var getConfirmLocale = function getConfirmLocale() {
+  return confirmRuntimeLocale;
+};
+
+var GlobalContext = /*#__PURE__*/React__default.createContext({
+  language: GetLanguage(),
+  // 防止不包provider,有国际化组件报错
+  intlFormat: function intlFormat(comName, defI18nData) {
+    return function (ops, params) {
+      var lang = GetLanguage();
+      return i18nIntl({
+        ops: ops,
+        i18nData: {},
+        lang: lang,
+        params: params,
+        defI18nData: defI18nData
+      });
+    };
+  },
+  // 每个组件的默认props
+  componentsProps: {}
+});
+
+export { changeConfirmLocale, GlobalContext as default, getConfirmLocale };

package/GlobalContext/intl.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 替换字符串模版变量
+ * @param str
+ * @param params
+ */
+export declare const replaceStrTemplateVars: (str: string, vars?: any) => any;
+export interface I18nData {
+    /**
+     * 语言
+     */
+    [lang: string]: {
+        /**
+         * 字段键值
+         */
+        [key: string]: string;
+    };
+}
+/**
+ * 国际化获取方法
+ * @param ops   国际化取值key参数
+ * @param i18nData  国际化数据对象
+ * @param params    国际化字符变量对象
+ * @param lang      指定国际化语言
+ * @param defI18nData   默认国际化数据对象
+ */
+export declare const i18nIntl: (props: {
+    ops: string | {
+        id: string;
+    };
+    i18nData: I18nData;
+    lang: string;
+    params?: object;
+    defI18nData?: I18nData;
+}) => any;

package/GlobalContext/useFormatMessage.d.ts

@@ -0,0 +1,3 @@
+import { I18nData } from "./intl";
+declare const useFormatMessage: (comName: string, defI18nData: I18nData) => any;
+export default useFormatMessage;

package/GlobalContext/usePopupContainer.d.ts

@@ -0,0 +1,4 @@
+type PopupContainer = (triggerNode: HTMLElement) => HTMLElement;
+export declare function getNearestOverflowAncestor(node: Node): HTMLElement;
+export default function usePopupContainer(wrapRef: any, customizeContainer?: PopupContainer): (triggerNode: HTMLElement) => HTMLElement;
+export {};

package/Help/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @author Hanz
+ * @date 2021/8/27 下午1:29
+ * @description help
+ */
+import React, { FunctionComponent } from 'react';
+import { TooltipProps } from '../Tooltip';
+import './index.scss';
+export interface HelpProps extends Omit<TooltipProps, 'children'> {
+    /** 提示文字 */
+    title: NonNullable<React.ReactNode>;
+    /** 是否显示箭头 */
+    arrow?: boolean;
+    /** 位置 */
+    placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
+    /** cls */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 子节点 */
+    children?: React.ReactNode;
+}
+declare const Help: FunctionComponent<HelpProps>;
+export default Help;

package/Help/index.js

@@ -0,0 +1,41 @@
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsx } from 'react/jsx-runtime';
+import { Tooltip } from '../Tooltip/index.js';
+import HelpIcon from '@para-ui/icons/Help';
+import clsx from 'clsx';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/slicedToArray-76060636.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import 'react';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/12/2 下午8:14\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-help {\n  display: inline-block;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-help:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-help svg {\n  font-size: inherit;\n  color: inherit;\n}";
+styleInject(css_248z);
+
+//help
+var Help = function Help(props) {
+  var _props$title = props.title,
+    title = _props$title === void 0 ? '' : _props$title,
+    children = props.children,
+    _props$arrow = props.arrow,
+    arrow = _props$arrow === void 0 ? true : _props$arrow,
+    className = props.className,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'top' : _props$placement,
+    restProps = __rest(props, ["title", "children", "arrow", "className", "placement"]);
+  return jsx(Tooltip, Object.assign({
+    title: title,
+    arrow: arrow,
+    placement: placement
+  }, restProps, {
+    children: jsx("span", Object.assign({
+      className: clsx($prefixCls + '-help', className)
+    }, {
+      children: children || jsx(HelpIcon, {})
+    }))
+  }));
+};
+
+export { Help as default };

package/HelperText/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @author linhd
+ * @date 2022/3/22 3:23 PM
+ * @description 表单报错提示
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import './index.scss';
+export interface HelperTextDetailProps {
+    /**
+     * true 没有错误的时候,不渲染
+     * false 都渲染
+     * null 不渲染,直接返回null
+     * */
+    hideErrorDom?: boolean | null;
+    /** 是否显示错误 */
+    error?: boolean;
+    /** 错误提示 */
+    helperText?: ReactNode;
+}
+export interface HelperTextProps extends HelperTextDetailProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+}
+declare const HelperText: FunctionComponent<HelperTextProps>;
+export default HelperText;