@luck-design-biz/luckda 0.0.25-9 → 0.0.26

package/es/lowcode/engine/tools/helper.js

@@ -1,172 +1,4 @@
-import _construct from "@babel/runtime/helpers/esm/construct";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import { omit, isNil, isString, isArray } from 'lodash';
-import postcss from 'postcss';
-import { META_TAG_NAME } from "../../constants";
 export function isPromise(value) {
   return !!value && _typeof(value) === 'object' && typeof value.then === 'function';
-}
-export function omitBadProps(props) {
-  var rubbish = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return omit(props, ['component', 'name', 'desc', 'icon', 'group', 'groupName', 'order'].concat(_toConsumableArray(rubbish)));
-}
-export function listReducer(state, action) {
-  switch (action.type) {
-    case 'insert':
-      {
-        var _action$callback;
-        var newState = _toConsumableArray(state);
-        newState.splice(action.payload.index + 1, 0, action.payload.data);
-        (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, newState);
-        return newState;
-      }
-    case 'add':
-      {
-        var _action$callback2;
-        var _newState = [].concat(_toConsumableArray(state), [action.payload]);
-        (_action$callback2 = action.callback) === null || _action$callback2 === void 0 || _action$callback2.call(action, _newState);
-        return _newState;
-      }
-    case 'delete':
-      {
-        var _action$callback3;
-        var _newState2 = state.filter(function (item) {
-          return item.id !== action.payload;
-        });
-        (_action$callback3 = action.callback) === null || _action$callback3 === void 0 || _action$callback3.call(action, _newState2);
-        return _newState2;
-      }
-    case 'edit':
-      {
-        var _action$callback4;
-        var _newState3 = state.map(function (item) {
-          return item.id === action.payload.id ? _objectSpread(_objectSpread({}, item), action.payload.data) : item;
-        });
-        (_action$callback4 = action.callback) === null || _action$callback4 === void 0 || _action$callback4.call(action, _newState3);
-        return _newState3;
-      }
-    case 'batchEdit':
-      {
-        var _action$callback5;
-        var _newState4 = state.map(function (item) {
-          var newItem = action.payload.items.find(function (_id) {
-            return _id === item.id;
-          });
-          if (newItem) {
-            return _objectSpread(_objectSpread({}, item), action.payload.data);
-          }
-          return item;
-        });
-        (_action$callback5 = action.callback) === null || _action$callback5 === void 0 || _action$callback5.call(action, _newState4);
-        return _newState4;
-      }
-    case 'active':
-      {
-        var _action$callback6;
-        var _newState5 = state.map(function (item) {
-          item.active = false;
-          return item.id === action.payload.id ? _objectSpread(_objectSpread({}, item), action.payload.data) : item;
-        });
-        (_action$callback6 = action.callback) === null || _action$callback6 === void 0 || _action$callback6.call(action, _newState5);
-        return _newState5;
-      }
-    case 'init':
-    case 'new':
-      {
-        var _action$callback7;
-        (_action$callback7 = action.callback) === null || _action$callback7 === void 0 || _action$callback7.call(action, action.payload);
-        return action.payload;
-      }
-    case 'sort':
-      {
-        var _action$callback8;
-        var sortItems = action.payload;
-        var newItems = state.sort(function (a, b) {
-          var indexA = sortItems.indexOf(a.id);
-          var indexB = sortItems.indexOf(b.id);
-          return indexA - indexB;
-        });
-        var _newState6 = _toConsumableArray(newItems);
-        (_action$callback8 = action.callback) === null || _action$callback8 === void 0 || _action$callback8.call(action, _newState6);
-        return _newState6;
-      }
-    default:
-      throw new Error();
-  }
-}
-export function getCtx(context) {
-  return context;
-  // return omitBy(context, (_, key) => startsWith(key, '_'));
-}
-export function getFuncBody(funcCode) {
-  var regex = /{([\s\S]*?)}(?![\s\S]*})/;
-  var matches = funcCode.match(regex);
-  if (matches) {
-    return matches[1].replace(/\s*\n\s*/g, ' ').trim();
-  }
-  return '';
-}
-export function executeCode(context, code, argsName) {
-  if (!isString(code)) {
-    throw new Error('executeCode编码参数无效');
-  }
-  for (var _len = arguments.length, args = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
-    args[_key - 3] = arguments[_key];
-  }
-  if (isNil(argsName) && args.length > 0 || !isNil(argsName) && !isArray(argsName) || isArray(argsName) && argsName.length !== (args === null || args === void 0 ? void 0 : args.length)) {
-    throw new Error('executeCode参数不匹配');
-  }
-  var ctx = getCtx(context);
-  var func = _construct(Function, _toConsumableArray(argsName || []).concat(['ctx', getFuncBody(code)]));
-  return func.apply(void 0, args.concat([ctx]));
-}
-export function parseCSS(cssString) {
-  // 创建一个空对象来存储解析后的样式
-  var parsedStyles = {};
-  if (cssString) {
-    try {
-      // 解析CSS字符串
-      var ast = postcss.parse(cssString);
-
-      // 遍历AST中的每个规则
-      ast.walkDecls(function (decl) {
-        // 将每个声明的属性和值存储在对象中
-        parsedStyles[decl.prop] = decl.value;
-      });
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  // 返回包含所有样式的对象
-  return parsedStyles;
-}
-;
-export function isColor(str) {
-  var hexRegex = /^#(?:[A-Fa-f0-9]{3,4}){1,2}$/;
-  var rgbaRegex = /^rgba?\(\s*(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})(,\s*(0|1|0?\.\d+))?\s*\)$/;
-  return hexRegex.test(str) || rgbaRegex.test(str);
-}
-export function setLDMetaAttrs(data) {
-  var meta = document.querySelector("meta[name=\"".concat(META_TAG_NAME, "\"]"));
-  if (!meta) {
-    meta = document.createElement('meta');
-  }
-  meta.name = META_TAG_NAME;
-  meta.content = new URLSearchParams(data).toString().replaceAll('&', ',');
-  document.head.appendChild(meta);
-}
-export function getLDMetaAttr(name) {
-  if (isNil(name)) return void 0;
-  var meta = document.querySelector("meta[name=\"".concat(META_TAG_NAME, "\"]"));
-  var params = new URLSearchParams(meta.content.replaceAll(',', '&'));
-  if (isArray(name)) {
-    return name.map(function (n) {
-      return params.get(n);
-    });
-  }
-  return params.get(name);
-}
-;
+}

