@luck-design-biz/luckda 0.0.25 → 0.0.26

package/es/lowcode/painter/panel-section/ActionsEditor/ActionEditor.js

@@ -1,154 +0,0 @@
-import React, { useRef } from 'react';
-import { useMemoizedFn } from 'ahooks';
-import { Tooltip, Icon, Input, Segmented, Select } from 'luck-design/antd';
-import { cloneDeep, debounce } from 'lodash';
-import PopConfirm from "../../components/PopConfirm";
-import { PopForm, PopFormItem, PopFormItemLeft, PopFormItemRight } from "../../components/PopForm";
-import JSEditor from "../../components/code-editor/JSEditor";
-import FullScreenEditor from "../../components/code-editor/FullScreenEditor";
-import { formatMessage } from '@luck-design-biz/base/utils';
-import styles from "../../style/actions-editor.less";
-var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionEditor';
-var _SERIAL_EFFECT_OPTIONS_ = [{
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".hidden"),
-    label: '隐藏'
-  }),
-  value: 'hidden'
-}, {
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".disable"),
-    label: '禁用'
-  }),
-  value: 'disable'
-}];
-var _RISK_LEVEL_OPTIONS_ = [{
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".default"),
-    label: '一般'
-  }),
-  value: 'default'
-}, {
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".primary"),
-    label: '重要'
-  }),
-  value: 'primary'
-}, {
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".danger"),
-    label: '危险'
-  }),
-  value: 'danger'
-}, {
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".destroy"),
-    label: '毁灭'
-  }),
-  value: 'destroy'
-}];
-var _DEFAULT_CODE_ = 'function todo(ctx) {}';
-var ActionEditor = function ActionEditor(_ref) {
-  var action = _ref.action,
-    onChange = _ref.onChange;
-  var editorRef = useRef();
-  var valueRef = useRef(cloneDeep(action));
-  var handleCodeChange = useRef(debounce(function (code) {
-    valueRef.current.actionCode = code;
-    onChange(valueRef.current);
-  }, 400));
-  var handleChange = useMemoizedFn(function (field, value) {
-    valueRef.current[field] = value;
-    onChange(valueRef.current);
-  });
-  var handleEditorLoad = useMemoizedFn(function () {
-    editorRef.current.editor.setValue(action.actionCode || _DEFAULT_CODE_);
-  });
-  return /*#__PURE__*/React.createElement(PopForm, null, /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".name"),
-    label: '名称'
-  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Input, {
-    size: "small",
-    defaultValue: action.name,
-    onChange: function onChange(e) {
-      return handleChange('name', e.target.value);
-    },
-    placeholder: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".name.placeholder"),
-      label: '请输入行为名称'
-    })
-  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".serial"),
-    label: '资源串'
-  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Input, {
-    size: "small",
-    defaultValue: action.serial,
-    onChange: function onChange(e) {
-      return handleChange('serial', e.target.value);
-    },
-    placeholder: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".serial.placeholder"),
-      label: '请输入行为名称'
-    })
-  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".serialEffect"),
-    label: '越权效果'
-  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Segmented, {
-    size: "small",
-    options: _SERIAL_EFFECT_OPTIONS_,
-    value: action.serialEffect,
-    onChange: function onChange(value) {
-      return handleChange('serialEffect', value);
-    }
-  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".serialEffect"),
-    label: '风险等级'
-  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Segmented, {
-    size: "small",
-    options: _RISK_LEVEL_OPTIONS_,
-    value: action.riskLevel,
-    onChange: function onChange(value) {
-      return handleChange('riskLevel', value);
-    }
-  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".actionPool"),
-    label: '行为池'
-  })), /*#__PURE__*/React.createElement(PopFormItemRight, {
-    style: {
-      position: 'relative'
-    }
-  }, /*#__PURE__*/React.createElement(Select, {
-    size: "small",
-    mode: "multiple",
-    className: styles['action-pool-selector'],
-    defaultValue: action.actionPool,
-    onChange: function onChange(value) {
-      return handleChange('actionPool', value);
-    }
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "jack"
-  }, "Jack"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "lucy"
-  }, "Lucy"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "yiminghe"
-  }, "Yiminghe")), /*#__PURE__*/React.createElement(Tooltip, {
-    title: formatMessage({
-      id: 'luckda.lowcode.painter.coder',
-      label: '编码器'
-    })
-  }, /*#__PURE__*/React.createElement(PopConfirm, {
-    placement: "top",
-    title: /*#__PURE__*/React.createElement(FullScreenEditor, {
-      ref: editorRef,
-      EditorComponent: JSEditor,
-      width: "640px",
-      height: "300px",
-      onChange: handleCodeChange.current,
-      onLoad: handleEditorLoad
-    })
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "code",
-    className: styles['action-pool-coder']
-  }))))));
-};
-export default ActionEditor;

