@pisell/materials 1.0.586 → 1.0.587

package/es/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/es/components/dataSourceComponents/fields/IconSelect/ReadPretty.js

@@ -0,0 +1,18 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Button } from 'antd';
+import Icon from "../../../icon";
+import "./ReadPretty.less";
+var IconSelectReadPretty = function IconSelectReadPretty(props) {
+  if (!props.value) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Button, {
+    size: "large",
+    icon: /*#__PURE__*/React.createElement(Icon, _extends({
+      type: props.value
+    }, props)),
+    className: "pisell-icon-select-read-pretty"
+  });
+};
+export default IconSelectReadPretty;

package/es/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/es/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/es/components/dataSourceComponents/fields/IconSelect/WithMode.js

@@ -0,0 +1,5 @@
+import IconSelect from "../../../iconSelect";
+import ReadPretty from "./ReadPretty";
+import { withMode } from "../../dataSourceForm/utils";
+var IconSelectWithMode = withMode(IconSelect, ReadPretty);
+export default IconSelectWithMode;

package/es/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/es/components/dataSourceComponents/fields/IconSelect/index.js

@@ -0,0 +1,4 @@
+import { withFormItem } from "../../dataSourceForm/utils";
+import IconSelectWithMode from "./WithMode";
+var IconSelect = withFormItem(IconSelectWithMode);
+export default IconSelect;

package/es/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/es/components/dataSourceComponents/fields/IconSelect/type.js

@@ -0,0 +1 @@
+export {};

package/es/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/es/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/es/components/dataSourceComponents/fields/index.js

@@ -9,6 +9,7 @@ import TimePicker from "./TimePicker";
 import DateRangePicker from "./DateRangePicker";
 import Upload from "./Upload";
 import Translation from "./Translation";