package/es/lowcode/engine/tools/lcid.js

@@ -0,0 +1,16 @@
+import { v4 as uuidv4 } from 'uuid';
+var chars = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
+export default function generateShortUuid() {
+  var toLowerCase = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var shortBuffer = '';
+  var uuid = uuidv4().replace(/-/g, '');
+  for (var i = 0; i < 8; i++) {
+    var str = uuid.substring(i * 4, i * 4 + 4);
+    var x = parseInt(str, 16);
+    shortBuffer += chars[x % 0x3e];
+  }
+  if (toLowerCase) {
+    return shortBuffer.toLowerCase();
+  }
+  return shortBuffer;
+}

package/es/lowcode/index.js

@@ -1,6 +1,3 @@
 export { default as Painter } from "./painter";
 export { default as View } from "./view";
-export { default as Preview } from "./preview";
-// export * as dataProcess  from './engine/tools/dataProcess';
-
-export default function launcher() {}
+// export * as dataProcess  from './engine/tools/dataProcess';

package/es/lowcode/painter/Components.js

@@ -1,15 +1,12 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState } from 'react';
 import { Icon, Input, Tabs } from 'luck-design/antd';
 import { useMemoizedFn, useCreation } from 'ahooks';
 import { formatMessage } from '@luck-design-biz/base/utils';
-import { useContext } from "../engine/provider/ContextProvider";
-import { useDraggable } from '@dnd-kit/core';
+import { useLDContext } from "../engine/provider/ContextProvider";
 import styles from "./style/components.less";
 import data from "../engine/meta/components-list.json";