package/es/lowcode/painter/panel-section/ActionsEditor/index.js

@@ -1,198 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef, useReducer } from 'react';
-import { useMemoizedFn } from 'ahooks';
-import { Tooltip, Icon, Segmented, InputNumber, Input } from 'luck-design/antd';
-import { cloneDeep } from 'lodash';
-import ActionEditor from "./ActionEditor";
-import PanelItem from "../../components/PanelItem";
-import { SortBox, SortItem } from "../../components/SortBox";
-import { ListEditor, ListEditorItem } from "../../components/ListEditor";
-import PopConfirm from "../../components/PopConfirm";
-import { formatMessage, suid } from '@luck-design-biz/base/utils';
-import { listReducer } from "../../../engine/tools/helper";
-import styles from "../../style/actions-editor.less";
-var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionsEditor';
-var _DISPLAY_OPTIONS_ = [{
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".button"),
-    label: '按钮'
-  }),
-  value: 'button'
-}, {
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".text"),
-    label: '文本'
-  }),
-  value: 'text'
-}];
-var ActionsEditor = function ActionsEditor(_ref) {
-  var defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange,
-    suppressDisplay = _ref.suppressDisplay,
-    suppressMax = _ref.suppressMax,
-    suppressMore = _ref.suppressMore;
-  var valueRef = useRef(cloneDeep(defaultValue));
-  var _useReducer = useReducer(listReducer, defaultValue.todoList || []),
-    _useReducer2 = _slicedToArray(_useReducer, 2),
-    todoList = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  var handleAdd = useMemoizedFn(function () {
-    dispatch({
-      type: 'add',
-      payload: {
-        id: suid(),
-        name: "\u64CD\u4F5C".concat(todoList.length + 1),
-        serial: void 0,
-        serialEffect: 'hidden',
-        riskLevel: 'default',
-        actionPool: [],
-        actionCode: void 0
-      },
-      callback: function callback(newActions) {
-        valueRef.current.todoList = newActions;
-        onChange(cloneDeep(valueRef.current));
-      }
-    });
-  });
-  var handleDelete = useMemoizedFn(function (action) {
-    dispatch({
-      type: 'delete',
-      payload: action.id,
-      callback: function callback(newActions) {
-        valueRef.current.todoList = newActions;
-        onChange(cloneDeep(valueRef.current));
-      }
-    });
-  });
-  var handleSortChange = useMemoizedFn(function (sortItems) {
-    dispatch({
-      type: 'sort',
-      payload: sortItems,
-      callback: function callback(newActions) {
-        valueRef.current.todoList = newActions;
-        onChange(cloneDeep(valueRef.current));
-      }
-    });
-  });
-  var handleValueChange = useMemoizedFn(function (field, value) {
-    if (field === 'action') {
-      dispatch({
-        type: 'edit',
-        payload: {
-          id: value.id,
-          data: value
-        },
-        callback: function callback(newActions) {
-          valueRef.current.todoList = newActions;
-        }
-      });
-    } else {
-      valueRef.current[field] = value;
-    }
-    onChange(cloneDeep(valueRef.current));
-  });
-  var renderItemRight = useMemoizedFn(function (action) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-      title: formatMessage({
-        id: 'luckda.lowcode.painter.edit',
-        label: '编辑'
-      })
-    }, /*#__PURE__*/React.createElement(PopConfirm, {
-      placement: "left",
-      title: /*#__PURE__*/React.createElement(ActionEditor, {
-        action: action,
-        onChange: function onChange(value) {
-          return handleValueChange('action', value);
-        }
-      })
-    }, /*#__PURE__*/React.createElement(Icon, {
-      type: "edit",
-      style: {
-        marginRight: '8px',
-        cursor: 'pointer'
-      }
-    }))), /*#__PURE__*/React.createElement(Tooltip, {
-      title: formatMessage({
-        id: 'luckda.lowcode.painter.delete',
-        label: '删除'
-      })
-    }, /*#__PURE__*/React.createElement(Icon, {
-      type: "delete",
-      style: {
-        marginRight: '8px',
-        cursor: 'pointer'
-      },
-      onClick: function onClick() {
-        return handleDelete(action);
-      }
-    })));
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-painter-panel-section-components-actionsEditor']
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '100%',
-      padding: '0 16px'
-    }
-  }, !suppressDisplay && /*#__PURE__*/React.createElement(PanelItem, {
-    suppressPadding: true,
-    label: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".display"),
-      label: '展现形式'
-    })
-  }, /*#__PURE__*/React.createElement(Segmented, {
-    size: "small",
-    options: _DISPLAY_OPTIONS_,
-    defaultValue: defaultValue.display,
-    onChange: function onChange(value) {
-      return handleValueChange('display', value);
-    }
-  })), !suppressMax && /*#__PURE__*/React.createElement(PanelItem, {
-    suppressPadding: true,
-    label: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".max"),
-      label: '最大显示数'
-    })
-  }, /*#__PURE__*/React.createElement(InputNumber, {
-    size: "small",
-    defaultValue: defaultValue.max,
-    onChange: function onChange(value) {
-      return handleValueChange('max', value);
-    }
-  })), !suppressMore && /*#__PURE__*/React.createElement(PanelItem, {
-    suppressPadding: true,
-    label: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".moreText"),
-      label: '更多显示文字'
-    })
-  }, /*#__PURE__*/React.createElement(Input, {
-    size: "small",
-    defaultValue: defaultValue.moreText,
-    onChange: function onChange(e) {
-      return handleValueChange('moreText', e.target.value);
-    }
-  })), /*#__PURE__*/React.createElement(SortBox, {
-    datas: todoList.map(function (_ref2) {
-      var id = _ref2.id;
-      return id;
-    }),
-    onChange: handleSortChange
-  }, /*#__PURE__*/React.createElement(ListEditor, {
-    addText: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".add"),
-      label: '添加操作'
-    }),
-    handleAdd: handleAdd
-  }, todoList.map(function (action) {
-    return /*#__PURE__*/React.createElement(SortItem, {
-      key: action.id,
-      id: action.id
-    }, /*#__PURE__*/React.createElement(ListEditorItem, {
-      left: /*#__PURE__*/React.createElement("span", null, action.name),
-      right: renderItemRight(action),
-      item: action,
-      dispatch: dispatch
-    }));
-  })))));
-};
-export default ActionsEditor;

