@pisell/materials 1.0.724 → 1.0.725

package/lib/components/table/types.d.ts

@@ -0,0 +1,253 @@
+import { FilterType } from "../filter/types";
+import { SortItemProps } from "../sort/types";
+import React from "react";
+export declare type StorageMode = "" | "localStorage";
+/**
+ * 排序总配置
+ */
+export declare type SortType = {
+    /** 排序是否展示 */
+    show: boolean;
+    /** 排序存储模式 */
+    storageMode: StorageMode;
+    list: SortItemProps[];
+};
+/**
+ * 列展示总配置
+ */
+export declare type ColumnSettingType = {
+    /** 列设置是否展示 */
+    show: boolean;
+    /** 列设置存储模式 */
+    storageMode: StorageMode;
+};
+declare type DataSourceListItemType = {
+    isCustom: boolean;
+    columnKey?: string;
+    label?: string;
+    name?: string | string[];
+    isHidden?: boolean;
+};
+/**
+ * 数据源分组总配置
+ */
+export declare type DataSourceGroupType = {
+    /** 分组设置是否展示 */
+    show: boolean;
+    /** 分组设置存储模式 */
+    storageMode: StorageMode;
+    /**  */
+    list: DataSourceListItemType[];
+};
+/**
+ * Gallery封面总配置
+ */
+declare type GalleryCoverType = {
+    /** 封面是否展示 */
+    show: boolean;
+    /**
+     * 封面图片可以使用的字段
+     */
+    fields: string[];
+    /**
+     * 封面高度
+     */
+    height: number;
+    /** 图片裁剪方式 */
+    objectFit: "fill" | "cover";
+};
+/**
+ * Gallery标题总配置
+ */
+declare type GalleryTitleType = {
+    /** 标题使用的字段 */
+    field: string;
+    /** 标题行数 */
+    line: number;
+};
+/**
+ * Gallery头部区域总配置
+ */
+declare type GalleryHeaderType = {
+    /** 头部区域插槽 */
+    slot?: (record: Record<string, any>, index: number) => React.ReactNode;
+    /** 头部区域其他字段设置 */
+    fields: {
+        /** 头部区域其他字段是否展示 */
+        show: boolean;
+        /** 头部区域其他字段 */
+        list: string[];
+    };
+};
+/**
+ * Gallery内容区域总配置
+ */
+declare type GalleryContentType = {
+    /** 内容区域字段配置 */
+    fields: {
+        columnKey: string;
+        show: boolean;
+    }[];
+    /** 是否展示标题 */
+    showLabel?: boolean;
+};
+export declare type GallerySettingValueType = {
+    coverField: string | "noCover";
+    coverObjectFit: "fill" | "cover";
+    compactMode: "default" | "compact";
+    isShowLabel: boolean;
+};
+/**
+ * Gallery底部区域总配置
+ */
+declare type GalleryFooterType = {
+    /** 底部区域自定义渲染 */
+    render: (record: Record<string, any>, index: number) => React.ReactNode;
+    /** 底部区域高度 */
+    height: number;
+};
+/**
+ * Gallery模式总配置
+ */
+export declare type GallerySettingType = {
+    /** 卡片最小宽度 */
+    cardMinWidth: number;
+    /** 卡片最大宽度 */
+    cardMaxWidth: number;
+    /** 水平间隔 */
+    horizontalGutter: number;
+    /** 垂直间隔 */
+    verticalGutter: number;
+    /** 封面配置 */
+    cover: GalleryCoverType;
+    /** 标题配置 */
+    title: GalleryTitleType;
+    /** 头部区域 */
+    header: GalleryHeaderType;
+    /** 内容区域 */
+    content: GalleryContentType;
+    /** 固定高度 */
+    fixedHeight: boolean;
+    /** 固定的卡片高度 */
+    cardHeight: number;
+    /** 固定顶部 */
+    fixedHeader: boolean;
+    /** 固定底部 */
+    fixedFooter: boolean;
+    /** 底部区域 */
+    footer: GalleryFooterType;
+    /** 卡片点击时间 */
+    onItem: (record: Record<string, any>, index: number) => void;
+};
+/** 视图模式 */
+export declare type ModeType = "grid" | "gallery" | "kanban";
+/**
+ * 视图模式总配置
+ */
+export declare type GridViewType = {
+    /** 默认视图模式 */
+    defaultViewMode: ModeType;
+    /** 开启多视图模式可进行页面内转换 */
+    multiple: boolean;
+    /** 当前可用的视图模式列表 */
+    modeList: ModeType[];
+};
+declare type SortDetail = {
+    fromIndex: number;
+    toIndex: number;
+    dataSource: Record<string, any>[];
+    fromId: number | string;
+    toId: number | string;
+    fromItem: Record<string, any>;
+    toItem: Record<string, any>;
+};
+/** 导入导出模式 */
+export declare type ExportImportModeType = "import" | "export" | "export_file" | "import_log";
+/**
+ * @title: 导出导入api
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-11 15:44
+ */
+export declare type ApiProps = {
+    export?: string;
+    import?: string;
+    export_file: string;
+    import_log?: string;
+    template?: string;
+};
+/**
+ * 导入导出配置
+ */
+export declare type ExportImportType = {
+    /** 是否展示 */
+    show: boolean;
+    /** 当前所选项 */
+    selectLists: string[];
+    /** 导入模版链接 */
+    templateFileUrl: string;
+    /** 标题 */
+    title: string;
+    hiddenKeys?: string[];
+    apiUrl?: ApiProps;
+    otherParams?: any;
+};
+export declare type GridViewProps = {
+    columns: any;
+    dataSource: any[];
+    dispatch: any;
+    /**
+     * 画册模式的配置
+     */
+    gallery: GallerySettingType;
+    /**
+     * 视图设置
+     */
+    view: GridViewType;
+    style: React.CSSProperties;
+    pagination: any;
+    filter: FilterType;
+    buttons: React.ReactNode | any[];
+    actionButtons: any;
+    sort: SortType;
+    title?: React.ReactNode | (() => React.ReactNode);
+    showTitle?: boolean;
+    subTitle?: React.ReactNode | (() => React.ReactNode);
+    showSubTitle?: boolean;
+    exportImport: ExportImportType;
+    onValuesChange: (changedValues: any, values: any) => void;
+    summary: any;
+    utils: any;
+    rowKey: ((record: Record<string, any>) => string) | string;
+    columnSetting?: ColumnSettingType;
+    dataSourceGroup?: DataSourceGroupType;
+    loading: boolean;
+    dragSort: boolean;
+    onSortChange?: (detail: SortDetail) => boolean;
+    __id?: string;
+    __designMode?: "design";
+    /**
+     * 当前本地配置的key 用此hash是否改变用来判断是否清空本地配置 不填默认使用columns数据生成hash
+     */
+    currentSettingKey?: string;
+    /**
+    * 当前本地配置的唯一值, 不填默认使用currentSettingKey
+    */
+    currentComponentId?: string;
+    /**
+     * 当前表格中数据发生变化事件 包含本地筛选和外部传入数据变化
+     * @param currentDataSource
+     */
+    onDataSourceChange?: (currentDataSource: Record<string, any>[]) => void;
+    tabs: {
+        show: boolean;
+        type: 'default' | 'button' | 'buttonGroup' | 'dropdown';
+        items: {
+            name: string;
+            filterBy?: Record<string, any>;
+            sortBy?: string;
+        }[];
+    };
+};
+export {};

