@para-ui/core 2.2.5-beta → 2.2.7

package/PageHeader/interface.d.ts

@@ -0,0 +1,167 @@
+/**
+ * @author linhd
+ * @date 2021/8/10 14:24
+ * @description 菜单参数
+ */
+import React, { ReactNode } from 'react';
+/** 菜单类型 */
+export declare type MenuListTypeType = 'redirect' | 'router' | "iframe" | "snack" | "snackPage";
+/** 菜单列表项参数 */
+export interface MenuChildrenProps {
+    /** 样式class */
+    className?: string;
+    /** 菜单名 */
+    label?: ReactNode;
+    /** 菜单类型 */
+    type?: MenuListTypeType;
+    /** 菜单路径 */
+    path?: string;
+    /** 菜单图标 */
+    icon?: ReactNode;
+    /** 菜单组件 */
+    component?: any;
+    /** 子菜单 */
+    children?: MenuChildrenProps[];
+    /** 菜单最后一层所有上下级 一条线 */
+    idMenuLast?: any;
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+    [name: string]: any;
+}
+/** 菜单列表参数 */
+export interface MenuListProps {
+    /** 菜单列表参数 */
+    list?: MenuChildrenProps[];
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+    /** 样式class */
+    className?: string;
+    /** 自定义更多内容 */
+    moreCustomize?: ReactNode;
+    [name: string]: any;
+}
+/** 语言 */
+export interface LanguageItemProps {
+    /** 图标 */
+    icon?: ReactNode;
+    /** 文字 */
+    label?: ReactNode;
+    /** 值 */
+    value?: string;
+    [name: string]: any;
+}
+/** 语言 */
+export interface LanguageProps {
+    /** 样式class */
+    className?: string;
+    /** 当前选中的语言 */
+    selectLang?: string;
+    /** 语言列表 */
+    language?: LanguageItemProps[];
+    /** 点击下拉语言 */
+    onClick?: (val: any, item: LanguageItemProps) => void;
+    /** 自定义 */
+    render?: ReactNode;
+}
+export interface BackSelfcareProps {
+    /** 图标 */
+    icon?: ReactNode;
+    /** 标题 */
+    label?: ReactNode;
+    /** 自定义 */
+    render?: ReactNode;
+    /** 样式class */
+    className?: string;
+    /** 点击事件 */
+    onClick?: (e: any) => void;
+}
+/** 按钮listItem */
+export interface BtnListItemProps {
+    /** 图标 */
+    icon?: ReactNode;
+    /** 标题 */
+    label?: ReactNode;
+    /** 值 */
+    value?: string;
+    /** 标记 */
+    sign?: boolean;
+    [name: string]: any;
+}
+/** 按钮列表 */
+export interface BtnListProps {
+    /** 按钮list */
+    list?: BtnListItemProps[];
+    /** 自定义 */
+    render?: ReactNode;
+    /** 样式class */
+    className?: string;
+    /** 点击事件 */
+    onClick?: (item: BtnListItemProps, e: any) => void;
+}
+/** 用户下拉菜单 */
+export interface UserListProps {
+    /** 图标 */
+    icon?: ReactNode;
+    /** 标题 */
+    label?: ReactNode;
+    /** 值 */
+    value?: string;
+    [name: string]: any;
+}
+/** 用户信息 */
+export interface UserProps {
+    /** 样式class */
+    className?: string;
+    /** 图片地址 */
+    img?: string;
+    /** imgRender */
+    imgRender?: ReactNode;
+    /** 显示名 */
+    label?: ReactNode;
+    /** 自定义 */
+    render?: ReactNode;
+    /** 下拉菜单选中的值 */
+    selectValue?: any;
+    /** 下拉菜单 */
+    list?: UserListProps[];
+    /** 点击用户 */
+    onClick?: (e: any) => void;
+    /** 点击下拉菜单 */
+    onClickMenu?: (val: any, item: UserListProps) => void;
+}
+/** 尾部导航 */
+export interface FooterProps {
+    /** 样式class */
+    className?: string;
+    /** 返回自助参数 */
+    backSelfcareProps?: BackSelfcareProps;
+    /** 语言参数 */
+    languageProps?: LanguageProps;
+    /** 按钮list */
+    btnListProps?: BtnListProps;
+    /** 用户参数 */
+    userProps?: UserProps;
+    /** 自定义 */
+    render?: ReactNode;
+}
+/** 菜单参数 */
+export interface PageHeaderProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 左侧自定义内容 */
+    leftRender?: ReactNode;
+    /** 菜单配置 */
+    menuListProps?: MenuListProps;
+    /** 右侧参数 */
+    footerProps?: FooterProps;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+}

package/Pagination/index.d.ts

