@pisell/materials 1.0.671 → 1.0.673

package/lib/components/cardPro/index.less

@@ -0,0 +1,55 @@
+.pisell-cardPro-wrap {
+  border-radius: 12px;
+
+  &.pisell-cardPro-wrap-with-cover {
+    .pisell-lowcode-card-body {
+      padding-top: 0;
+      padding-left: 0;
+      padding-right: 0;
+      padding-bottom: 24px;
+    }
+
+    .pisell-cardPro-head,
+    .pisell-cardPro-content {
+      padding: 0 24px;
+    }
+  }
+
+  .pisell-cardPro-cover {
+    position: relative;
+
+    .pisell-cardPro-badge {
+      position: absolute;
+      right: 0;
+      top: 0;
+    }
+  }
+
+  .pisell-cardPro-head {
+    padding: 0;
+    .pisell-cardPro-head-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: #1a2029;
+    }
+
+    .pisell-cardPro-head-subtitle {
+      font-size: 12px;
+      color: #6e8098;
+    }
+
+    .pisell-cardPro-head-extra {
+      width: 150px;
+    }
+  }
+
+  .pisell-cardPro-content {
+    overflow-y: auto;
+    margin-top: 20px;
+  }
+
+  .pisell-cardPro-content {
+    overflow-y: auto;
+    margin-top: 20px;
+  }
+}

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

@@ -0,0 +1,2 @@
+declare const Cascader: any;
+export default Cascader;

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./index.less";
+declare const ClassicLayout: (props: any) => JSX.Element;
+export default ClassicLayout;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface CollapseProps {
+    panelBackground?: string;
+    panelMarginBottom?: string | 0;
+    panelBorderRadius?: string | 0;
+    items: any[];
+    showHeader?: boolean;
+    headerColor?: string | '#101828';
+    headerFontSize?: string | 14;
+    expandIcon?: any;
+    [key: string]: any;
+}
+declare const Collapse: React.FC<CollapseProps>;
+export default Collapse;

package/lib/components/collapse/index.js

@@ -0,0 +1,109 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/collapse/index.tsx
+var collapse_exports = {};
+__export(collapse_exports, {
+  default: () => collapse_default
+});
+module.exports = __toCommonJS(collapse_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_styled_components = __toESM(require("styled-components"));
+var import_index = require("./index.less");
+var CustomCollapse = (0, import_styled_components.default)(import_antd.Collapse)`
+  &.custom-collapse {
+    background-color: ${(props) => props.panelBackground || "#ffffff"};
+  }
+
+  // .ant-collapse-item {
+  //   background-color: ${(props) => props.panelBackground || "#ffffff"};
+  //   margin-bottom: ${(props) => props.panelMarginBottom || "0"};
+  //   border-radius: ${(props) => props.panelBorderRadius || "0"};
+  // }
+
+  // .pisell-lowcode-collapse-header {
+  //   background-color: ${(props) => props.panelBackground || "#ffffff"};
+  //   border-radius: ${(props) => props.panelBorderRadius || "0"} !important;
+  // }
+
+  .pisell-lowcode-collapse-content {
+    background-color: ${(props) => props.panelBackground || "#ffffff"};
+  }
+`;
+var Collapse = (props) => {
+  const {
+    panelBackground,
+    panelMarginBottom,
+    panelBorderRadius,
+    items,
+    showHeader,
+    headerColor,
+    headerFontSize,
+    expandIcon,
+    ...rest
+  } = props;
+  const panelStyle = {
+    marginBottom: panelMarginBottom,
+    background: panelBackground,
+    borderRadius: panelBorderRadius
+  };
+  const itemsMap = (0, import_react.useMemo)(() => {
+    return items == null ? void 0 : items.map((item) => {
+      return {
+        ...item,
+        label: showHeader ? /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            style: {
+              color: headerColor,
+              fontSize: headerFontSize
+            }
+          },
+          item == null ? void 0 : item.label
+        ) : null,
+        children: item.children,
+        className: "custom-collapse-panel"
+      };
+    });
+  }, [items, headerColor, showHeader, headerFontSize]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    CustomCollapse,
+    {
+      ...rest,
+      expandIcon: expandIcon ? () => expandIcon : void 0,
+      items: itemsMap,
+      className: "custom-collapse",
+      panelBackground,
+      panelMarginBottom,
+      panelBorderRadius
+    }
+  );
+};
+Collapse.Panel = import_antd.Collapse.Panel;
+var collapse_default = Collapse;

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