package/es/lowcode/painter/panel-section/ButtonType.js

@@ -1,39 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["onChange"];
-import React from 'react';
-import { Select, Button } from 'luck-design/antd';
-import styles from "../style/button-type.less";
-var ButtonType = function ButtonType(_ref) {
-  var onChange = _ref.onChange,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
-    onChange: onChange,
-    className: styles['lc-painter-panel-section-components-buttontype']
-  }), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "primary"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    size: "small",
-    className: styles['lc-painter-panel-section-components-buttontype-option']
-  }, "primary")), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "default"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "default",
-    size: "small",
-    className: styles['lc-painter-panel-section-components-buttontype-option']
-  }, "default")), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "dashed"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "dashed",
-    size: "small",
-    className: styles['lc-painter-panel-section-components-buttontype-option']
-  }, "dashed")), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "danger"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "danger",
-    size: "small",
-    className: styles['lc-painter-panel-section-components-buttontype-option']
-  }, "danger")));
-};
-export default ButtonType;

package/es/lowcode/painter/panel-section/DataSetSelector.js

@@ -1,61 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useState } from 'react';
-import { useMemoizedFn } from 'ahooks';
-import { Select } from 'luck-design/antd';
-import { request } from '@luck-design-biz/base/utils';
-import { SERVICE_READ_DATASET } from "../../constants/api-url";
-var DataSetSelector = function DataSetSelector(_ref) {
-  var defaultValue = _ref.defaultValue,
-    size = _ref.size,
-    onChange = _ref.onChange;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    options = _useState2[0],
-    setOptions = _useState2[1];
-  useEffect(function () {
-    setOptions([{
-      value: 'dsWmsOutboundOrder',
-      label: '出库单'
-    }, {
-      value: 'dsWmsMaterialsData',
-      label: '物料主数据'
-    }, {
-      value: 'dsStockInboundOrder',
-      label: '库存台账'
-    }]);
-    // request(
-    //   `${SERVICE_READ_DATASET}`,
-    //   {
-    //     method: 'GET',
-    //     body: { dataModelKey: '' },
-    //   }.then((res) => {
-    //     console.log('res', res);
-    //     setOptions([
-    //       { value: 'dsWmsOutboundOrder', label: '出库单' },
-    //       { value: 'dsWmsMaterialsData', label: '物料主数据' },
-    //       { value: 'dsStockInboundOrder', label: '库存台账' },
-    //     ]);
-    //   }),
-    // );
-  }, []);
-  var handleChange = useMemoizedFn(function (value) {
-    console.log('value', value);
-    onChange(value);
-  });
-  return /*#__PURE__*/React.createElement(Select, {
-    defaultValue: defaultValue,
-    size: size,
-    onChange: handleChange,
-    getPopupContainer: function getPopupContainer() {
-      return document.getElementById('lc-design-workspace');
-    }
-  }, options.map(function (_ref2) {
-    var value = _ref2.value,
-      label = _ref2.label;
-    return /*#__PURE__*/React.createElement(Select.Option, {
-      key: value,
-      value: value
-    }, label);
-  }));
-};
-export default DataSetSelector;