-import { Action } from "./components/DragDrop/DragDropContext";
 var TabPane = Tabs.TabPane;
 var Search = Input.Search;
 var BaseCom = function BaseCom(_ref) {
@@ -31,7 +28,7 @@ var BaseCom = function BaseCom(_ref) {
     }).filter(function (group) {
       return group.components.length > 0;
     });
-  }, [searchTerm]);
+  }, [data]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: styles['components-search']
   }, /*#__PURE__*/React.createElement(Search, {
@@ -47,53 +44,30 @@ var BaseCom = function BaseCom(_ref) {
       key: group.group,
       className: styles['components-wrapper']
     }, /*#__PURE__*/React.createElement("h3", null, group.groupName), group.components.map(function (item) {
-      return /*#__PURE__*/React.createElement(CompItem, {
+      return /*#__PURE__*/React.createElement("div", {
         key: item.component,
-        item: item,
-        onComponentClick: onComponentClick
-      });
+        className: styles['components-item'],
+        onClick: function onClick() {
+          return onComponentClick(item);
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles['icon-wrapper']
+      }, /*#__PURE__*/React.createElement(Icon, {
+        type: item.icon || 'home'
+      })), /*#__PURE__*/React.createElement("div", {
+        className: styles['text-content']
+      }, /*#__PURE__*/React.createElement("span", null, item.name)));
     }));
   })));
 };
-var CompItem = function CompItem(_ref2) {
-  var item = _ref2.item,
-    onComponentClick = _ref2.onComponentClick;
-  // console.log('CompItem', item.component);
-  var _useDraggable = useDraggable({
-      id: 'comlist-' + item.component,
-      data: {
-        component: item,
-        action: Action.ADD
-      }
-    }),
-    attributes = _useDraggable.attributes,
-    listeners = _useDraggable.listeners,
-    transform = _useDraggable.transform,
-    setNodeRef = _useDraggable.setNodeRef;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: setNodeRef
-  }, listeners, attributes, {
-    key: item.component,
-    className: styles['components-item'],
-    onClick: function onClick() {
-      return onComponentClick(item);
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles['icon-wrapper']
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: item.icon || 'home'
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles['text-content']
-  }, /*#__PURE__*/React.createElement("span", null, item.name)));
-};
 
 /**
  * 组件清单
  */
-var Components = function Components(_ref3) {
-  var _ref3$dataset = _ref3.dataset,
-    dataset = _ref3$dataset === void 0 ? 'test' : _ref3$dataset;
-  var context = useContext();
+var Components = function Components(_ref2) {
+  var _ref2$dataset = _ref2.dataset,
+    dataset = _ref2$dataset === void 0 ? 'test' : _ref2$dataset;
+  var context = useLDContext();
   var onComponentClick = useMemoizedFn(function (data) {
     context.$publisher(context.topics.COMPONENT_SETTING_CLICK, {
       data: data
@@ -121,10 +95,10 @@ var Components = function Components(_ref3) {
     onComponentClick: onComponentClick
   })), /*#__PURE__*/React.createElement(TabPane, {
     tab: formatMessage({
-      id: 'ccm.dev.page.set.components.custom',
-      label: '自定义组件'
+      id: 'ccm.dev.page.set.components.dataset',
+      label: '数据集字段'
     }),
     key: "dataset"
-  }, "\u656C\u8BF7\u671F\u5F85")));
+  })));
 };
 export default Components;

package/es/lowcode/painter/Design.js

@@ -1,84 +1,97 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef, useState, useEffect } from 'react';
-import { RawIntlProvider, getLocale, getIntl, localeInfo, history } from 'umi';
-import { useMemoizedFn } from 'ahooks';
-import moment from 'moment';
-import { ConfigProvider } from 'luck-design/antd';
-import { formatMessage } from '@luck-design-biz/base/utils';
-import { useRemoteSource } from "../engine/provider/ContextProvider";
-import DesignToolbar from "./DesignToolbar";
-import DesignOperator from "./DesignOperator";
+import React, { useRef, useEffect } from 'react';
+import { useEventListener } from 'ahooks';
+import { useLDContext } from "../engine/provider/ContextProvider";
 import Page from "../view/Page";
