@pisell/materials 1.0.724 → 1.0.726

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

@@ -5,7 +5,7 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface TimeSlot {
+    value: string;
+    label: string;
+    time: string;
+    remainingCount: number;
+    disabled?: boolean;
+}
+export interface TimeResourceSelectorProps {
+    timeSlots?: TimeSlot[];
+    multiple?: boolean;
+    showUnavailable?: boolean;
+    defaultExpanded?: boolean;
+    defaultSelectFirst?: boolean;
+    onChange?: (values: string | string[]) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const TimeResourceSelector: React.FC<TimeResourceSelectorProps>;
+export default TimeResourceSelector;

package/lib/components/appVersionControl/utils.js

@@ -29,19 +29,15 @@ var compareVersions = (version1, version2) => {
   for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
     const v1Part = v1Parts[i] || 0;
     const v2Part = v2Parts[i] || 0;
-    if (v1Part > v2Part)
-      return 1;
-    if (v1Part < v2Part)
-      return -1;
+    if (v1Part > v2Part) return 1;
+    if (v1Part < v2Part) return -1;
   }
   return 0;
 };
 var getMaxVersion = (versions) => {
-  if (!versions || versions.length === 0)
-    return void 0;
+  if (!versions || versions.length === 0) return void 0;
   return versions.reduce((max, current) => {
-    if (!max)
-      return current;
+    if (!max) return current;
     return compareVersions(current, max) > 0 ? current : max;
   }, versions[0]);
 };

package/lib/components/buttonGroupEdit/index.js