package/es/lowcode/painter/panel-section/Icon.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import { Icon } from 'luck-design/antd';
-import styles from "../style/icon.less";
-import { ICONLIST_JS } from "../../constants/api-url";
-
-/**
- * 一个简单的图标选择器组件，展示了一个图标并允许用户点击选择。
- * 该组件使用了`Icon.createFromIconfontCN`来创建一个可以从Iconfont.cn加载图标的`IconFont`组件。
- * 当图标被点击时，会调用`onSelect`回调函数，并传递一个对象，其中包含了`field`字段。
- *
- * @component
- * @example
- * ```jsx
- * <IconSelector
- *   field="iconField"
- *   onSelect={({ field }) => console.log(`Selected icon field: ${field}`)}
- *   value="icon-example"
- * />
- * ```
- *
- * @param {Object} props 组件的props
- * @param {string} props.field 用于识别选择的图标字段的标识符。
- * @param {Function} props.onSelect 当图标被点击时触发的回调函数。
- *                                  接收一个对象参数，该对象包含`field`字段。
- * @param {string} [props.value='iconyingyongguanli'] 初始化时图标的类型，
- *                                                     默认为'iconyingyongguanli'。
- *
- * @returns {React.Element} 渲染的React元素。
- */
-export default function (_ref) {
-  var field = _ref.field,
-    onSelect = _ref.onSelect,
-    value = _ref.value,
-    next = _ref.next;
-  var IconFont = Icon.createFromIconfontCN({
-    scriptUrl: ICONLIST_JS
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-painter-panel-section-icon'],
-    onClick: function onClick() {
-      return next();
-    }
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    type: value !== null && value !== void 0 ? value : 'iconyingyongguanli'
-  }), /*#__PURE__*/React.createElement("span", {
-    className: styles['selecor']
-  }, "\u8BF7\u9009\u62E9 >"));
-}