@@ -0,0 +1,3 @@
+import { ColorPickerProps } from 'antd';
+declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;
+export default ColorPicker;

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

@@ -0,0 +1,11 @@
+import React from "react";
+interface ComponentProps {
+    children: React.ReactNode;
+}
+/**
+ * 低代码组件壳子 目前不做任何处理直接返回 如需容器包裹自行处理
+ * @param props
+ * @constructor
+ */
+declare const Component: (props: ComponentProps) => React.ReactNode;
+export default Component;

package/lib/components/config-provider/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
+import "dayjs/locale/zh-cn";
+export interface ConfigProviderProps extends OriginalConfigProviderProps {
+    [key: string]: any;
+}
+declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
+export default ConfigProvider;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CropPhoto: React.FC;
+export default CropPhoto;

package/lib/components/cropPhoto/index.js

@@ -0,0 +1,70 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/cropPhoto/index.tsx
+var cropPhoto_exports = {};
+__export(cropPhoto_exports, {
+  default: () => cropPhoto_default
+});
+module.exports = __toCommonJS(cropPhoto_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_antd_img_crop = __toESM(require("antd-img-crop"));
+var CropPhoto = (props) => {
+  const { cropShape } = props;
+  const [fileList, setFileList] = (0, import_react.useState)([]);
+  const onChange = ({ fileList: newFileList }) => {
+    setFileList(newFileList);
+  };
+  const onPreview = async (file) => {
+    let src = file.url;
+    if (!src) {
+      src = await new Promise((resolve) => {
+        const reader = new FileReader();
+        reader.readAsDataURL(file.originFileObj);
+        reader.onload = () => resolve(reader.result);
+      });
+    }
+    const image = new Image();
+    image.src = src;
+    const imgWindow = window.open(src);
+    imgWindow == null ? void 0 : imgWindow.document.write(image.outerHTML);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_antd_img_crop.default, { rotationSlider: true, aspectSlider: true, cropShape }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Upload,
+    {
+      action: "https://660d2bd96ddfa2943b33731c.mockapi.io/api/upload",
+      listType: "picture-card",
+      fileList,
+      onChange,
+      onPreview
+    },
+    fileList.length < 5 && "+ Upload"
+  ));
+};
+var cropPhoto_default = CropPhoto;

package/lib/components/cropPhoto/index.less

@@ -0,0 +1,15 @@
+.pisell-upload-wapper {
+  .ant-upload-drag-icon {
+    font-size: 16px;
+  }
+  .ant-upload-title {
+    font-size: 16px;
+    font-weight: bold;
+  }
+  .ant-upload-text {
+    font-size: 14px;
+  }
+  .ant-upload-text2 {
+    font-size: 14px;
+  }
+}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SelectProps } from 'antd';
+import './index.less';
+export interface BaseOption {
+    label: string;
+    value: string | number;
+}
+export interface CustomSelectProps<T extends BaseOption> extends Omit<SelectProps<T['value']>, 'options' | 'value' | 'onChange'> {
+    options: T[];
+    value?: T['value'];
+    onChange?: (value: T['value']) => void;
+    renderItem?: (option: T) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const CustomSelect: <T extends BaseOption>(props: CustomSelectProps<T>) => JSX.Element;
+export default CustomSelect;

package/lib/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: any;
+export default _default;

package/lib/components/dataSourceComponents/dataSourceForm/formItem.d.ts

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

package/lib/components/dataSourceComponents/dataSourceForm/group/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.less';
+export interface FormGroupProps {
+    title: string;
+    description: string;
+    showTitle: boolean;
+    showDescription: boolean;
+    showBackgroundColor: boolean;
+    backgroundColor: string;
+    children: React.ReactNode;
+}
+/**
+ * @title: 表单分组组件
+ * @description: 用于在表单中划分分组，支持标题、描述、背景色等配置
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-25 17:14:25
+ */
+declare const FormGroup: (props: FormGroupProps) => JSX.Element;
+export default FormGroup;

package/lib/components/dataSourceComponents/dataSourceForm/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: any;
+export default _default;

package/lib/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingContext.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ModeType } from '../../type';
+export interface FormSettingContextType {
+    onDataSourceFinish?: (values: any, result: any, form: any) => void;
+    renderMode?: ModeType;
+    groupInfoPosition?: 'top' | 'side';
+    children?: React.ReactNode;
+    currentValue?: 'server' | 'local';
+    size?: 'small' | 'middle' | 'large';
+    formatSubmitValues?: (values: Record<string, any>) => Record<string, any>;
+    formatInitialValues?: (values: Record<string, any>) => Record<string, any>;
+    customSubmit?: (values: Record<string, any>) => Promise<any>;
+}
+export declare const FormSettingContext: import("react").Context<FormSettingContextType>;
+export default FormSettingContext;