+import IconSelect from "./IconSelect";
 
 // 表单字段组件映射 增加时需要同步更新 utils 中的 formFieldFilterFuncMap
 var formFieldMap = {
@@ -31,7 +32,8 @@ var formFieldMap = {
   'FormItemCheckbox.Group': Checkbox.Group,
   FormItemDateRangePicker: DateRangePicker,
   FormItemUpload: Upload,
-  FormItemTranslation: Translation
+  FormItemTranslation: Translation,
+  FormItemIconSelect: IconSelect
 };
 var getFieldComponent = function getFieldComponent(fieldComponent) {
   return formFieldMap[fieldComponent];

package/es/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/es/components/iconSelect/index.js

@@ -0,0 +1,216 @@
+var _excluded = ["type", "icons"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useState, useEffect } from 'react';
+import { Button, Input, Popover, Radio, Space } from 'antd';
+import { CloseOutlined, SearchOutlined } from '@ant-design/icons';
+import { useControllableValue } from 'ahooks';
+import { isUndefined } from '@pisell/utils';
+import { getText } from "../../locales";
+import { getIconList } from "./utils";
+import "./index.less";
+var IconGroupNameMap = {
+  outlined: getText('pisell-icon-select-outlined'),
+  filled: getText('pisell-icon-select-filled'),
+  'two-tone': getText('pisell-icon-select-two-tone'),
+  iconfont: getText('pisell-icon-select-iconfont')
+};
+var Icon = function Icon(props) {
+  var type = props.type,
+    _props$icons = props.icons,
+    icons = _props$icons === void 0 ? {} : _props$icons,
+    rest = _objectWithoutProperties(props, _excluded);
+  var Comp = icons[type];
+  if (!Comp) return null;
+  return /*#__PURE__*/React.createElement(Comp, rest);
+};
+var IconContent = function IconContent(_ref) {
+  var selectedGroup = _ref.selectedGroup,
+    groups = _ref.groups,
+    setSelectedGroup = _ref.setSelectedGroup,
+    search = _ref.search,
+    setSearch = _ref.setSearch,
+    list = _ref.list,
+    handleChange = _ref.handleChange,
+    icons = _ref.icons;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-icon-select-popup"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    className: "pisell-lowcode-icon-select-radio-group",
+    size: "middle",
+    value: selectedGroup,
+    onChange: function onChange(e) {
+      return setSelectedGroup(e.target.value);
+    }
+  }, groups.map(function (item) {
+    return /*#__PURE__*/React.createElement(Radio.Button, {
+      key: item.group,
+      value: item.group
+    }, IconGroupNameMap[item.group]);
+  })), /*#__PURE__*/React.createElement(Input, {
+    value: search,
+    size: "middle",
+    placeholder: getText('pisell-icon-select-search'),
+    allowClear: true,
+    prefix: /*#__PURE__*/React.createElement(SearchOutlined, null),
+    onChange: function onChange(e) {
+      return setSearch(e.target.value);
+    },
+    style: {
+      width: '100%'
+    },
+    className: "pisell-lowcode-icon-select-search"
+  }), /*#__PURE__*/React.createElement("ul", {
+    className: "pisell-lowcode-icon-select-content"
+  }, list.map(function (item) {
+    return /*#__PURE__*/React.createElement("li", {
+      className: "pisell-lowcode-icon-select-item",
+      key: item.name,
+      onClick: function onClick() {
+        return handleChange(item.name);
+      },
+      title: item.name
+    }, /*#__PURE__*/React.createElement(Icon, {
+      type: item.name,
+      icons: icons
+    }));
+  })));
+};
+var IconSelect = function IconSelect(props) {
+  var disabled = props.disabled,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? 'HeartOutlined' : _props$defaultValue;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    search = _useState4[0],
+    setSearch = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    icons = _useState6[0],
+    setIcons = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    groups = _useState8[0],
+    setGroups = _useState8[1];
+  var _useState9 = useState('outlined'),
+    _useState10 = _slicedToArray(_useState9, 2),
+    selectedGroup = _useState10[0],
+    setSelectedGroup = _useState10[1];
+  var _useState11 = useState(true),
+    _useState12 = _slicedToArray(_useState11, 2),
+    firstLoad = _useState12[0],
+    setFirstLoad = _useState12[1];
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    list = _useState14[0],
+    setList = _useState14[1];
+  var _useControllableValue = useControllableValue(props, {
+      defaultValue: defaultValue
+    }),
+    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+    value = _useControllableValue2[0],
+    onChange = _useControllableValue2[1];
+  if (firstLoad && defaultValue && isUndefined(value)) {
+    onChange(defaultValue);
+    setFirstLoad(false);
+  }
+  useEffect(function () {
+    var _groups$;
+    var iconList = getIconList();
+    var groups = [];
+    var icons = {};
+    iconList.forEach(function (item) {
+      var _ref2 = item,
+        group = _ref2.group,
+        name = _ref2.name,
+        icon = _ref2.icon;
+      if (groups.every(function (item) {
+        return item.group !== group;
+      })) {
+        groups.push({
+          group: group,
+          list: []
+        });
+      }
+      var target = groups.find(function (item) {
+        return item.group === group;
+      });
+      target.list.push(item);
+      icons[item.name] = item === null || item === void 0 ? void 0 : item.icon;
+    });
+    setIcons(icons);
+    setGroups(groups);
+    setSelectedGroup((_groups$ = groups[0]) === null || _groups$ === void 0 ? void 0 : _groups$.group);
+  }, []);
+  useEffect(function () {
+    var _currentGroup$list;
+    var currentGroup = groups.find(function (item) {
+      return item.group === selectedGroup;
+    });
+    setList(((_currentGroup$list = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.list) !== null && _currentGroup$list !== void 0 ? _currentGroup$list : []).filter(function (item) {
+      return search ? item.name.toLowerCase().indexOf(search.toLowerCase()) > -1 : true;
+    }));
+  }, [selectedGroup, search, groups]);
+  var handleChange = function handleChange(icon) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(icon);
+    hide();
+  };
+  var triggerNode = /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-icon-select-trigger"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: value,
+    icons: icons,
+    style: {
+      fontSize: 24
+    }
+  }));
+  var hide = function hide() {
+    setOpen(false);
+  };
+  var handleOpenChange = function handleOpenChange(newOpen) {
+    setOpen(newOpen);
+  };
+  return /*#__PURE__*/React.createElement(Space.Compact, {
+    block: true,
+    className: "pisell-lowcode-icon-select"
+  }, /*#__PURE__*/React.createElement(Popover, {
+    content: /*#__PURE__*/React.createElement(IconContent, {
+      selectedGroup: selectedGroup,
+      groups: groups,
+      setSelectedGroup: setSelectedGroup,
+      search: search,
+      setSearch: setSearch,
+      list: list,
+      handleChange: handleChange,
+      icons: icons
+    }),
+    trigger: "click",
+    placement: "bottom",
+    open: open,
+    onOpenChange: handleOpenChange
+  }, value ? /*#__PURE__*/React.createElement(Button, {
+    size: "large",
+    disabled: disabled,
+    icon: triggerNode,
+    className: "pisell-lowcode-icon-select-button"
+  }) : /*#__PURE__*/React.createElement(Button, {
+    className: "pisell-lowcode-icon-select-button-text"
+  }, getText('pisell-icon-select-select'))), value && !disabled && /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(CloseOutlined, null),
+    className: "pisell-lowcode-icon-select-button",
+    onClick: function onClick() {
+      return onChange === null || onChange === void 0 ? void 0 : onChange('');
+    }
+  }));
+};
+export default IconSelect;

package/es/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/es/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 {};

package/es/components/iconSelect/utils.js