@@ -137,8 +137,7 @@ var ButtonGroupEdit = (0, import_react.forwardRef)(
       setCurrentButton(null);
     };
     const handleSave = (values) => {
-      if (!currentButton)
-        return;
+      if (!currentButton) return;
       const updatedButton = {
         ...currentButton,
         children: values.children,
@@ -161,8 +160,7 @@ var ButtonGroupEdit = (0, import_react.forwardRef)(
     const onDragEnd = (event) => {
       var _a, _b, _c, _d, _e;
       const { active, over } = event;
-      if (!over)
-        return;
+      if (!over) return;
       let activeId = active.id;
       let overId = over.id;
       let activeContainerId = "";
@@ -178,14 +176,12 @@ var ButtonGroupEdit = (0, import_react.forwardRef)(
           const activeIndex = buttonList.findIndex(
             (item) => item.id === activeId
           );
-          if (activeIndex === -1)
-            return;
+          if (activeIndex === -1) return;
           const movedItem = { ...buttonList[activeIndex] };
           const overRowIndex = buttonGroupList.findIndex(
             (row) => row.some((item) => item.id === overId)
           );
-          if (overRowIndex === -1)
-            return;
+          if (overRowIndex === -1) return;
           const updatedGroupList = [...buttonGroupList];
           updatedGroupList[overRowIndex].push(movedItem);
           const updatedButtonList = buttonList.filter(
@@ -198,13 +194,11 @@ var ButtonGroupEdit = (0, import_react.forwardRef)(
           const overRowIndex = buttonGroupList.findIndex(
             (row) => row.some((item) => item.id === overId)
           );
-          if (overRowIndex === -1)
-            return;
+          if (overRowIndex === -1) return;
           const overColIndex = (_c = buttonGroupList[overRowIndex]) == null ? void 0 : _c.findIndex(
             (item) => item.id === overId
           );
-          if (overColIndex === -1)
-            return;
+          if (overColIndex === -1) return;
           const [movedItem] = buttonGroupList[overRowIndex].splice(
             overColIndex,
             1
@@ -217,8 +211,7 @@ var ButtonGroupEdit = (0, import_react.forwardRef)(
             (item) => item.id === activeId
           );
           const overIndex = buttonList.findIndex((item) => item.id === overId);
-          if (activeIndex === -1 || overIndex === -1)
-            return;
+          if (activeIndex === -1 || overIndex === -1) return;
           const updatedList = [...buttonList];
           const [movedItem] = updatedList.splice(activeIndex, 1);
           updatedList.splice(overIndex, 0, movedItem);

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/colorPicker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorPickerProps } from 'antd';
 declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;
 export default ColorPicker;

package/lib/components/dataSourceComponents/dataSourceForm/utils.js

@@ -269,8 +269,7 @@ var withFormItem = (WrappedComponent, overlayProps) => {
         case "subdomain":
           rules.push({
             validator: (_, value) => {
-              if (!value)
-                return Promise.resolve();
+              if (!value) return Promise.resolve();
               const subdomain = value.split(".")[0];
               if (!/^[a-z0-9-]+$/.test(subdomain)) {
                 return Promise.reject(
@@ -299,8 +298,7 @@ var withFormItem = (WrappedComponent, overlayProps) => {
         case "appIdentifier":
           rules.push({
             validator: (_, value) => {
-              if (!value)
-                return Promise.resolve();
+              if (!value) return Promise.resolve();
               if (!/^[a-z0-9\-\._]+$/.test(value)) {
                 return Promise.reject(
                   new Error(
@@ -526,8 +524,7 @@ var getNestedValue = (obj, path) => {
   const keys = path.split(".");
   let value = obj;
   for (const k of keys) {
-    if (!value)
-      break;
+    if (!value) break;
     value = value[k];
   }
   return value;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useColumns.js

@@ -59,16 +59,14 @@ var useColumns = ({
   actionsColumns
 }) => {
   const fieldMap = (0, import_react.useMemo)(() => {
-    if (!fields)
-      return {};
+    if (!fields) return {};
     return fields.reduce((acc, field) => {
       acc[field.name] = field;
       return acc;
     }, {});
   }, [fields]);
   return (0, import_react.useMemo)(() => {
-    if (Object.keys(fieldMap).length === 0)
-      return [];
+    if (Object.keys(fieldMap).length === 0) return [];
     return columns.map((column) => {
       var _a;
       const field = fieldMap[column == null ? void 0 : column.dataIndex];

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDesignMode.js

@@ -36,8 +36,7 @@ var useDesignMode = (props, { registerValueVariable, openDrawer, closeDrawer, da
     if (__designMode === "design" && (items == null ? void 0 : items.length) && ((_a = prevItemsRef.current) == null ? void 0 : _a.length)) {
       const changedItem = items.find((item) => {
         const prevItem = prevItemsRef.current.find((prev) => prev.key === item.key);
-        if (!prevItem)
-          return false;
+        if (!prevItem) return false;
         if (item.actionType !== prevItem.actionType) {
           return true;
         }

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useFormat.js

@@ -143,8 +143,7 @@ var formatFilter = (filterValue, fields) => {
   return JSON.stringify(filterCondition);
 };
 var formatSort = (sortValue) => {
-  if (!sortValue)
-    return void 0;
+  if (!sortValue) return void 0;
   const [field, order] = sortValue.split(":");
   const prefix = order === "desc" ? "-" : "";
   return [`${prefix}${field}`];

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -0,0 +1,98 @@
+import React from 'react';
+import { DataSourceTableProps } from '../type';
+import { OperationItem } from '../type';
+interface UseTablePropsProps {
+    data: any;
+    originProps: DataSourceTableProps;
+    openDrawer: (type: OperationItem) => void;
+    closeDrawer: () => void;
+    refreshData: () => void;
+    handleFilterChange: (changedFields: any, allFields: any) => void;
+    tableRef: any;
+}
+/**
+ * 处理table的props
+ * 转换title
+ * @param props
+ * @returns
+ */
+declare const useTableProps: (props: UseTablePropsProps) => {
+    title: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    pagination: {
+        total: number;
+        current: number;
+        pageSize: number;
+        size: string;
+        showSizeChanger: boolean;
+    };
+    columns: import("./useColumns").Column[];
+    subTitle: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    buttons: any[] | null;
+    filter: JSX.Element | null;
+    onRow: (record: any) => any;
+    actionButtons: any[] | null;
+    titleButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
+    operation?: {
+        show: boolean;
+        title: string; /**
+         * 处理table的props
+         * 转换title
+         * @param props
+         * @returns
+         */
+        width: number;
+        align: "center" | "left" | "right";
+        fixed: false | "left" | "right";
+        type: "button" | "link";
+        items: OperationItem[];
+    } | undefined;
+    operationContent?: {
+        [key: string]: React.ReactNode;
+    } | undefined;
+    dataSource: import("../../provider/dataSource/DataSourceContext").DataSourceType;
+    search?: {
+        show: boolean;
+        placeholder: string;
+    } | undefined;
+    __designMode: string;
+    componentId: string;
+    clickToDetail?: {
+        show: boolean;
+        useCustomAction: boolean;
+        actionType: string;
+        openMode: "modal" | "drawer";
+        openContentSize: "small" | "middle" | "large";
+        openTitle: string;
+        key: string;
+    } | undefined;
+    filterBy?: Record<string, any> | undefined;
+    sortBy: string;
+    tabs?: {
+        show: boolean;
+        type: string;
+        items: {
+            name: string;
+            filterBy: Record<string, any>;
+            sortBy: string;
+        }[];
+    } | undefined;
+    onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
+    onDeleteFinish?: ((record: Record<string, any>) => void) | undefined;
+    extraParams?: {
+        list?: Record<string, any> | undefined;
+        get?: Record<string, any> | undefined;
+        update?: Record<string, any> | undefined;
+        create?: Record<string, any> | undefined;
+        destroy?: Record<string, any> | undefined;
+    } | undefined;
+};
+export default useTableProps;

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

@@ -0,0 +1,79 @@
+/// <reference types="react" />
+import { ColumnType } from 'antd/es/table';
+import { DataSourceType } from '../provider/dataSource/DataSourceContext';
+export declare type OperationItem = {
+    label?: string;
+    openMode: 'modal' | 'drawer' | 'custom';
+    openContentSize: 'small' | 'middle' | 'large';
+    openTitle: string;
+    actionType: 'detail' | 'edit' | 'delete' | 'custom';
+    key: string;
+    buttonProps?: any;
+    onClick?: (record: any) => void;
+};
+export interface DataSourceTableProps {
+    title?: string | React.ReactNode | (() => React.ReactNode);
+    subTitle?: string | React.ReactNode | (() => React.ReactNode);
+    titleButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    };
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    };
+    buttons?: any[];
+    operation?: {
+        show: boolean;
+        title: string;
+        width: number;
+        align: 'left' | 'center' | 'right';
+        fixed: 'left' | 'right' | false;
+        type: 'link' | 'button';
+        items: OperationItem[];
+    };
+    operationContent?: {
+        [key: string]: React.ReactNode;
+    };
+    dataSource: DataSourceType;
+    columns: ColumnType<any>[];
+    filter: any;
+    search?: {
+        show: boolean;
+        placeholder: string;
+    };
+    __designMode: string;
+    componentId: string;
+    clickToDetail?: {
+        show: boolean;
+        useCustomAction: boolean;
+        actionType: string;
+        openMode: 'modal' | 'drawer';
+        openContentSize: 'small' | 'middle' | 'large';
+        openTitle: string;
+        key: string;
+    };
+    onRow?: any;
+    filterBy?: Record<string, any>;
+    sortBy: string;
+    tabs?: {
+        show: boolean;
+        type: string;
+        items: {
+            name: string;
+            filterBy: Record<string, any>;
+            sortBy: string;
+        }[];
+    };
+    onValuesChange?: (changedValues: any, values: any) => void;
+    onDeleteFinish?: (record: Record<string, any>) => void;
+    extraParams?: {
+        list?: Record<string, any>;
+        get?: Record<string, any>;
+        update?: Record<string, any>;
+        create?: Record<string, any>;
+        destroy?: Record<string, any>;
+    };
+}

package/lib/components/dataSourceComponents/fields/DatePicker/ReadPretty.js

@@ -61,8 +61,7 @@ var DatePickerReadPretty = ({ value, renderMode, showTime }) => {
     return DEFAULT_FORMAT;
   }, [locale, showTime]);
   const formattedDate = (0, import_react.useMemo)(() => {
-    if (!value)
-      return "";
+    if (!value) return "";
     try {
       return (0, import_dayjs.default)(value).format(dateFormat);
     } catch (error) {

package/lib/components/dataSourceComponents/fields/Input.Mobile/ReadPretty.js

@@ -40,15 +40,13 @@ var ReadPretty = ({
   value,
   renderMode
 }) => {
-  if (!value)
-    return null;
+  if (!value) return null;
   const className = (0, import_classnames.default)("pisell-phone-read-pretty", {
     "pisell-phone-read-pretty-table-view": renderMode === "tableView"
   });
   try {
     const phoneNumber = (0, import_libphonenumber_js.parsePhoneNumberFromString)(value);
-    if (!phoneNumber)
-      return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
+    if (!phoneNumber) return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
     const formattedValue = `(${phoneNumber.formatInternational().split(" ")[0]}) ${phoneNumber.formatNational()}`;
     return /* @__PURE__ */ import_react.default.createElement("span", { className }, formattedValue);
   } catch (error) {

package/lib/components/dataSourceComponents/fields/Input.Mobile/WithMode.js

@@ -51,8 +51,7 @@ var MobileNumberInput = ({ value: propsValue, onChange, disabled, ...props }) =>
     return propsValue;
   }, [propsValue]);
   const parseExternalValue = (val) => {
-    if (!val)
-      return { countryCode: "AU", phoneNumber: "" };
+    if (!val) return { countryCode: "AU", phoneNumber: "" };
     const matchedPrefix = countries.find(
       (country) => val.startsWith(country.prefix)
     );

package/lib/components/dataSourceComponents/fields/Input.Phone/ReadPretty.js

@@ -40,15 +40,13 @@ var ReadPretty = ({
   value,
   renderMode
 }) => {
-  if (!value)
-    return null;
+  if (!value) return null;
   const className = (0, import_classnames.default)("pisell-phone-read-pretty", {
     "pisell-phone-read-pretty-table-view": renderMode === "tableView"
   });
   try {
     const phoneNumber = (0, import_libphonenumber_js.parsePhoneNumberFromString)(value);
-    if (!phoneNumber)
-      return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
+    if (!phoneNumber) return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
     const formattedValue = `(${phoneNumber.formatInternational().split(" ")[0]}) ${phoneNumber.formatNational()}`;
     return /* @__PURE__ */ import_react.default.createElement("span", { className }, formattedValue);
   } catch (error) {

package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -51,8 +51,7 @@ var PhoneNumberInput = ({ value: propsValue, onChange, disabled, ...props }) =>
     return propsValue;
   }, [propsValue]);
   const parseExternalValue = (val) => {
-    if (!val)
-      return { countryCode: "AU", phoneNumber: "" };
+    if (!val) return { countryCode: "AU", phoneNumber: "" };
     const matchedPrefix = countries.find(
       (country) => val.startsWith(country.prefix)
     );

package/lib/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 declare const Subdomain: React.FC<import("antd").InputProps & {
     onChange: (value: string) => void;
     onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-    rootDomain: "custom" | "xzero" | "saas";
+    rootDomain: "custom" | "saas" | "xzero";
     customDomain?: string | undefined;
     value?: string | undefined;
     tenantId: string;

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { UrlProps } from './type';
+import './ReadPretty.less';
+export declare const formatUrl: (url: string) => string;
+declare const UrlReadPretty: (props: UrlProps) => JSX.Element;
+export default UrlReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.js

@@ -38,8 +38,7 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_ReadPretty = require("./ReadPretty.less");
 var formatUrl = (url) => {
-  if (!url)
-    return "";
+  if (!url) return "";
   if (url.startsWith("http://") || url.startsWith("https://")) {
     return url;
   }

package/lib/components/dataSourceComponents/fields/InputNumber/WithMode.js

@@ -45,8 +45,7 @@ var InputNumber = (props) => {
   } = props;
   const formatter = (0, import_react.useCallback)(
     (value, info) => {
-      if (!value)
-        return "";
+      if (!value) return "";
       if (useThousandsSeparator) {
         const parts = value.toString().split(".");
         parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
@@ -58,8 +57,7 @@ var InputNumber = (props) => {
   );
   const parser = (0, import_react.useCallback)(
     (value) => {
-      if (!value)
-        return null;
+      if (!value) return null;
       if (useThousandsSeparator) {
         return value.replace(/,/g, "");
       }

package/lib/components/dataSourceComponents/fields/InputNumber/utils.js

@@ -31,8 +31,7 @@ var getUnitText = (key) => {
   return (0, import_locales.getText)(textKey);
 };
 var formatNumberWithUnit = (value, precision = 0, previewFormatter) => {
-  if (!value)
-    return "0";
+  if (!value) return "0";
   const units = {
     billion: {
       value: BILLION,
@@ -51,8 +50,7 @@ var formatNumberWithUnit = (value, precision = 0, previewFormatter) => {
     return value.toFixed(precision);
   }
   const unit = units[previewFormatter];
-  if (!unit)
-    return value.toFixed(precision);
+  if (!unit) return value.toFixed(precision);
   const convertedValue = value / unit.value;
   const suffix = unit.getText();
   return `${convertedValue.toFixed(precision)}${suffix}`;

package/lib/components/dataSourceComponents/fields/TimePicker/WithMode.js

@@ -57,10 +57,8 @@ var TimePicker = (props) => {
     defaultValue: propsDefaultValue
   } = props;
   const normalizedValue = (0, import_react.useMemo)(() => {
-    if (!value)
-      return void 0;
-    if (import_dayjs.default.isDayjs(value))
-      return value;
+    if (!value) return void 0;
+    if (import_dayjs.default.isDayjs(value)) return value;
     try {
       return (0, import_dayjs.default)(String(value), format);
     } catch {
@@ -68,10 +66,8 @@ var TimePicker = (props) => {
     }
   }, [value, format]);
   const defaultValue = (0, import_react.useMemo)(() => {
-    if (!propsDefaultValue)
-      return void 0;
-    if (import_dayjs.default.isDayjs(propsDefaultValue))
-      return propsDefaultValue;
+    if (!propsDefaultValue) return void 0;
+    if (import_dayjs.default.isDayjs(propsDefaultValue)) return propsDefaultValue;
     try {
       return (0, import_dayjs.default)(String(propsDefaultValue), format);
     } catch {

package/lib/components/dataSourceComponents/fields/Upload/BaseUpload.js

@@ -92,8 +92,7 @@ var BaseUpload = (props) => {
     }
   }, [value, enableMultilingual, multiple]);
   const getValueFromFileList = (fileList2) => {
-    if (!fileList2.length)
-      return multiple ? [] : "";
+    if (!fileList2.length) return multiple ? [] : "";
     if (enableMultilingual) {
       const multilingualValues = fileList2.filter((file) => file.status === "done").map(
         (file) => {
@@ -260,8 +259,7 @@ var BaseUpload = (props) => {
     (info, lang) => {
       setEditMultilingualFile((prev) => {
         var _a, _b;
-        if (!prev)
-          return null;
+        if (!prev) return null;
         const newFile = { ...prev };
         newFile.multilingualFileList[lang] = info.fileList.map((item) => {
           var _a2;
@@ -281,8 +279,7 @@ var BaseUpload = (props) => {
   const handleEditMultilingualRemove = (0, import_react.useCallback)(
     (file, lang) => {
       setEditMultilingualFile((prev) => {
-        if (!prev)
-          return null;
+        if (!prev) return null;
         return {
           ...prev,
           multilingual: {
@@ -295,8 +292,7 @@ var BaseUpload = (props) => {
     []
   );
   const handleEditMultilingualOk = (0, import_react.useCallback)(() => {
-    if (!editMultilingualFile)
-      return;
+    if (!editMultilingualFile) return;
     const { uid } = editMultilingualFile;
     setFileList((prev) => {
       var _a;

package/lib/components/dataSourceComponents/fields/Upload/ReadPretty.js

@@ -42,8 +42,7 @@ var UploadReadPretty = (props) => {
   const { value, enableMultilingual } = props;
   const translationOriginal = (0, import_useTranslationOriginal.default)();
   const normalizedValue = (0, import_react.useMemo)(() => {
-    if (!value)
-      return [];
+    if (!value) return [];
     let processedValue = (0, import_utils.isArr)(value) ? value : [value];
     processedValue = processedValue.map((item) => {
       if (!item) {

package/lib/components/dataSourceComponents/fields/Upload/shopUploadServe.js

@@ -165,8 +165,7 @@ var getVideoCover = (file) => {
         let ctx = canvas.getContext("2d");
         canvas.width = this.width;
         canvas.height = this.height;
-        if (ctx === null)
-          return;
+        if (ctx === null) return;
         ctx.drawImage(this, 0, 0, canvas.width, canvas.height);
         let _cover = canvas.toDataURL("image/jpeg", 1);
         let _cover_name = file.name.split(".")[0] + "_cover.jpeg";