package/lib/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormSettingContextType } from './FormSettingContext';
+/**
+ * @title: 表单设置Provider
+ * @description: 提供表单设置信息
+ */
+declare const FormSettingProvider: React.FC<FormSettingContextType>;
+export default FormSettingProvider;

package/lib/components/dataSourceComponents/dataSourceForm/provider/hooks/useFormSetting.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 获取表单配置
+ */
+declare const useFormSetting: () => import("../formSetting/FormSettingContext").FormSettingContextType;
+export default useFormSetting;

package/lib/components/dataSourceComponents/dataSourceForm/provider/hooks/useJsonPrefixPath.d.ts

@@ -0,0 +1,5 @@
+declare const useJsonPrefixPath: () => {
+    path: (string | number)[];
+    level: number;
+};
+export default useJsonPrefixPath;

package/lib/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const JsonWrapperContext: import("react").Context<{
+    path: (string | number)[];
+    level: number;
+}>;
+export default JsonWrapperContext;

package/lib/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface JsonWrapperProps {
+    prefix: string | number | (string | number)[];
+    name?: string;
+}
+declare const JsonWrapperProvider: React.FC<React.PropsWithChildren<JsonWrapperProps>>;
+export default JsonWrapperProvider;

package/lib/components/dataSourceComponents/dataSourceForm/serve.d.ts

@@ -0,0 +1,149 @@
+export interface DataSourceType {
+    key: string;
+    displayName: string;
+    status: string;
+    type: string;
+    isDBInstance: boolean;
+    collections: Collection[];
+}
+export declare type ActionsItem = {
+    method: string;
+    path: string;
+    params: {
+        name: string;
+        value: string;
+    }[];
+    headers: {
+        name: string;
+        value: string;
+    }[];
+    body: Record<string, any>;
+};
+export interface Collection {
+    name: string;
+    title: string;
+    tableName: string;
+    timestamps: boolean;
+    autoGenId: boolean;
+    filterTargetKey: string;
+    fields: Field[];
+    introspected: boolean;
+    unavailableActions: any[];
+    actions: {
+        get: ActionsItem;
+        update: ActionsItem;
+        create: ActionsItem;
+        delete: ActionsItem;
+        list: ActionsItem;
+    };
+}
+interface Field {
+    name: string;
+    type: string;
+    allowNull: boolean;
+    primaryKey: boolean;
+    unique: boolean;
+    autoIncrement: boolean;
+    description?: (null | string)[];
+    possibleTypes?: string[];
+    rawType: string;
+    interface: string;
+    uiSchema: UiSchema;
+    key?: string;
+    collectionName?: string;
+    collectionKey?: any;
+    dataSourceKey?: string;
+    defaultValue?: any;
+}
+interface UiSchema {
+    type?: string;
+    'x-component': string;
+    'x-component-props'?: Xcomponentprops;
+    'x-validator'?: string;
+    title: string;
+    default?: any;
+    enum?: any[];
+}
+interface Xcomponentprops {
+    style?: Style;
+    autoSize?: AutoSize;
+    stringMode?: boolean;
+    step?: string;
+    dateFormat?: string;
+    showTime?: boolean;
+}
+interface AutoSize {
+    minRows: number;
+}
+interface Style {
+    width: string;
+}
+/**
+ * 获取nocobase自定义数据源
+ */
+export declare const getNocobaseDataSource: () => Promise<DataSourceType[]>;
+/**
+ * 获取nocobase主数据源
+ */
+export declare const getNocobaseMainDataSource: () => Promise<any>;
+/**
+ * 获取nocobase数据源设置
+ */
+export declare const getNocobaseDataSourceOptions: () => Promise<any>;
+/**
+ * 创建nocobase数据
+ */
+export declare const createNocobaseData: (params: {
+    key: string;
+    data: any;
+    headers?: any;
+}) => Promise<any>;
+/**
+ * nocobase get数据
+ */
+export declare const getNocobaseData: (params: {
+    key: string;
+    query: Record<string, any>;
+    headers?: any;
+}) => Promise<any>;
+/**
+ * 自定义api接口
+ */
+export declare const customApi: (url: string, data: Record<string, any>, options: {
+    method: 'GET' | 'POST' | 'PUT' | 'DELETE';
+    baseUrl?: string | undefined;
+    headers?: {
+        name: string;
+        value: any;
+    }[] | undefined;
+    params?: {
+        name: string;
+        value: any;
+    }[] | undefined;
+    body?: Record<string, any> | undefined;
+}) => Promise<any>;
+/**
+ * 更新nocobase数据
+ */
+export declare const updateNocobaseData: (params: {
+    key: string;
+    data: any;
+    headers?: any;
+    query?: Record<string, any> | undefined;
+}) => Promise<any>;
+/**
+ * 获取nocobase数据列表
+ */
+export declare const getNocobaseDataList: (allParams: {
+    key: string;
+    params: {
+        page: number;
+        pageSize: number;
+    };
+    headers?: any;
+}) => Promise<any>;
+/**
+ * 删除nocobase数据
+ */
+export declare const deleteNocobaseData: (key: string, id: string, headers?: any) => Promise<any>;
+export {};

