@pisell/materials 3.3.84 → 3.3.85

package/lib/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filters" | "filter_setting")[];
+}) => ("filters" | "column_setting" | "gallery_setting" | "order_by" | "group_by" | "view_mode" | "filter_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

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

@@ -0,0 +1,268 @@
+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;
+    }[];
+};
+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 LocalSettingsScope = "filters" | "sorting" | "columns";
+/**
+ * 本地记忆设置
+ */
+export declare type LocalSettingsType = {
+    /** 启用设置记忆 */
+    enable: boolean;
+    /** 记忆范围 */
+    scope: LocalSettingsScope[];
+    /** 不需要记忆的筛选字段（当 scope 包含 filters 时生效） */
+    excludedFilterFields?: string[];
+};
+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;
+        }[];
+    };
+    /** 本地记忆设置 */
+    localSettings?: LocalSettingsType;
+};
+export {};

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Version } from '../versionSelect';
+import './index.less';
+interface PublishVersionModalProps {
+    visible: boolean;
+    currentVersion: string;
+    onCancel: () => void;
+    onConfirm: (data: VersionData) => void;
+    isShowNote?: boolean;
+    confirmLoading?: boolean;
+    versions?: Version[];
+    isShowBasedOn?: boolean;
+    isShowCurrentVersion?: boolean;
+    isValidateVersion?: boolean;
+}
+interface VersionData {
+    version: string;
+    note: string;
+    baseVersion?: string;
+    versionType?: string;
+}
+declare const PublishVersionModal: React.FC<PublishVersionModalProps>;
+export default PublishVersionModal;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import "./Presets.less";
+export declare type PresetsItem = {
+    label: string;
+    value: number | string;
+};
+export interface PresetsProps {
+    presets?: PresetsItem[];
+    onChange: (val: string) => void;
+}
+declare const Presets: (props: PresetsProps) => React.JSX.Element | null;
+export default Presets;

package/lib/components/virtualInput/BaseVirtualInput/index.less