@@ -0,0 +1,102 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import React from 'react';
+export function get(obj, path, defaultValue) {
+  // 处理路径为空的情况
+  if (!path) return defaultValue;
+
+  // 将路径分割成数组
+  var keys = path.split('.');
+  var result = obj;
+
+  // 遍历路径
+  var _iterator = _createForOfIteratorHelper(keys),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var key = _step.value;
+      // 如果当前结果是null或undefined,返回默认值
+      if (result == null) {
+        return defaultValue;
+      }
+      result = result[key];
+    }
+
+    // 如果最终结果是null或undefined,返回默认值
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return result === undefined ? defaultValue : result;
+}
+function getIconfontIconList() {
+  // iconfont的js会在页面中添加svg元素
+  var symbols = Array.prototype.slice.call(window.document.querySelectorAll('svg[style="position: absolute; width: 0px; height: 0px; overflow: hidden;"][aria-hidden="true"] > symbol'));
+  return symbols.map(function (symbol) {
+    var id = symbol.id;
+    return {
+      name: id,
+      group: 'iconfont',
+      icon: function icon(props) {
+        return /*#__PURE__*/React.createElement("span", {
+          role: "img",
+          className: "anticon"
+        }, /*#__PURE__*/React.createElement("svg", {
+          viewBox: "64 64 896 896",
+          width: "1em",
+          height: "1em",
+          fill: "currentColor",
+          dangerouslySetInnerHTML: {
+            __html: symbol.innerHTML
+          }
+        }));
+      }
+    };
+  });
+}
+export function getAntdIconList() {
+  var antdIcons = window.icons;
+  return Object.keys(antdIcons).map(function (key) {
+    var _ref, _item$displayName, _item$render;
+    var item = antdIcons[key];
+    if (_typeof(item) !== 'object') {
+      return null;
+    }
+    var name = (_ref = (_item$displayName = item === null || item === void 0 ? void 0 : item.displayName) !== null && _item$displayName !== void 0 ? _item$displayName : item === null || item === void 0 ? void 0 : (_item$render = item.render) === null || _item$render === void 0 ? void 0 : _item$render.displayName) !== null && _ref !== void 0 ? _ref : key;
+    var group = 'outlined';
+    var lowercaseName = name.toLowerCase();
+    if (/outlined$/.test(lowercaseName)) {
+      group = 'outlined';
+    } else if (/filled$/.test(lowercaseName)) {
+      group = 'filled';
+    } else if (/twotone$/.test(lowercaseName)) {
+      group = 'two-tone';
+    } else {
+      return null;
+    }
+    return {
+      name: name,
+      group: group,
+      icon: item
+    };
+  }).filter(Boolean);
+}
+export function getIconList() {
+  var iconfontIconList = getIconfontIconList();
+  var antdIconList = getAntdIconList();
+  var allIcons = [].concat(_toConsumableArray(iconfontIconList), _toConsumableArray(antdIconList));
+  var uniqueIconsMap = new Map();
+  allIcons.forEach(function (icon) {
+    if (!uniqueIconsMap.has(icon.name)) {
+      uniqueIconsMap.set(icon.name, icon);
+    }
+  });
+  return Array.from(uniqueIconsMap.values());
+}

package/es/index.d.ts

@@ -138,6 +138,7 @@ export { default as FormItemSelect } from './components/dataSourceComponents/fie
 export { default as FormItemTimePicker } from './components/dataSourceComponents/fields/TimePicker';
 export { default as FormItemUpload } from './components/dataSourceComponents/fields/Upload';
 export { default as FormItemTranslation } from './components/dataSourceComponents/fields/Translation';
+export { default as FormItemIconSelect } from './components/dataSourceComponents/fields/IconSelect';
 export { default as DataSourceTable } from './components/dataSourceComponents/dataSourceTable';
 export { default as DataSourceWrapper } from './components/dataSourceComponents/dataSourceWrapper';
 export { default as DataSourceTypography } from './components/dataSourceComponents/dataSourceShow/dataSourceTypography';
@@ -155,3 +156,4 @@ export { default as PageHeader } from './components/page-header';
 export { default as OrganizationTenantSwitcher } from './components/organizationTenantSwitcher';
 export { default as loginAndRegister } from './components/login-and-register';
 export { default as PublishVersionModal } from './components/versionModal';
+export { default as IconSelect } from './components/iconSelect';

package/es/index.js

@@ -168,6 +168,7 @@ export { default as FormItemSelect } from "./components/dataSourceComponents/fie
 export { default as FormItemTimePicker } from "./components/dataSourceComponents/fields/TimePicker";
 export { default as FormItemUpload } from "./components/dataSourceComponents/fields/Upload";
 export { default as FormItemTranslation } from "./components/dataSourceComponents/fields/Translation";
+export { default as FormItemIconSelect } from "./components/dataSourceComponents/fields/IconSelect";
 export { default as DataSourceTable } from "./components/dataSourceComponents/dataSourceTable";
 export { default as DataSourceWrapper } from "./components/dataSourceComponents/dataSourceWrapper";
 export { default as DataSourceTypography } from "./components/dataSourceComponents/dataSourceShow/dataSourceTypography";
@@ -184,4 +185,5 @@ export { default as PisellList01 } from "./components/pisellList01";
 export { default as PageHeader } from "./components/page-header";
 export { default as OrganizationTenantSwitcher } from "./components/organizationTenantSwitcher";
 export { default as loginAndRegister } from "./components/login-and-register";
-export { default as PublishVersionModal } from "./components/versionModal";
+export { default as PublishVersionModal } from "./components/versionModal";
+export { default as IconSelect } from "./components/iconSelect";

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;