package/lib/components/dataSourceComponents/dataSourceForm/submitButton/index.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { ButtonProps } from 'antd';
+import './index.less';
+export interface SubmitButtonProps extends ButtonProps {
+    status: 'normal' | 'disabled' | 'hidden';
+    children: React.ReactNode;
+    childrenString?: string;
+    confirmConfig?: {
+        enable: boolean;
+        title: string;
+        content: string;
+        icon: React.ReactNode;
+        okText: string;
+        cancelText: string;
+    };
+    toastConfig?: {
+        enable: boolean;
+        icon: React.ReactNode;
+        title: string;
+        showAfterSubmit?: boolean;
+    };
+    refreshData?: boolean;
+    afterSubmitType?: 'none' | 'close' | 'showModal' | 'showNotification';
+    afterSubmitModalConfig?: {
+        title: string;
+        content: string;
+        okText: string;
+        onOk?: () => void;
+    };
+    afterSubmitNotificationConfig?: {
+        title: string;
+        content: string;
+        icon: React.ReactNode;
+        duration: number;
+        placement: 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
+    };
+}
+declare const SubmitButton: (props: SubmitButtonProps) => JSX.Element | null;
+export default SubmitButton;

package/lib/components/dataSourceComponents/dataSourceForm/type.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { DataSourceType } from "../provider/dataSource/DataSourceContext";
+export declare type ModeType = 'edit' | 'add' | 'view' | 'disabled' | 'hidden' | 'tableView';
+export interface DataSourceFormProps {
+    title: string;
+    description: string;
+    dataSource: DataSourceType;
+    extraParams?: Record<string, any>;
+    showTitle: boolean;
+    showDescription: boolean;
+    groupInfoPosition: 'top' | 'side';
+    variables: any[];
+    renderMode?: ModeType;
+    currentValue?: 'server' | 'local';
+    children: React.ReactNode;
+    className?: string;
+    size?: 'small' | 'middle' | 'large';
+    onDataSourceFinish?: (values: any, result: any) => void;
+    __designMode?: string;
+    formatSubmitValues?: (values: Record<string, any>) => Record<string, any>;
+    formatInitialValues?: (values: Record<string, any>) => Record<string, any>;
+    customSubmit?: (values: Record<string, any>) => Promise<any>;
+    leaveConfirmConfig?: {
+        enable: boolean;
+        title: string;
+        content: string;
+        icon: React.ReactNode;
+        okText: string;
+        cancelText: string;
+    };
+}

package/lib/components/dataSourceComponents/dataSourceMenu/Basic.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/lib/components/dataSourceComponents/dataSourceMenu/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const DataSourceImage: (props: import("../utils").ParsedProps) => JSX.Element;
+export default DataSourceImage;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

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