@@ -76,7 +76,7 @@
 .pisell-base-virtual-input-caret {
   width: 2px;
   height: var(--virtual-input-caret-height);
-  background-color: var(--theme-color, #7f56d9);
+  background-color: var(--color-primary, #5d3f9f);
   border-radius: 1px;
   animation: pisell-base-virtual-input-caret-blink 1s infinite;
 }
@@ -107,7 +107,7 @@
       right: -1px;
       transform: translateY(-50%);
       height: 1.2em;
-      background-color: var(--theme-color, #7f56d9);
+      background-color: var(--color-primary, #5d3f9f);
       pointer-events: none;
       z-index: -1;
     }

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

@@ -17,6 +17,11 @@ export interface VirtualInputProps extends BaseVirtualInputProps {
     onClear?: () => void;
     /** 自定义清除按钮的样式 */
     clearButtonStyle?: React.CSSProperties;
+    theme?: {
+        token?: {
+            colorPrimary?: string;
+        };
+    };
 }
 export interface VirtualInputRef extends BaseVirtualInputRef {
 }

package/lib/components/virtualInput/index.js

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
 var import_icon = __toESM(require("../icon"));
 var import_BaseVirtualInput = __toESM(require("./BaseVirtualInput"));
+var import_useThemeTokens = __toESM(require("../../hooks/useThemeTokens"));
 var import_index = require("./index.less");
 var VirtualInput = (0, import_react.forwardRef)(
   ({
@@ -47,9 +48,11 @@ var VirtualInput = (0, import_react.forwardRef)(
     onClear,
     value,
     clearButtonStyle = {},
+    theme,
     ...virtualInputProps
   }, ref) => {
     const baseInputRef = (0, import_react.useRef)(null);
+    const { colorPrimary } = (0, import_useThemeTokens.default)(theme);
     const handleClear = () => {
       onClear == null ? void 0 : onClear();
     };
@@ -67,7 +70,10 @@ var VirtualInput = (0, import_react.forwardRef)(
       "div",
       {
         className: (0, import_classnames.default)("pisell-virtual-input-wrapper", wrapperClassName),
-        style: wrapperStyle
+        style: {
+          ...wrapperStyle || {},
+          ["--color-primary"]: colorPrimary
+        }
       },
       topContent,
       /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-input-container" }, allowClear && /* @__PURE__ */ import_react.default.createElement(

package/lib/hooks/useResponsive.d.ts

@@ -1,4 +1,4 @@
 declare type ResponsiveConfig = Record<string, number>;
 export declare function configResponsive(config: ResponsiveConfig): void;
-export default function useResponsive(): "pc" | "phone" | "ipad";
+export default function useResponsive(): "pc" | "ipad" | "phone";
 export {};

package/lib/hooks/useThemeTokens.d.ts

@@ -0,0 +1,7 @@
+declare type ThemeInput = {
+    token?: {
+        colorPrimary?: string;
+    };
+};
+declare const useThemeTokens: (themeInput?: ThemeInput) => any;
+export default useThemeTokens;

package/lib/hooks/useThemeTokens.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useThemeTokens.ts
+var useThemeTokens_exports = {};
+__export(useThemeTokens_exports, {
+  default: () => useThemeTokens_default
+});
+module.exports = __toCommonJS(useThemeTokens_exports);
+var import_antd = require("antd");
+var themeTokenCache = /* @__PURE__ */ new Map();
+var useThemeTokens = (themeInput) => {
+  var _a;
+  const { useToken, getDesignToken } = import_antd.theme;
+  const { token: antdToken } = useToken();
+  const overrideColorPrimary = ((_a = themeInput == null ? void 0 : themeInput.token) == null ? void 0 : _a.colorPrimary) || antdToken.colorPrimary;
+  const cached = themeTokenCache.get(overrideColorPrimary);
+  if (cached) return cached;
+  const computed = getDesignToken({
+    token: { colorPrimary: overrideColorPrimary }
+  });
+  themeTokenCache.set(overrideColorPrimary, computed);
+  return computed;
+};
+var useThemeTokens_default = useThemeTokens;

package/lowcode/auto-resize-text/meta.ts

@@ -9,7 +9,7 @@ const AutoResizeTextMeta: ComponentMetadata = {
   "devMode": "proCode",
   "npm": {
     "package": "@pisell/materials",
-    "version": "3.3.83",
+    "version": "3.3.84",
     "exportName": "AutoResizeText",
     "main": "src/index.tsx",
     "destructuring": true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "3.3.84",
+  "version": "3.3.85",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -90,8 +90,8 @@
     "swiper": "^8.4.7",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/utils": "3.0.2",
-    "@pisell/icon": "0.0.11",
-    "@pisell/date-picker": "3.0.4"
+    "@pisell/date-picker": "3.0.4",
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/PisellTabbar/locales.d.ts

@@ -1,23 +0,0 @@
-declare const _default: {
-    en: {
-        expand: string;
-        minimize: string;
-    };
-    "zh-CN": {
-        expand: string;
-        minimize: string;
-    };
-    "zh-HK": {
-        expand: string;
-        minimize: string;
-    };
-    ja: {
-        expand: string;
-        minimize: string;
-    };
-    pt: {
-        expand: string;
-        minimize: string;
-    };
-};
-export default _default;

package/es/components/PisellTabbar2/locales.d.ts

@@ -1,23 +0,0 @@
-declare const _default: {
-    en: {
-        expand: string;
-        minimize: string;
-    };
-    "zh-CN": {
-        expand: string;
-        minimize: string;
-    };
-    "zh-HK": {
-        expand: string;
-        minimize: string;
-    };
-    ja: {
-        expand: string;
-        minimize: string;
-    };
-    pt: {
-        expand: string;
-        minimize: string;
-    };
-};
-export default _default;

package/es/components/PisellTabbar3/locales.d.ts

@@ -1,23 +0,0 @@
-declare const _default: {
-    en: {
-        expand: string;
-        minimize: string;
-    };
-    "zh-CN": {
-        expand: string;
-        minimize: string;
-    };
-    "zh-HK": {
-        expand: string;
-        minimize: string;
-    };
-    ja: {
-        expand: string;
-        minimize: string;
-    };
-    pt: {
-        expand: string;
-        minimize: string;
-    };
-};
-export default _default;

package/es/components/dataSourceComponents/dataSourceForm/urlUtils.d.ts

@@ -1,24 +0,0 @@
-/**
- * URL参数处理工具方法
- */
-/**
- * 从浏览器URL获取查询参数
- * @returns Record<string, string> URL查询参数对象
- */
-export declare const getUrlParams: () => Record<string, string>;
-/**
- * 从URL参数中提取formSettingMeta相关的参数
- * @param urlParams URL查询参数对象，如果不传则自动从浏览器获取
- * @returns 包含business_code、channel_code和isBoard参数的对象
- */
-export declare const getFormSettingParams: (urlParams?: Record<string, string>) => {
-    businessCode: string;
-    channelCode: string;
-    isBoard: boolean;
-};
-/**
- * 根据URL参数更新租户设置数据
- * @param data 要更新的数据对象，如 {"order.prefix":"","order.suffix":"","payment.number":""}
- * @returns Promise<any> 返回更新结果
- */
-export declare const updateTenantSettingFromUrl: (data: Record<string, any>) => Promise<any>;

package/es/components/dataSourceComponents/fields/Translation/BaseTranslation.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { TranslationProps } from './type';
-import './index.less';
-declare const Translation: React.FC<TranslationProps>;
-export default Translation;

package/es/components/dataSourceComponents/fields/Translation/type.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { ModeType } from "../../dataSourceForm/type";
-export interface TranslationValue {
-    en: string;
-    'zh-CN': string;
-    'zh-HK': string;
-    'ja': string;
-    'pt': string;
-    original: string;
-}
-export interface TranslationProps {
-    renderMode: ModeType;
-    value?: TranslationValue;
-    onChange?: (value: TranslationValue) => void;
-    disabled?: boolean;
-    placeholder?: string;
-    className?: string;
-    type?: 'text' | 'textarea';
-    maxLength?: number;
-    inputStyle?: React.CSSProperties;
-}

package/es/components/dataSourceComponents/hooks/useFormSettingParams.d.ts

@@ -1,7 +0,0 @@
-declare const useFormSettingParams: () => {
-    businessCode: string;
-    channelCode: string;
-    scope: string;
-    target: string | undefined;
-};
-export default useFormSettingParams;

package/lib/components/PisellTabbar/locales.d.ts

@@ -1,23 +0,0 @@
-declare const _default: {
-    en: {
-        expand: string;
-        minimize: string;
-    };
-    "zh-CN": {
-        expand: string;
-        minimize: string;
-    };
-    "zh-HK": {
-        expand: string;
-        minimize: string;
-    };
-    ja: {
-        expand: string;
-        minimize: string;
-    };
-    pt: {
-        expand: string;
-        minimize: string;
-    };
-};
-export default _default;

package/lib/components/PisellTabbar2/locales.d.ts

@@ -1,23 +0,0 @@
-declare const _default: {
-    en: {
-        expand: string;
-        minimize: string;
-    };
-    "zh-CN": {
-        expand: string;
-        minimize: string;
-    };
-    "zh-HK": {
-        expand: string;
-        minimize: string;
-    };
-    ja: {
-        expand: string;
-        minimize: string;
-    };
-    pt: {
-        expand: string;
-        minimize: string;
-    };
-};
-export default _default;

package/lib/components/PisellTabbar3/locales.d.ts

@@ -1,23 +0,0 @@
-declare const _default: {
-    en: {
-        expand: string;
-        minimize: string;
-    };
-    "zh-CN": {
-        expand: string;
-        minimize: string;
-    };
-    "zh-HK": {
-        expand: string;
-        minimize: string;
-    };
-    ja: {
-        expand: string;
-        minimize: string;
-    };
-    pt: {
-        expand: string;
-        minimize: string;
-    };
-};
-export default _default;