@@ -1,20 +1,15 @@
-import React__default, { FunctionComponent } from 'react';
-import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/10/26 13:57\n* @description 分页样式\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-pagination {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  opacity: 1;\n}\n.paraui-pagination.paraui-pagination-over {\n  overflow: hidden;\n  height: 32px;\n  opacity: 0;\n  transition: all 0.3s;\n}\n.paraui-pagination > .total-num {\n  margin-right: 24px;\n}\n.paraui-pagination > .current-page {\n  margin-right: 24px;\n}\n.paraui-pagination > .current-page > .current-page-num {\n  color: rgb(46, 55, 67);\n  margin-right: 4px;\n  margin-left: 4px;\n}\n.paraui-pagination > .current-page > .current-page-sign {\n  margin-right: 3px;\n}\n.paraui-pagination > .page-line-memo {\n  margin-right: 24px;\n}\n.paraui-pagination > .page-line-memo > span {\n  display: inline-block;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n.paraui-pagination > .page-line-memo .paraui-select {\n  min-width: 80px;\n  width: inherit;\n  vertical-align: middle;\n}\n.paraui-pagination > .page-line-memo .paraui-select > .paraui-helper-text {\n  display: none;\n}\n.paraui-pagination > .pagination-content {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  height: 32px;\n  line-height: 30px;\n  padding: 0 12px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-pagination > .pagination-content > .left-page, .paraui-pagination > .pagination-content > .right-page {\n  display: inline-block;\n}\n.paraui-pagination > .pagination-content > .left-page > div, .paraui-pagination > .pagination-content > .right-page > div {\n  display: inline-block;\n  line-height: 0;\n  vertical-align: top;\n  cursor: pointer;\n  width: 20px;\n  height: 20px;\n  border-radius: 2px;\n  margin-right: 8px;\n  position: relative;\n  top: 5px;\n}\n.paraui-pagination > .pagination-content > .left-page > div.disabled-btn, .paraui-pagination > .pagination-content > .right-page > div.disabled-btn {\n  cursor: not-allowed;\n}\n.paraui-pagination > .pagination-content > .left-page > div.disabled-btn > svg, .paraui-pagination > .pagination-content > .right-page > div.disabled-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-pagination > .pagination-content > .left-page > div.disabled-btn:hover, .paraui-pagination > .pagination-content > .right-page > div.disabled-btn:hover {\n  background-color: white;\n}\n.paraui-pagination > .pagination-content > .left-page > div.disabled-btn:hover > svg, .paraui-pagination > .pagination-content > .right-page > div.disabled-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-pagination > .pagination-content > .left-page > div:last-child, .paraui-pagination > .pagination-content > .right-page > div:last-child {\n  margin-right: 0;\n}\n.paraui-pagination > .pagination-content > .left-page > div:hover, .paraui-pagination > .pagination-content > .right-page > div:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-pagination > .pagination-content > .left-page > div:hover > svg, .paraui-pagination > .pagination-content > .right-page > div:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-pagination > .pagination-content > .left-page > div > svg, .paraui-pagination > .pagination-content > .right-page > div > svg {\n  font-size: 16px;\n  position: relative;\n  top: 2px;\n  left: 2px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-pagination > .pagination-content > .left-page {\n  margin-right: 8px;\n}\n.paraui-pagination > .pagination-content > .rc-pagination {\n  height: 100%;\n  display: inline-block;\n  box-shadow: none;\n  vertical-align: top;\n  line-height: 30px;\n}\n.paraui-pagination > .pagination-content > .rc-pagination > li {\n  min-width: 20px;\n  height: 20px;\n  line-height: 20px;\n  display: inline-block;\n  text-align: center;\n  cursor: pointer;\n  border-radius: 2px;\n  padding: 0 5px;\n  margin: 0 3px;\n}\n.paraui-pagination > .pagination-content > .rc-pagination > li:first-child, .paraui-pagination > .pagination-content > .rc-pagination > li:last-child {\n  display: none;\n}\n.paraui-pagination > .pagination-content > .rc-pagination > li.rc-pagination-next {\n  display: none;\n}\n.paraui-pagination > .pagination-content > .rc-pagination > li:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-pagination > .pagination-content > .rc-pagination > li.rc-pagination-item-active {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-pagination > .pagination-content > .right-page {\n  margin-left: 8px;\n}\n.paraui-pagination > .skip-page-memo {\n  margin-left: 24px;\n  display: flex;\n  align-items: center;\n}\n.paraui-pagination > .skip-page-memo > span {\n  margin-right: 8px;\n}\n.paraui-pagination > .skip-page-memo > .paraui-text-field {\n  width: 58px;\n}\n.paraui-pagination > .skip-page-memo > .paraui-text-field .right-icon {\n  margin-right: 8px;\n}\n.paraui-pagination > .skip-page-memo > .paraui-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 8px;\n  padding-right: 4px;\n}\n.paraui-pagination > .skip-page-memo > .paraui-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding: 0 8px;\n}\n.paraui-pagination > .skip-page-memo > .paraui-text-field > .paraui-helper-text {\n  display: none;\n}";
-styleInject(css_248z);
-
 /**
  * @author linhd
  * @date 2021/10/26 13:57
  * @description 分页
  */
-
-interface PaginationProps {
+import React, { FunctionComponent } from 'react';
+import './index.scss';
+export interface PaginationProps {
     /** class名称 */
     className?: string;
     /** style */
-    style?: React__default.CSSProperties;
+    style?: React.CSSProperties;
     /** 模式 */
     type?: 'simple' | 'complex';
     /** 自适应模式 只有type=complex生效 */
@@ -34,6 +29,5 @@ interface PaginationProps {
     /** 改变每页行数 */
     changeRowsPerPage?: (num: number) => void;
 }
-declare const Pagination: FunctionComponent<PaginationProps>;
-
-export { Pagination, PaginationProps, Pagination as default };
+export declare const Pagination: FunctionComponent<PaginationProps>;
+export default Pagination;