package/es/lowcode/painter/panel-section/IconSelector.js

@@ -1,134 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useState, useMemo, useCallback } from 'react';
-import { Icon, Input, Tooltip } from 'luck-design/antd';
-import { useMemoizedFn } from 'ahooks';
-import styles from "../style/icon-selector.less";
-import { request } from '@luck-design-biz/base/utils';
-import { formatMessage } from '@luck-design-biz/base/utils';
-import { ICONLIST_URL, ICONLIST_JS } from "../../constants/api-url";
-var Search = Input.Search;
-
-/**
- * 一个用于选择图标的组件，提供了图标的搜索和选择功能。
- *
- * 该组件首先从预定义的URL加载图标列表，然后显示这些图标。用户可以通过输入框搜索图标，
- * 点击图标时，会通过 `onChange` 回调将选中的图标信息返回给父组件。
- *
- * @component
- * @example
- * ```jsx
- * <IconSelector
- *   onChange={(selectedIcon) => console.log(selectedIcon)}
- * />
- * ```
- *
- * @param {Object} props 组件接受的props
- * @param {Function} props.onChange 当图标被选中时触发的回调函数，接受选中图标的信息作为参数
- */
-export default function (_ref) {
-  var onChange = _ref.onChange;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    iconData = _useState2[0],
-    setIconData = _useState2[1];
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    searchTerm = _useState4[0],
-    setSearchTerm = _useState4[1];
-  var IconFont = Icon.createFromIconfontCN({
-    scriptUrl: ICONLIST_JS
-  });
-  function getIconList() {
-    return _getIconList.apply(this, arguments);
-  }
-  function _getIconList() {
-    _getIconList = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            return _context2.abrupt("return", request(ICONLIST_URL, {
-              method: 'get'
-            }));
-          case 1:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return _getIconList.apply(this, arguments);
-  }
-  useEffect(function () {
-    var fetchData = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var data;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return getIconList();
-            case 3:
-              data = _context.sent;
-              setIconData(data);
-              _context.next = 10;
-              break;
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](0);
-              console.error('获取数据失败', _context.t0);
-            case 10:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[0, 7]]);
-      }));
-      return function fetchData() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    fetchData();
-  }, []);
-  var handleSearch = useCallback(function (e) {
-    setSearchTerm(e.target.value.toLowerCase());
-  }, []);
-  var filteredData = useMemo(function () {
-    if (iconData && iconData.glyphs) {
-      return iconData.glyphs.filter(function (item) {
-        return item.name.toLowerCase().includes(searchTerm) || item.font_class.toLowerCase().includes(searchTerm);
-      });
-    }
-    return [];
-  }, [iconData, searchTerm]);
-  var handleClick = useMemoizedFn(function (icon) {
-    onChange === null || onChange === void 0 || onChange(icon);
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-painter-panel-section-iconselector']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['components-search']
-  }, /*#__PURE__*/React.createElement(Search, {
-    placeholder: formatMessage({
-      id: 'luckda.lowcode.painter.components.search',
-      label: '搜索组件'
-    }),
-    onChange: handleSearch
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles['icon-warp']
-  }, filteredData && filteredData.length > 0 && filteredData.map(function (iconItem) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: iconItem.font_class,
-      className: styles['icon-box'],
-      onClick: function onClick() {
-        return handleClick(iconItem);
-      }
-    }, /*#__PURE__*/React.createElement(Tooltip, {
-      placement: "top",
-      title: iconItem.name
-    }, /*#__PURE__*/React.createElement(IconFont, {
-      className: styles['icon-item'],
-      type: "".concat(iconData.css_prefix_text).concat(iconItem.font_class)
-    })));
-  })));
-}