@pisell/materials 1.0.585 → 1.0.587

package/es/locales/en-US.d.ts

@@ -168,11 +168,11 @@ declare const _default: {
     'walletCard-discount': string;
     'pisellQrcode-done': string;
     'pisellQrcode-qrcode': string;
-    'pisell-design-mode-action-disabled': string;
     'pisell-delete-confirm-title': string;
     'pisell-delete-confirm-content': string;
     'pisell-delete-confirm-ok': string;
     'pisell-delete-confirm-cancel': string;
+    'pisell-design-mode-action-disabled': string;
     'pisell-translation-original': string;
     'pisell-version-modal-title': string;
     'pisell-version-modal-current-version': string;
@@ -187,5 +187,12 @@ declare const _default: {
     'pisell-version-modal-describe-update-notes': string;
     'pisell-version-modal-version-error': string;
     'pisell-version-modal-version-required': string;
+    'pisell-icon-select-placeholder': string;
+    'pisell-icon-select-outlined': string;
+    'pisell-icon-select-filled': string;
+    'pisell-icon-select-two-tone': string;
+    'pisell-icon-select-iconfont': string;
+    'pisell-icon-select-search': string;
+    'pisell-icon-select-select': string;
 };
 export default _default;

package/es/locales/en-US.js

@@ -1,9 +1,4 @@
-var _tableFilterSearch$;
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-export default (_tableFilterSearch$ = {
+export default {
   "table-filter-search": "Search",
   "table-filter-clear": "Clear",
   "table-filter-filter": "Filter",
@@ -224,9 +219,30 @@ export default (_tableFilterSearch$ = {
   //PisellQrcode组件
   'pisellQrcode-done': 'Done',
   'pisellQrcode-qrcode': 'QR code',
-  'pisell-design-mode-action-disabled': 'This action cannot be performed in edit mode',
   'pisell-delete-confirm-title': 'Confirm Delete',
   'pisell-delete-confirm-content': 'Are you sure you want to delete this record? This action cannot be undone.',
   'pisell-delete-confirm-ok': 'Delete',
-  'pisell-delete-confirm-cancel': 'Cancel'
-}, _defineProperty(_tableFilterSearch$, "pisell-design-mode-action-disabled", 'This operation is not allowed in edit mode'), _defineProperty(_tableFilterSearch$, 'pisell-translation-original', 'Original'), _defineProperty(_tableFilterSearch$, 'pisell-version-modal-title', 'Publish new version'), _defineProperty(_tableFilterSearch$, 'pisell-version-modal-current-version', 'Current version'), _defineProperty(_tableFilterSearch$, 'pisell-version-modal-version', 'Version'), _defineProperty(_tableFilterSearch$, 'pisell-version-modal-update-notes', 'Update notes'), _defineProperty(_tableFilterSearch$, 'pisell-version-modal-patch', 'Patch'), _defineProperty(_tableFilterSearch$, 'pisell-version-modal-minor', 'Minor'), _defineProperty(_tableFilterSearch$, 'pisell-version-modal-major', 'Major'), _defineProperty(_tableFilterSearch$, 'pisell-version-modal-custom', 'Custom version'), _defineProperty(_tableFilterSearch$, 'pisell-version-modal-cancel', 'Cancel'), _defineProperty(_tableFilterSearch$, 'pisell-version-modal-confirm', 'Confirm'), _defineProperty(_tableFilterSearch$, 'pisell-version-modal-describe-update-notes', 'Describe the main changes in this version...'), _defineProperty(_tableFilterSearch$, 'pisell-version-modal-version-error', 'Version number must be greater than the current version'), _defineProperty(_tableFilterSearch$, 'pisell-version-modal-version-required', 'Version number is required'), _tableFilterSearch$);
+  'pisell-delete-confirm-cancel': 'Cancel',
+  'pisell-design-mode-action-disabled': 'This operation is not allowed in edit mode',
+  'pisell-translation-original': 'Original',
+  'pisell-version-modal-title': 'Publish new version',
+  'pisell-version-modal-current-version': 'Current version',
+  'pisell-version-modal-version': 'Version',
+  'pisell-version-modal-update-notes': 'Update notes',
+  'pisell-version-modal-patch': 'Patch',
+  'pisell-version-modal-minor': 'Minor',
+  'pisell-version-modal-major': 'Major',
+  'pisell-version-modal-custom': 'Custom version',
+  'pisell-version-modal-cancel': 'Cancel',
+  'pisell-version-modal-confirm': 'Confirm',
+  'pisell-version-modal-describe-update-notes': 'Describe the main changes in this version...',
+  'pisell-version-modal-version-error': 'Version number must be greater than the current version',
+  'pisell-version-modal-version-required': 'Version number is required',
+  'pisell-icon-select-placeholder': 'Select icon',
+  'pisell-icon-select-outlined': 'Outlined',
+  'pisell-icon-select-filled': 'Filled',
+  'pisell-icon-select-two-tone': 'Two-tone',
+  'pisell-icon-select-iconfont': 'Iconfont',
+  'pisell-icon-select-search': 'Search icon',
+  'pisell-icon-select-select': 'Select icon'
+};

package/es/locales/zh-CN.d.ts

@@ -187,5 +187,12 @@ declare const _default: {
     'pisell-version-modal-describe-update-notes': string;
     'pisell-version-modal-version-error': string;
     'pisell-version-modal-version-required': string;
+    'pisell-icon-select-placeholder': string;
+    'pisell-icon-select-outlined': string;
+    'pisell-icon-select-filled': string;
+    'pisell-icon-select-two-tone': string;
+    'pisell-icon-select-iconfont': string;
+    'pisell-icon-select-search': string;
+    'pisell-icon-select-select': string;
 };
 export default _default;

package/es/locales/zh-CN.js

@@ -236,5 +236,12 @@ export default {
   'pisell-version-modal-confirm': '确定',
   'pisell-version-modal-describe-update-notes': '描述此版本的主要更改...',
   'pisell-version-modal-version-error': '版本号必须大于当前版本',
-  'pisell-version-modal-version-required': '版本号为必填项'
+  'pisell-version-modal-version-required': '版本号为必填项',
+  'pisell-icon-select-placeholder': '请选择图标',
+  'pisell-icon-select-outlined': '线框风格',
+  'pisell-icon-select-filled': '实底风格',
+  'pisell-icon-select-two-tone': '双色风格',
+  'pisell-icon-select-iconfont': 'Iconfont',
+  'pisell-icon-select-search': '搜索图标',
+  'pisell-icon-select-select': '选择图标'
 };

package/es/locales/zh-TW.d.ts

@@ -187,5 +187,12 @@ declare const _default: {
     'pisell-version-modal-describe-update-notes': string;
     'pisell-version-modal-version-error': string;
     'pisell-version-modal-version-required': string;
+    'pisell-icon-select-placeholder': string;
+    'pisell-icon-select-outlined': string;
+    'pisell-icon-select-filled': string;
+    'pisell-icon-select-two-tone': string;
+    'pisell-icon-select-iconfont': string;
+    'pisell-icon-select-search': string;
+    'pisell-icon-select-select': string;
 };
 export default _default;

package/es/locales/zh-TW.js

@@ -237,5 +237,12 @@ export default {
   'pisell-version-modal-confirm': '确定',
   'pisell-version-modal-describe-update-notes': '描述此版本的主要更改...',
   'pisell-version-modal-version-error': '版本號必須大於當前版本',
-  'pisell-version-modal-version-required': '版本號為必填項'
+  'pisell-version-modal-version-required': '版本號為必填項',
+  'pisell-icon-select-placeholder': '選擇圖標',
+  'pisell-icon-select-outlined': '線框風格',
+  'pisell-icon-select-filled': '實底風格',
+  'pisell-icon-select-two-tone': '雙色風格',
+  'pisell-icon-select-iconfont': 'Iconfont',
+  'pisell-icon-select-search': '搜索圖標',
+  'pisell-icon-select-select': '選擇圖標'
 };

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IconSelectProps } from './type';
+import './ReadPretty.less';
+declare const IconSelectReadPretty: (props: IconSelectProps) => React.JSX.Element | null;
+export default IconSelectReadPretty;

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

@@ -0,0 +1,52 @@
+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/ReadPretty.tsx
+var ReadPretty_exports = {};
+__export(ReadPretty_exports, {
+  default: () => ReadPretty_default
+});
+module.exports = __toCommonJS(ReadPretty_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icon = __toESM(require("../../../icon"));
+var import_ReadPretty = require("./ReadPretty.less");
+var IconSelectReadPretty = (props) => {
+  if (!props.value) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      size: "large",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: props.value, ...props }),
+      className: "pisell-icon-select-read-pretty"
+    }
+  );
+};
+var ReadPretty_default = IconSelectReadPretty;

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.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: string;
     customDomain?: string | undefined;
     value?: string | undefined;
     isVerification?: boolean | undefined;

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

@@ -56,6 +56,7 @@ 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<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -93,5 +94,5 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     valueField: string;
 } & {
     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/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,188 @@
+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 = "HeartOutlined" } = 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" }, (0, import_locales.getText)("pisell-icon-select-select"))
+  ), value && !disabled && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      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 {};