@pisell/materials 6.0.14 → 6.0.15

package/lib/components/dataSourceComponents/fields/IconSelect/ReadPretty.less

@@ -0,0 +1,6 @@
+.pisell-icon-select-read-pretty {
+  font-size: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/lib/components/dataSourceComponents/fields/IconSelect/WithMode.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconSelectProps } from './type';
+declare const IconSelectWithMode: import("react").FC<IconSelectProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default IconSelectWithMode;

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

@@ -0,0 +1,39 @@
+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/dataSourceComponents/fields/IconSelect/WithMode.tsx
+var WithMode_exports = {};
+__export(WithMode_exports, {
+  default: () => WithMode_default
+});
+module.exports = __toCommonJS(WithMode_exports);
+var import_iconSelect = __toESM(require("../../../iconSelect"));
+var import_ReadPretty = __toESM(require("./ReadPretty"));
+var import_utils = require("../../dataSourceForm/utils");
+var IconSelectWithMode = (0, import_utils.withMode)(import_iconSelect.default, import_ReadPretty.default);
+var WithMode_default = IconSelectWithMode;

package/lib/components/dataSourceComponents/fields/IconSelect/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const IconSelect: React.FC<import("./type").IconSelectProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default IconSelect;

package/lib/components/dataSourceComponents/fields/IconSelect/index.js

@@ -0,0 +1,38 @@
+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/dataSourceComponents/fields/IconSelect/index.tsx
+var IconSelect_exports = {};
+__export(IconSelect_exports, {
+  default: () => IconSelect_default
+});
+module.exports = __toCommonJS(IconSelect_exports);
+var import_utils = require("../../dataSourceForm/utils");
+var import_WithMode = __toESM(require("./WithMode"));
+var IconSelect = (0, import_utils.withFormItem)(import_WithMode.default);
+var IconSelect_default = IconSelect;

package/lib/components/dataSourceComponents/fields/IconSelect/type.d.ts

@@ -0,0 +1,8 @@
+import { ModeType } from "../../dataSourceForm/type";
+export interface IconSelectProps {
+    renderMode: ModeType;
+    value?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+}

package/lib/components/dataSourceComponents/fields/IconSelect/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/components/dataSourceComponents/fields/IconSelect/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

package/lib/components/dataSourceComponents/fields/Input/WithMode.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { InputProps } from 'antd';
-declare const InputWithMode: import("react").FC<InputProps & import("../../dataSourceForm/utils").WithModeProps>;
+import React from 'react';
+import { InputProps } from './type';
+declare const InputWithMode: React.FC<InputProps & import("../../dataSourceForm/utils").WithModeProps>;
 export default InputWithMode;

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

@@ -26,14 +26,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/dataSourceComponents/fields/Input/WithMode.ts
+// src/components/dataSourceComponents/fields/Input/WithMode.tsx
 var WithMode_exports = {};
 __export(WithMode_exports, {
   default: () => WithMode_default
 });
 module.exports = __toCommonJS(WithMode_exports);
 var import_antd = require("antd");
+var import_react = __toESM(require("react"));
 var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils = require("../../dataSourceForm/utils");
-var InputWithMode = (0, import_utils.withMode)(import_antd.Input, import_ReadPretty.default);
+var Input = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { ...props, ref: props.innerRef || void 0 });
+};
+var InputWithMode = (0, import_utils.withMode)(Input, import_ReadPretty.default);
 var WithMode_default = InputWithMode;

package/lib/components/dataSourceComponents/fields/Input/type.d.ts

@@ -1,5 +1,7 @@
+import { Ref } from 'react';
 import { InputProps as AntInputProps } from 'antd';
 import { ModeType } from "../../dataSourceForm/type";
 export interface InputProps extends AntInputProps {
     renderMode: ModeType;
+    innerRef: Ref<any>;
 }

package/lib/components/dataSourceComponents/fields/Select/index.d.ts