+import { CELL_CLASS_NAME } from "../constants";
 import styles from "./style/design.less";
 var Design = function Design() {
-  var _localeInfo$locale;
+  var context = useLDContext();
+  var detectorRef = useRef(null);
+  var selectorRef = useRef(null);
   var simulatorRef = useRef(null);
-  var remoteSource = useRemoteSource();
-  var _useState = useState(function () {
-      return getLocale();
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    locale = _useState2[0],
-    setLocale = _useState2[1];
-  var _useState3 = useState(function () {
-      return getIntl(getLocale(), true);
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    intl = _useState4[0],
-    setIntl = _useState4[1];
-  var unblock = useMemoizedFn(function () {
-    if (remoteSource.backLength > 0) return confirm("".concat(formatMessage({
-      id: 'app.base.operate.comfire.leave',
-      label: '离开当前页面？'
-    }), "\n").concat(formatMessage({
-      id: 'app.base.operate.comfire.message.leave',
-      label: '系统可能不会保存您所做的更改。'
-    })));
-    return true;
+  var hoverCellRef = useRef(null);
+  var activeCellRef = useRef(null);
+  useEventListener('mousemove', function (event) {
+    var elem = event.target;
+    var targetCell = elem.closest(".".concat(CELL_CLASS_NAME));
+    if (targetCell && !targetCell.isEqualNode(hoverCellRef.current) && !targetCell.isEqualNode(activeCellRef.current)) {
+      var _id = targetCell.id;
+      hoverCellRef.current = targetCell;
+      context.$publisher(context.topics.COMPONENT_HOVER, {
+        id: _id,
+        cellNode: targetCell
+      });
+    } else if (!targetCell || targetCell.isEqualNode(activeCellRef.current)) {
+      hoverCellRef.current = null;
+      context.$publisher(context.topics.COMPONENT_HOVER, null);
+    }
+  }, {
+    target: simulatorRef
   });
-  var handleBeforeUnload = useMemoizedFn(function (event) {
-    if (remoteSource.backLength > 0) {
-      event.preventDefault();
-      event.returnValue = null;
-      return null;
+  useEventListener('mouseleave', function () {
+    if (hoverCellRef.current) {
+      hoverCellRef.current = null;
+      context.$publisher(context.topics.COMPONENT_HOVER, null);
     }
+  }, {
+    target: simulatorRef
   });
-  useEffect(function () {
-    window.addEventListener('beforeunload', handleBeforeUnload);
-    history.block(function () {
-      return unblock();
+  useEventListener('click', function (event) {
+    var elem = event.target;
+    var targetCell = elem.closest(".".concat(CELL_CLASS_NAME));
+    if (!targetCell || targetCell.isEqualNode(activeCellRef.current)) return;
+    activeCellRef.current = targetCell;
+    hoverCellRef.current = null;
+    context.$publisher(context.topics.COMPONENT_HOVER, null);
+    context.$publisher(context.topics.COMPONENT_ACTIVE, {
+      id: activeCellRef.current.id,
+      cellNode: activeCellRef.current
     });
+  }, {
+    target: simulatorRef
+  });
+  useEffect(function () {
+    var setRect = function setRect(node, cellNode) {
+      node.style.left = "".concat(cellNode.offsetLeft, "px");
+      node.style.top = "".concat(cellNode.offsetTop, "px");
+      node.style.width = "".concat(cellNode.offsetWidth, "px");
+      node.style.height = "".concat(cellNode.offsetHeight, "px");
+    };
+    var hcid = context.$subscriber(context.topics.COMPONENT_HOVER).on(function (payload) {
+      if (payload.id) {
+        detectorRef.current.style.display = 'block';
+        setRect(detectorRef.current, payload.cellNode);
+      } else {
+        detectorRef.current.style.display = 'none';
+      }
+    }).watch();
+    var acid = context.$subscriber(context.topics.COMPONENT_ACTIVE).on(function (payload) {
+      if (payload.id) {
+        selectorRef.current.style.display = 'block';
+        setRect(selectorRef.current, payload.cellNode);
+      } else {
+        selectorRef.current.style.display = 'none';
+      }
+    }).watch();
     return function () {
-      window.removeEventListener('beforeunload', handleBeforeUnload);
-      history.block(function () {
-        return true;
-      });
+      context.$unsubscriber(context.topics.COMPONENT_HOVER, hcid);
+      context.$unsubscriber(context.topics.COMPONENT_ACTIVE, acid);
     };
   }, []);
-  var handleLangChange = useMemoizedFn(function (_locale) {
-    if (moment !== null && moment !== void 0 && moment.locale) {
-      var _localeInfo$_locale;
-      moment.locale(((_localeInfo$_locale = localeInfo[_locale]) === null || _localeInfo$_locale === void 0 ? void 0 : _localeInfo$_locale.momentLocale) || 'en');
-    }
-    setLocale(_locale);
-    setIntl(getIntl(_locale));
-  });
   return /*#__PURE__*/React.createElement("div", {
     className: styles['lc-painter-design']
-  }, /*#__PURE__*/React.createElement(DesignToolbar, {
-    locale: locale,
-    onLangChange: handleLangChange
+  }, /*#__PURE__*/React.createElement("div", {
+    id: "lc-detector",
+    ref: detectorRef,
+    className: styles.detector
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-painter-design-workspace']
-  }, /*#__PURE__*/React.createElement(ConfigProvider, {
-    locale: ((_localeInfo$locale = localeInfo[locale]) === null || _localeInfo$locale === void 0 ? void 0 : _localeInfo$locale.antd) || {}
-  }, /*#__PURE__*/React.createElement(RawIntlProvider, {
-    value: intl
-  }, /*#__PURE__*/React.createElement(Page, {
+    id: "lc-selector",
+    ref: selectorRef,
+    className: styles.selector
+  }), /*#__PURE__*/React.createElement(Page, {
     ref: simulatorRef,
-    className: styles['lc-painter-design-simulator']
-  }, /*#__PURE__*/React.createElement(DesignOperator, {
-    canvas: simulatorRef
-  }))))));
+    pageCode: "mk2i87qb",
+    className: styles.simulator
+  }));
 };
 export default Design;

package/es/lowcode/painter/I18n.js

@@ -1,205 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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 _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-var _getDvaApp;
-import React, { useState } from 'react';
-import { getDvaApp } from 'umi';
-import { useAsyncEffect, useCreation, useMemoizedFn } from 'ahooks';
-import { GridTable } from 'luck-design';
-import { reduce, remove, cloneDeep, debounce } from 'lodash';
-import { Input, Button, Icon } from 'luck-design/antd';
-import { formatMessage, suid } from '@luck-design-biz/base/utils';
-import { useContext } from "../engine/provider/ContextProvider";
-import { readAllLang, doAddLang, doUpdateLang, doDeleteLang } from "./services/I18n";
-var Search = Input.Search;
-var _getDvaApp$_store = (_getDvaApp = getDvaApp()) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp._store,
-  dispatch = _getDvaApp$_store.dispatch;
-var getLangKey = function getLangKey() {
-  return "app.lowcode.".concat(suid());
-};
-var formatDataFunc = function formatDataFunc(data) {
-  return _objectSpread(_objectSpread({}, data), reduce(data.languages, function (ret, value, key) {
-    ret[key] = value;
-    return ret;
-  }, {}));
-};
+import React from 'react';
 var I18n = function I18n() {
-  var context = useContext();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    langList = _useState2[0],
-    setLangList = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dataSource = _useState4[0],
-    setDataSource = _useState4[1];
-  useAsyncEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var _langList;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return dispatch({
-            type: 'global/getDatadic',
-            payload: {
-              snamealias: 'base_lang'
-            },
-            format: function format(list, detail) {
-              return list.map(function (id) {
-                return {
-                  title: detail[id].sname,
-                  field: detail[id].sfactvalue,
-                  editable: true,
-                  filter: false
-                };
-              });
-            }
-          });
-        case 2:
-          _langList = _context.sent;
-          setLangList(_langList);
-          context.$publisher(context.topics.LANG_SETTING_SELECT, {
-            langList: _langList
-          });
-          doQuery();
-        case 6:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })), []);
-  var doQuery = useMemoizedFn(function () {
-    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    readAllLang(_objectSpread(_objectSpread({}, value), {}, {
-      classifyKey: '__LOWCODE__'
-    })).then(function (res) {
-      var code = res.code,
-        list = res.list,
-        detail = res.detail;
-      if (code === 1) setDataSource(list.map(function (id) {
-        return formatDataFunc(detail[id]);
-      }));
-    });
-  });
-  var actionsColumn = useCreation(function () {
-    return {
-      width: 60,
-      getActions: function getActions() {
-        return [{
-          wanted: 'update',
-          title: /*#__PURE__*/React.createElement(Icon, {
-            type: "copy"
-          }),
-          action: function action(_data) {
-            var data = {
-              languages: reduce(langList, function (result, value) {
-                result[value.field] = _data[value.field];
-                return result;
-              }, {})
-            };
-            handleAdd(data);
-          }
-        }, {
-          wanted: 'delete',
-          title: /*#__PURE__*/React.createElement(Icon, {
-            type: "delete"
-          }),
-          confirm: {
-            title: formatMessage({
-              id: 'app.base.confirm.delete'
-            })
-          },
-          action: handleDelete
-        }];
-      }
-    };
-  }, [langList]);
-  var handleAdd = useMemoizedFn(function () {
-    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var addItems = _objectSpread(_objectSpread({}, data), {}, {
-      langKey: getLangKey(),
-      classifyKey: '__LOWCODE__'
-    });
-    doAddLang({}, addItems).then(function (res) {
-      var code = res.code,
-        list = res.list,
-        detail = res.detail;
-      if (code === 1) setDataSource([formatDataFunc(detail[list[0]])].concat(dataSource));
-    });
-  });
-  var handleValueChange = useMemoizedFn(function (field, newValue, oldValue, record) {
-    doUpdateLang({}, {
-      classifyKey: '__LOWCODE__',
-      langKey: record.langKey,
-      indocno: record.indocno,
-      languages: _objectSpread(_objectSpread({}, reduce(langList, function (result, value) {
-        result[value.field] = record[value.field];
-        return result;
-      }, {})), {}, _defineProperty({}, field, newValue))
-    });
-  });
-  var handleDelete = useMemoizedFn(function (data) {
-    doDeleteLang({}, {
-      delList: [{
-        indocno: data.indocno
-      }]
-    }).then(function (_ref2) {
-      var code = _ref2.code;
-      if (code === 1) {
-        var _data = cloneDeep(dataSource);
-        remove(_data, function (n) {
-          return n.indocno === data.indocno;
-        });
-        setDataSource(_data);
-      }
-      ;
-    });
-  });
-  var handleSearch = debounce(doQuery, 300);
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '100%',
-      padding: '16px 24px'
-    }
-  }, /*#__PURE__*/React.createElement(Search, {
-    placeholder: formatMessage({
-      id: 'luckda.lowcode.painter.I18n.search',
-      label: '搜索文案'
-    }),
-    onChange: function onChange(e) {
-      return handleSearch({
-        value: e.target.value
-      });
-    },
-    style: {
-      width: '100%'
-    },
-    allowClear: true
-  }), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    ghost: true,
-    size: "small",
-    style: {
-      margin: '16px 0'
-    },
-    onClick: function onClick() {
-      return handleAdd();
-    }
-  }, formatMessage({
-    id: 'luckda.lowcode.painter.I18n.add',
-    label: '新增文案'
-  })), /*#__PURE__*/React.createElement(GridTable, {
-    height: 480,
-    columns: langList,
-    dataSource: dataSource,
-    renderIndex: false,
-    showStatusBar: false,
-    actionsColumn: actionsColumn,
-    onValueChange: handleValueChange,
-    operates: ['add', 'update', 'delete'],
-    bordered: false
-  }));
+  return /*#__PURE__*/React.createElement("div", null, "i18n");
 };
 export default I18n;