package/lib/components/time-picker/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const TimePicker: (props: any) => JSX.Element;
 export default TimePicker;

package/lib/components/upload/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Upload: (props: any) => JSX.Element;
 export default Upload;

package/lib/components/versionModal/index.js

@@ -50,10 +50,8 @@ var parseVersion = (version) => {
 var isVersionValid = (customVersion, currentVersion) => {
   const [cMajor, cMinor, cPatch] = parseVersion(customVersion);
   const [liveMajor, liveMinor, livePatch] = parseVersion(currentVersion);
-  if (cMajor > liveMajor)
-    return true;
-  if (cMajor === liveMajor && cMinor > liveMinor)
-    return true;
+  if (cMajor > liveMajor) return true;
+  if (cMajor === liveMajor && cMinor > liveMinor) return true;
   if (cMajor === liveMajor && cMinor === liveMinor && cPatch > livePatch)
     return true;
   return false;

package/lib/components/versionSelect/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from 'antd';
 import './index.less';
 export interface Version {

package/lib/components/versionSelect/index.js

@@ -39,21 +39,15 @@ var import_pisellTags = __toESM(require("../pisellTags"));
 var import_locales = require("../../locales");
 var import_index = require("./index.less");
 var getStatusColor = (status) => {
-  if (status === "live")
-    return "success";
-  if (status === "draft")
-    return "gray";
-  if (status === "deprecated")
-    return "error";
+  if (status === "live") return "success";
+  if (status === "draft") return "gray";
+  if (status === "deprecated") return "error";
   return "gray";
 };
 var getStatusText = (status) => {
-  if (status === "live")
-    return (0, import_locales.getText)("pisell-lowcode-app-version-control-live");
-  if (status === "draft")
-    return (0, import_locales.getText)("pisell-lowcode-app-version-control-draft");
-  if (status === "deprecated")
-    return (0, import_locales.getText)("pisell-lowcode-app-version-control-deprecated");
+  if (status === "live") return (0, import_locales.getText)("pisell-lowcode-app-version-control-live");
+  if (status === "draft") return (0, import_locales.getText)("pisell-lowcode-app-version-control-draft");
+  if (status === "deprecated") return (0, import_locales.getText)("pisell-lowcode-app-version-control-deprecated");
 };
 var VersionSelect = (props) => {
   const { versions, value, onChange, ...rest } = props;

package/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./Presets.less";
 export declare type PresetsItem = {
     label: string;

package/lib/components/virtual-keyboard/BaseNumberKeyboard/index.js

@@ -182,14 +182,12 @@ var BaseNumberKeyboard = (props) => {
   };
   const handleChangeValue = (val) => {
     const detail = checkValue(val);
-    if (detail)
-      return;
+    if (detail) return;
     setValue(val);
   };
   const actions = {
     ".": (val) => {
-      if (value.includes("."))
-        return;
+      if (value.includes(".")) return;
       actions.default(val);
     },
     delete: () => {

package/lib/components/virtual-keyboard/Number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface NumberProps {
     max?: number;
     min?: number;

package/lib/components/virtual-keyboard/Time/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Item } from "../Keyboard";
+import "./index.less";
+export interface VirtualKeyboardTimeProps extends React.HTMLAttributes<HTMLDivElement> {
+    style?: React.CSSProperties;
+    onChange?: (value?: any) => void;
+    value?: any;
+    items?: Item[];
+    onEnter?: (value: any) => void;
+    rightPanel?: React.ReactNode;
+}
+declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => JSX.Element;
+export default VirtualKeyboardTime;

package/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

package/lib/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 export interface VirtualKeyInputProps extends InputProps {

package/lib/components/walletCard/index.js

@@ -84,12 +84,9 @@ var DEFAULT_PROPS = {
   ]
 };
 var toBooleanValue = (value) => {
-  if (value === void 0)
-    return false;
-  if (value === 0 || value === "0")
-    return false;
-  if (value === 1 || value === "1")
-    return true;
+  if (value === void 0) return false;
+  if (value === 0 || value === "0") return false;
+  if (value === 1 || value === "1") return true;
   return !!value;
 };
 var useCodeModal = (cardNo, onCodeClick) => {
@@ -175,8 +172,7 @@ var CardItem = ({ item, symbol }) => {
 var CardContent = ({ items, symbol }) => {
   const expectedOrder = ["piont", "balance", "discount", "voucher"];
   const sortedItems = (0, import_react.useMemo)(() => {
-    if (!(items == null ? void 0 : items.length))
-      return [];
+    if (!(items == null ? void 0 : items.length)) return [];
     return [...items].sort((a, b) => {
       const indexA = expectedOrder.indexOf(a.key);
       const indexB = expectedOrder.indexOf(b.key);
@@ -195,8 +191,7 @@ var CardContent = ({ items, symbol }) => {
   );
 };
 var CodeDisplay = ({ codeType, cardNo }) => {
-  if (!cardNo)
-    return null;
+  if (!cardNo) return null;
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-code" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-code-qrcode" }, codeType === "barCode" ? /* @__PURE__ */ import_react.default.createElement(import_react_barcode.default, { value: cardNo, displayValue: false, height: 114, width: 3 }) : /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size: 250, value: cardNo, bordered: false }), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-code-qrcode-value" }, cardNo)));
 };
 var blockEvent = (e) => {

package/lib/hooks/useCssVariables.js

@@ -26,8 +26,7 @@ var import_react = require("react");
 var useCssVariables = (props) => {
   const { variables, ref } = props;
   (0, import_react.useEffect)(() => {
-    if (!ref)
-      return;
+    if (!ref) return;
     Object.entries(variables).forEach(([key, value]) => {
       ref.current.style.setProperty(key, value);
     });

package/lib/hooks/useResponsive.js

@@ -35,8 +35,7 @@ var responsiveConfig = {
 function handleResize() {
   const oldInfo = info;
   calculate();
-  if (oldInfo === info)
-    return;
+  if (oldInfo === info) return;
   for (const subscriber of subscribers) {
     subscriber();
   }
@@ -58,8 +57,7 @@ function calculate() {
 }
 function configResponsive(config) {
   responsiveConfig = config;
-  if (info)
-    calculate();
+  if (info) calculate();
 }
 function useResponsive() {
   if (import_utils.isBrowser && !listening) {
@@ -70,8 +68,7 @@ function useResponsive() {
   }
   const [state, setState] = (0, import_react.useState)(info);
   (0, import_react.useEffect)(() => {
-    if (!import_utils.isBrowser)
-      return;
+    if (!import_utils.isBrowser) return;
     if (!listening) {
       window.addEventListener("resize", handleResize);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.724",
+  "version": "1.0.725",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -72,8 +72,8 @@
     "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "1.0.115",
-    "@pisell/utils": "1.0.43",
-    "@pisell/icon": "0.0.10"
+    "@pisell/icon": "0.0.10",
+    "@pisell/utils": "1.0.43"
   },
   "peerDependencies": {
     "react": "^18.0.0",