@@ -4,6 +4,7 @@ declare const SelectWithDataSource: (props: import("antd").SelectProps<any, impo
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
+    extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
 }) => React.JSX.Element;

package/lib/components/dataSourceComponents/fields/Select/index.js

@@ -36,7 +36,8 @@ var import_utils = require("../../dataSourceForm/utils");
 var import_WithMode = __toESM(require("./WithMode"));
 var SelectWithFormItem = (0, import_utils.withFormItem)(import_WithMode.default, {
   innerProps: {
-    getPopupContainer: (triggerNode) => triggerNode.parentElement
+    getPopupContainer: (triggerNode) => triggerNode.parentElement,
+    virtual: false
   }
 });
 var SelectWithOptions = (0, import_utils.withOptions)(SelectWithFormItem);

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

@@ -381,16 +381,6 @@ var BaseUpload = (props) => {
         typeError.run((0, import_locales.getText)("pisell-upload-setting-type-error")(pointSuffix));
         return import_antd.Upload.LIST_IGNORE;
       }
-      const { success, message } = (0, import_utils2.checkFileCount)({
-        minCount: minCount || 0,
-        maxCount: maxCount || import_constants.DEFAULT_MAX_COUNT,
-        valueLength: fileList.length + currentFileCount,
-        multiple: !!multiple
-      });
-      if (!success) {
-        countError.run(message);
-        return import_antd.Upload.LIST_IGNORE;
-      }
       try {
         const metadata = await (0, import_utils2.getMediaMetadata)(file);
         if (metadata) {
@@ -499,31 +489,6 @@ var BaseUpload = (props) => {
     headers: (propsGetHeaders == null ? void 0 : propsGetHeaders()) || (getHeaders == null ? void 0 : getHeaders()),
     beforeUpload,
     className: "pisell-data-source-upload"
-    // itemRender: (originNode: React.ReactElement, file: UploadFile) => {
-    //   const [itemUrl, setItemUrl] = useState<string>('');
-    //   useEffect(() => {
-    //     getItemUrl(file).then(setItemUrl);
-    //   }, [file]);
-    //   const newNode = React.cloneElement(originNode, {
-    //     children: React.Children.map(originNode.props.children, child => {
-    //       if (child?.type === 'a') {
-    //         return React.cloneElement(child, {
-    //           children: React.Children.map(child.props.children, grandChild => {
-    //             if (grandChild?.type === 'img') {
-    //               return React.cloneElement(grandChild, {
-    //                 src: itemUrl,
-    //                 onError: () => handleImageError(file)
-    //               });
-    //             }
-    //             return grandChild;
-    //           })
-    //         });
-    //       }
-    //       return child;
-    //     })
-    //   });
-    //   return newNode;
-    // }
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_pisellUpload.default, { ...uploadProps, fileList }, fileList.length >= calcMaxCount ? null : renderUploadButton(!!enableMultilingual)), /* @__PURE__ */ import_react.default.createElement(
     import_pisellModal.default,

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

@@ -59,7 +59,7 @@ var UploadReadPretty = (props) => {
   if (!normalizedValue.length) {
     return null;
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", null, normalizedValue.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, normalizedValue.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
     import_antd.Image,
     {
       key: `${String(item)}-${index}`,

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

@@ -5,6 +5,7 @@
   padding: 10px;
   border-radius: 10px;
   border: 1px solid var(--Gray-300, #d0d5dd);
+  object-fit: contain;
 }
 .pisell-upload-read-pretty-mask {
   border-radius: 10px;

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

@@ -34,5 +34,29 @@ __export(Upload_exports, {
 module.exports = __toCommonJS(Upload_exports);
 var import_utils = require("../../dataSourceForm/utils");
 var import_WithMode = __toESM(require("./WithMode"));
-var Upload = (0, import_utils.withFormItem)(import_WithMode.default);
+var import_utils2 = require("./utils");
+var import_constants = require("./constants");
+var Upload = (0, import_utils.withFormItem)(import_WithMode.default, {
+  otherFormItemProps: (props, others) => {
+    let rule = {};
+    if (props.multiple) {
+      rule = {
+        validator(_, value) {
+          const { success, message } = (0, import_utils2.checkFileCount)({
+            minCount: props.minCount || 0,
+            maxCount: props.maxCount || import_constants.DEFAULT_MAX_COUNT,
+            valueLength: value.length,
+            multiple: !!props.multiple
+          });
+          if (!success) {
+            return Promise.reject(new Error(message));
+          } else {
+            return Promise.resolve();
+          }
+        }
+      };
+    }
+    return { rules: [...(others == null ? void 0 : others.rules) || [], rule] };
+  }
+});
 var Upload_default = Upload;

package/lib/components/dataSourceComponents/fields/Upload/type.d.ts

@@ -10,6 +10,7 @@ export interface UploadFile extends AntdUploadFile {
 }
 export interface UploadProps {
     renderMode?: string;
+    fieldKey: string;
     maxSize?: number;
     minCount?: number;
     maxCount?: number;

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

@@ -38,6 +38,7 @@ declare const formFieldMap: {
         optionSourceType?: "default" | "custom" | "api" | undefined;
         labelField: string;
         valueField: string;
+        extraParams?: Record<string, any> | undefined;
     } & {
         dataSource?: any;
     }) => import("react").JSX.Element;
@@ -57,8 +58,9 @@ declare const formFieldMap: {
     FormItemDateRangePicker: import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemUpload: import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<any> | (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -93,7 +95,8 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
+    extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
-}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 export { getFieldComponent, formFieldMap };

package/lib/components/dataSourceComponents/fields/index.js

@@ -44,6 +44,7 @@ var import_TimePicker = __toESM(require("./TimePicker"));
 var import_DateRangePicker = __toESM(require("./DateRangePicker"));
 var import_Upload = __toESM(require("./Upload"));
 var import_Translation = __toESM(require("./Translation"));
+var import_IconSelect = __toESM(require("./IconSelect"));
 var formFieldMap = {
   FormItemCheckbox: import_Checkbox.default,
   FormItemColorPicker: import_ColorPicker.default,
@@ -64,7 +65,8 @@ var formFieldMap = {
   "FormItemCheckbox.Group": import_Checkbox.default.Group,
   FormItemDateRangePicker: import_DateRangePicker.default,
   FormItemUpload: import_Upload.default,
-  FormItemTranslation: import_Translation.default
+  FormItemTranslation: import_Translation.default,
+  FormItemIconSelect: import_IconSelect.default
 };
 var getFieldComponent = (fieldComponent) => {
   return formFieldMap[fieldComponent];

package/lib/components/dataSourceComponents/hooks/useActions.js

@@ -151,7 +151,7 @@ var useActions = ({
           return {};
         }
         const getApi = genCustomApi(actions == null ? void 0 : actions.get);
-        return getApi({});
+        return getApi(extraParams == null ? void 0 : extraParams.get);
       }
       const res = await (0, import_serve.getNocobaseData)({
         key: name || "",

package/lib/components/dataSourceComponents/hooks/useValueMap.js

@@ -29,7 +29,7 @@ var useValueMap = (options) => {
     return (options == null ? void 0 : options.reduce((acc, item) => {
       const itemValue = item.value;
       const itemLabel = item.label;
-      if ((0, import_utils.isString)(itemValue) && (0, import_utils.isString)(itemLabel)) {
+      if (((0, import_utils.isString)(itemValue) || (0, import_utils.isNumber)(itemValue)) && (0, import_utils.isString)(itemLabel)) {
         acc[itemValue] = itemLabel;
       }
       return acc;

package/lib/components/dataSourceComponents/provider/dataSource/DataSourceContext.d.ts

@@ -80,6 +80,13 @@ export declare type DataSourceContextProps = {
         create?: () => Promise<any>;
         destroy?: () => Promise<any>;
     };
+    requestOptions?: {
+        list?: any;
+        get?: any;
+        update?: any;
+        create?: any;
+        destroy?: any;
+    };
     overrideData?: {
         list?: any;
         get?: any;
@@ -106,6 +113,7 @@ export interface DataSourceContextType {
     update: Result<any, any>;
     create: Result<any, any>;
     __designMode?: string;
+    getCurrentRecord: () => any;
 }
 export declare const DataSourceContext: import("react").Context<DataSourceContextType>;
 export default DataSourceContext;

package/lib/components/dataSourceComponents/provider/dataSource/DataSourceContext.js

@@ -30,7 +30,9 @@ var initialContext = {
   destroy: {},
   get: {},
   update: {},
-  create: {}
+  create: {},
+  getCurrentRecord: () => {
+  }
 };
 var DataSourceContext = (0, import_react.createContext)(initialContext);
 var DataSourceContext_default = DataSourceContext;

package/lib/components/dataSourceComponents/provider/dataSource/DataSourceProvider.js

@@ -39,6 +39,7 @@ var import_DataSourceContext = __toESM(require("./DataSourceContext"));
 var import_useActions = __toESM(require("../../hooks/useActions"));
 var import_useVariables = __toESM(require("../../hooks/useVariables"));
 var import_useSetRequest = __toESM(require("../../../../hooks/useSetRequest"));
+var import_useDataSource = __toESM(require("../../hooks/useDataSource"));
 var DataSourceProvider = (props) => {
   const {
     children,
@@ -48,10 +49,15 @@ var DataSourceProvider = (props) => {
     actions: externalActions,
     overrideData,
     autoRun,
+    requestOptions,
     __designMode
   } = props;
+  const { getCurrentRecord: ctxGetCurrentRecord } = (0, import_useDataSource.default)();
   (0, import_useSetRequest.default)();
   const { parseVariable } = (0, import_useVariables.default)();
+  const getCurrentRecord = (0, import_ahooks.useMemoizedFn)(() => {
+    return (parseVariable == null ? void 0 : parseVariable(currentValue, {})) || ctxGetCurrentRecord();
+  });
   const dataSource = (0, import_utils.isString)(propsDataSource) ? parseVariable == null ? void 0 : parseVariable(propsDataSource) : propsDataSource;
   const standardActions = (0, import_useActions.default)({
     dataSource,
@@ -65,7 +71,8 @@ var DataSourceProvider = (props) => {
   const create = (externalActions == null ? void 0 : externalActions.create) || standardActions.create;
   const destroy = (externalActions == null ? void 0 : externalActions.destroy) || standardActions.destroy;
   const listResult = (0, import_ahooks.useRequest)(list, {
-    manual: (0, import_utils.isBoolean)(autoRun == null ? void 0 : autoRun.list) ? !(autoRun == null ? void 0 : autoRun.list) : true
+    manual: (0, import_utils.isBoolean)(autoRun == null ? void 0 : autoRun.list) ? !(autoRun == null ? void 0 : autoRun.list) : true,
+    ...requestOptions == null ? void 0 : requestOptions.list
   });
   const getResult = (0, import_ahooks.useRequest)(get, {
     manual: (0, import_utils.isBoolean)(autoRun == null ? void 0 : autoRun.get) ? !(autoRun == null ? void 0 : autoRun.get) : true
@@ -83,6 +90,7 @@ var DataSourceProvider = (props) => {
     return {
       __designMode,
       dataSource,
+      getCurrentRecord,
       list: {
         ...listResult,
         data: (overrideData == null ? void 0 : overrideData.list) || listResult.data

package/lib/components/dataSourceComponents/provider/variables/VariablesProvider.js

@@ -69,6 +69,9 @@ var VariablesProvider = (props) => {
       variables,
       {
         global: {
+          value: {
+            query: initialQuery
+          },
           query: initialQuery
         }
       },

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+export interface IconSelectProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    defaultValue?: string;
+}
+declare const IconSelect: React.FC<IconSelectProps>;
+export default IconSelect;