@pisell/materials 6.0.13 → 6.0.15

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

@@ -107,6 +107,9 @@ var useActions = ({
           body
         });
         if (["pisell2-api", "mypisell-api"].includes(dataSourceKey)) {
+          if ("mypisell-api" === dataSourceKey && designMode === "design") {
+            return result;
+          }
           return result.data;
         }
         return result;
@@ -148,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/date-picker/datePickerCpt.js

@@ -81,7 +81,8 @@ var DatePickerCpt = (props) => {
     setValue(value);
   }, [value]);
   (0, import_react.useEffect)(() => {
-    setValueStr((_value == null ? void 0 : _value.format(format || "YYYY-MM-DD")) || "");
+    var _a;
+    setValueStr(((_a = _value == null ? void 0 : _value.format) == null ? void 0 : _a.call(_value, format || "YYYY-MM-DD")) || "");
   }, [_value]);
   const customPresetItems = (0, import_react.useMemo)(() => {
     const preset = [
@@ -229,6 +230,7 @@ var DatePickerCpt = (props) => {
     );
   };
   const timeInputProps = (0, import_react.useMemo)(() => {
+    var _a;
     let step = 1;
     let _format = "";
     if ((showTime == null ? void 0 : showTime.format) === "HH:mm") {
@@ -244,7 +246,7 @@ var DatePickerCpt = (props) => {
         const val = e.target.value;
         handleTimeChange(window.dayjs(val, _format));
       },
-      value: _value == null ? void 0 : _value.format(_format)
+      value: (_a = _value == null ? void 0 : _value.format) == null ? void 0 : _a.call(_value, _format)
     };
   }, [showTime, _value]);
   if (!picker || picker === "date") {

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;

package/lib/components/iconSelect/index.js

@@ -0,0 +1,189 @@
+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/iconSelect/index.tsx
+var iconSelect_exports = {};
+__export(iconSelect_exports, {
+  default: () => iconSelect_default
+});
+module.exports = __toCommonJS(iconSelect_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_ahooks = require("ahooks");
+var import_utils = require("@pisell/utils");
+var import_locales = require("../../locales");
+var import_utils2 = require("./utils");
+var import_index = require("./index.less");
+var IconGroupNameMap = {
+  outlined: (0, import_locales.getText)("pisell-icon-select-outlined"),
+  filled: (0, import_locales.getText)("pisell-icon-select-filled"),
+  "two-tone": (0, import_locales.getText)("pisell-icon-select-two-tone"),
+  iconfont: (0, import_locales.getText)("pisell-icon-select-iconfont")
+};
+var Icon = (props) => {
+  const { type, icons = {}, ...rest } = props;
+  const Comp = icons[type];
+  if (!Comp)
+    return null;
+  return /* @__PURE__ */ import_react.default.createElement(Comp, { ...rest });
+};
+var IconContent = ({
+  selectedGroup,
+  groups,
+  setSelectedGroup,
+  search,
+  setSearch,
+  list,
+  handleChange,
+  icons
+}) => /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-icon-select-popup" }, /* @__PURE__ */ import_react.default.createElement(
+  import_antd.Radio.Group,
+  {
+    className: "pisell-lowcode-icon-select-radio-group",
+    size: "middle",
+    value: selectedGroup,
+    onChange: (e) => setSelectedGroup(e.target.value)
+  },
+  groups.map((item) => /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { key: item.group, value: item.group }, IconGroupNameMap[item.group]))
+), /* @__PURE__ */ import_react.default.createElement(
+  import_antd.Input,
+  {
+    value: search,
+    size: "middle",
+    placeholder: (0, import_locales.getText)("pisell-icon-select-search"),
+    allowClear: true,
+    prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, null),
+    onChange: (e) => setSearch(e.target.value),
+    style: { width: "100%" },
+    className: "pisell-lowcode-icon-select-search"
+  }
+), /* @__PURE__ */ import_react.default.createElement("ul", { className: "pisell-lowcode-icon-select-content" }, list.map((item) => /* @__PURE__ */ import_react.default.createElement(
+  "li",
+  {
+    className: "pisell-lowcode-icon-select-item",
+    key: item.name,
+    onClick: () => handleChange(item.name),
+    title: item.name
+  },
+  /* @__PURE__ */ import_react.default.createElement(Icon, { type: item.name, icons })
+))));
+var IconSelect = (props) => {
+  const { disabled, defaultValue } = props;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [search, setSearch] = (0, import_react.useState)("");
+  const [icons, setIcons] = (0, import_react.useState)({});
+  const [groups, setGroups] = (0, import_react.useState)([]);
+  const [selectedGroup, setSelectedGroup] = (0, import_react.useState)("outlined");
+  const [firstLoad, setFirstLoad] = (0, import_react.useState)(true);
+  const [list, setList] = (0, import_react.useState)([]);
+  const [value, onChange] = (0, import_ahooks.useControllableValue)(props, {
+    defaultValue
+  });
+  if (firstLoad && defaultValue && (0, import_utils.isUndefined)(value)) {
+    onChange(defaultValue);
+    setFirstLoad(false);
+  }
+  (0, import_react.useEffect)(() => {
+    var _a;
+    const iconList = (0, import_utils2.getIconList)();
+    const groups2 = [];
+    const icons2 = {};
+    iconList.forEach((item) => {
+      const { group, name, icon } = item;
+      if (groups2.every((item2) => item2.group !== group)) {
+        groups2.push({ group, list: [] });
+      }
+      const target = groups2.find((item2) => item2.group === group);
+      target.list.push(item);
+      icons2[item.name] = item == null ? void 0 : item.icon;
+    });
+    setIcons(icons2);
+    setGroups(groups2);
+    setSelectedGroup((_a = groups2[0]) == null ? void 0 : _a.group);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    const currentGroup = groups.find((item) => item.group === selectedGroup);
+    setList(
+      ((currentGroup == null ? void 0 : currentGroup.list) ?? []).filter((item) => {
+        return search ? item.name.toLowerCase().indexOf(search.toLowerCase()) > -1 : true;
+      })
+    );
+  }, [selectedGroup, search, groups]);
+  const handleChange = (icon) => {
+    onChange == null ? void 0 : onChange(icon);
+    hide();
+  };
+  const triggerNode = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-icon-select-trigger" }, /* @__PURE__ */ import_react.default.createElement(Icon, { type: value, icons, style: { fontSize: 24 } }));
+  const hide = () => {
+    setOpen(false);
+  };
+  const handleOpenChange = (newOpen) => {
+    setOpen(newOpen);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { block: true, className: "pisell-lowcode-icon-select" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      content: /* @__PURE__ */ import_react.default.createElement(
+        IconContent,
+        {
+          selectedGroup,
+          groups,
+          setSelectedGroup,
+          search,
+          setSearch,
+          list,
+          handleChange,
+          icons
+        }
+      ),
+      trigger: "click",
+      placement: "bottom",
+      open,
+      onOpenChange: handleOpenChange
+    },
+    value ? /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        size: "large",
+        disabled,
+        icon: triggerNode,
+        className: "pisell-lowcode-icon-select-button"
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { className: "pisell-lowcode-icon-select-button-text", size: "large" }, (0, import_locales.getText)("pisell-icon-select-select"))
+  ), value && !disabled && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      size: "large",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, null),
+      className: "pisell-lowcode-icon-select-button",
+      onClick: () => onChange == null ? void 0 : onChange("")
+    }
+  ));
+};
+var iconSelect_default = IconSelect;

package/lib/components/iconSelect/index.less

@@ -0,0 +1,54 @@
+.pisell-lowcode-icon-select-trigger {
+  font-size: 20px;
+  .anticon {
+    font-size: 20px;
+  }
+}
+
+.pisell-lowcode-icon-select-button {
+  // width: 44px;
+  // height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pisell-lowcode-icon-select-button-text {
+  border-radius: 9px;
+}
+
+.pisell-lowcode-icon-select-popup {
+  width: 350px;
+  border-radius: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  .pisell-lowcode-icon-select-radio-group {
+    width: 100%;
+    display: flex;
+    & > * {
+      flex: 1;
+      padding: 0;
+      text-align: center;
+    }
+  }
+  .pisell-lowcode-icon-select-content {
+    flex: 1;
+    overflow-y: auto;
+    max-height: 280px;
+    .pisell-lowcode-icon-select-item {
+      width: 36px;
+      height: 36px;
+      line-height: 36px;
+      font-size: 24px;
+      cursor: pointer;
+      display: inline-block;
+      transition: background-color 0.2s;
+      text-align: center;
+      border-radius: 4px;
+      &:hover {
+        background-color: #f1f2f3;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,14 @@
+export declare type IconGroup = 'outlined' | 'filled' | 'two-tone' | 'iconfont';
+export declare function get(obj: any, path: string, defaultValue?: any): any;
+export declare function getAntdIconList(): ({
+    name: any;
+    group: "filled" | "outlined" | "two-tone";
+    icon: any;
+} | null)[];
+interface IconItem {
+    name: string;
+    group: IconGroup;
+    icon: any;
+}
+export declare function getIconList(): IconItem[];
+export {};