@zat-design/sisyphus-react 4.0.0-beta.4 → 4.0.0-beta.5

package/lib/ProTreeModal/propsType.js

@@ -1,17 +1,5 @@
-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);
+"use strict";
 
-// src/ProTreeModal/propsType.ts
-var propsType_exports = {};
-module.exports = __toCommonJS(propsType_exports);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/ProTreeModal/utils.js

@@ -1,57 +1,59 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProTreeModal/utils.ts
-var utils_exports = {};
-__export(utils_exports, {
-  addLevelAndParentId: () => addLevelAndParentId,
-  filterCheckedNodes: () => filterCheckedNodes,
-  findTreeNodeByKey: () => findTreeNodeByKey,
-  getAllKeys: () => getAllKeys,
-  getChildrenKeys: () => getChildrenKeys,
-  getFlatTreeData: () => getFlatTreeData,
-  getParentKey: () => getParentKey,
-  transformMessage: () => transformMessage
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
-var import__ = require(".");
-function getFlatTreeData(originalTreeData, fieldNames, modeType = "") {
-  const dataList = [];
-  const isCASCADER = modeType === import__.CASCADER;
-  function loop(data, parTitle = "") {
-    data.forEach((item) => {
-      const node = { ...item };
+exports.addLevelAndParentId = void 0;
+exports.filterCheckedNodes = filterCheckedNodes;
+exports.findTreeNodeByKey = findTreeNodeByKey;
+exports.getAllKeys = getAllKeys;
+exports.getChildrenKeys = getChildrenKeys;
+exports.getFlatTreeData = getFlatTreeData;
+exports.transformMessage = exports.getParentKey = void 0;
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _ = require(".");
+/* eslint-disable no-restricted-syntax */
+
+/**
+ * 树转成铺平的数组
+ * @param originalTreeData
+ * @returns
+ */
+function getFlatTreeData(originalTreeData, fieldNames) {
+  var modeType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  var dataList = [];
+  var isCASCADER = modeType === _.CASCADER;
+  function loop(data) {
+    var parTitle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    data.forEach(item => {
+      var node = (0, _objectSpread2.default)({}, item);
       delete node[fieldNames.children];
-      const title = isCASCADER ? `${parTitle ? `${parTitle}-` : ""}${node[fieldNames.label]}` : node[fieldNames.label];
-      dataList.push({ ...node, title });
+      var title = isCASCADER ? `${parTitle ? `${parTitle}-` : ''}${node[fieldNames.label]}` : node[fieldNames.label];
+      dataList.push((0, _objectSpread2.default)((0, _objectSpread2.default)({}, node), {}, {
+        title
+      }));
       if (item[fieldNames.children]) {
         loop(item[fieldNames.children], title);
       }
     });
   }
-  loop(originalTreeData, "");
+  loop(originalTreeData, '');
   return dataList;
 }
+
+/**
+ * 获取 tree 所有的 keys 集合
+ * @param data
+ * @param fieldNames
+ * @returns
+ */
 function getAllKeys(data, fieldNames) {
-  const keys = [];
-  function loop(data2) {
-    for (let i = 0; i < data2.length; i++) {
-      const node = data2[i];
+  var keys = [];
+  function loop(data) {
+    for (var i = 0; i < data.length; i++) {
+      var node = data[i];
       keys.push(node[fieldNames.value]);
       if (node[fieldNames.children]) {
         loop(node[fieldNames.children]);
@@ -61,12 +63,20 @@ function getAllKeys(data, fieldNames) {
   loop(data);
   return keys;
 }
+
+/**
+ * 获取展开的key
+ * @param key
+ * @param tree
+ * @param fieldNames
+ * @returns
+ */
 var getParentKey = (key, tree, fieldNames) => {
-  let parentKey;
-  for (let i = 0; i < tree.length; i++) {
-    const node = tree[i];
+  var parentKey;
+  for (var i = 0; i < tree.length; i++) {
+    var node = tree[i];
     if (node[fieldNames.children]) {
-      if (node[fieldNames.children].some((item) => item[fieldNames.value] === key)) {
+      if (node[fieldNames.children].some(item => item[fieldNames.value] === key)) {
         parentKey = node[fieldNames.value];
       } else if (getParentKey(key, node[fieldNames.children], fieldNames)) {
         parentKey = getParentKey(key, node[fieldNames.children], fieldNames);
@@ -75,65 +85,122 @@ var getParentKey = (key, tree, fieldNames) => {
   }
   return parentKey;
 };
+exports.getParentKey = getParentKey;
 function findTreeNodeByKey(treeData, key, fieldNames) {
-  const result = [];
-  const traverse = (node, parents) => {
+  var result = [];
+  var traverse = (node, parents) => {
     if (node[fieldNames.value] === key) {
       result.push(node, ...parents);
       return true;
     }
-    const children = node[fieldNames.children] || [];
-    for (const child of children) {
-      if (traverse(child, [node, ...parents])) {
-        return true;
+    var children = node[fieldNames.children] || [];
+    var _iterator = (0, _createForOfIteratorHelper2.default)(children),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var child = _step.value;
+        if (traverse(child, [node, ...parents])) {
+          return true;
+        }
       }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
     return false;
   };
-  for (const node of treeData) {
-    traverse(node, []);
+  var _iterator2 = (0, _createForOfIteratorHelper2.default)(treeData),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var node = _step2.value;
+      traverse(node, []);
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
   }
   return result;
 }
-function filterCheckedNodes(data, checkedKeys, searchStr = "", fieldNames) {
-  const result = [];
-  const traverse = (node) => {
-    var _a, _b, _c;
-    const title = node[fieldNames.value] + node[fieldNames.label];
+
+/**
+ * 根据所选的 checkedKeys 筛选出展示的 treeData
+ * @param data
+ * @param checkedKeys
+ * @returns
+ */
+function filterCheckedNodes(data, checkedKeys) {
+  var searchStr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  var fieldNames = arguments.length > 3 ? arguments[3] : undefined;
+  var result = [];
+  var traverse = node => {
+    var _node$fieldNames$chil3;
+    var title = node[fieldNames.value] + node[fieldNames.label];
     if (!searchStr) {
       if (checkedKeys.includes(node[fieldNames.value])) {
-        const children2 = ((_a = node == null ? void 0 : node[fieldNames.children]) == null ? void 0 : _a.map(traverse).filter(Boolean)) || [];
-        return { ...node, [fieldNames.children]: children2 };
+        var _node$fieldNames$chil;
+        var _children = (node === null || node === void 0 || (_node$fieldNames$chil = node[fieldNames.children]) === null || _node$fieldNames$chil === void 0 ? void 0 : _node$fieldNames$chil.map(traverse).filter(Boolean)) || [];
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, node), {}, {
+          [fieldNames.children]: _children
+        });
       }
     } else if (title.indexOf(searchStr) > -1) {
-      const children2 = ((_b = node[fieldNames.children]) == null ? void 0 : _b.map(traverse).filter(Boolean)) || [];
-      return { ...node, children: children2 };
+      var _node$fieldNames$chil2;
+      var _children2 = ((_node$fieldNames$chil2 = node[fieldNames.children]) === null || _node$fieldNames$chil2 === void 0 ? void 0 : _node$fieldNames$chil2.map(traverse).filter(Boolean)) || [];
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, node), {}, {
+        children: _children2
+      });
     }
-    const children = (_c = node[fieldNames.children]) == null ? void 0 : _c.map(traverse).filter(Boolean);
+    var children = (_node$fieldNames$chil3 = node[fieldNames.children]) === null || _node$fieldNames$chil3 === void 0 ? void 0 : _node$fieldNames$chil3.map(traverse).filter(Boolean);
     if (children && children.length > 0) {
-      return { ...node, [fieldNames.children]: children };
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, node), {}, {
+        [fieldNames.children]: children
+      });
     }
     return null;
   };
-  for (const node of data) {
-    const filtered = traverse(node);
-    if (filtered) {
-      result.push(filtered);
+
+  // eslint-disable-next-line no-restricted-syntax
+  var _iterator3 = (0, _createForOfIteratorHelper2.default)(data),
+    _step3;
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var node = _step3.value;
+      var filtered = traverse(node);
+      if (filtered) {
+        result.push(filtered);
+      }
     }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
   }
   return result;
 }
+
+/**
+ * 获取 tree 当前选中节点下的所有子节点的 keys
+ * @param node
+ * @param childrenKeys
+ * @returns
+ */
 function getChildrenKeys(node, childrenKeys, fieldNames, type) {
-  var _a, _b;
-  if (type === "treeCheck") {
-    (_a = node == null ? void 0 : node.children) == null ? void 0 : _a.forEach((item) => {
+  // 当为 tree 触发 onChck 此时就是 key 为 children
+  if (type === 'treeCheck') {
+    var _node$children;
+    node === null || node === void 0 || (_node$children = node.children) === null || _node$children === void 0 || _node$children.forEach(item => {
       childrenKeys.push(item.key);
       if (item.children && item.children.length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
       }
     });
   } else {
-    (_b = node == null ? void 0 : node[fieldNames.children]) == null ? void 0 : _b.forEach((item) => {
+    var _node$fieldNames$chil4;
+    // 这个时候的值为我们的值
+    node === null || node === void 0 || (_node$fieldNames$chil4 = node[fieldNames.children]) === null || _node$fieldNames$chil4 === void 0 || _node$fieldNames$chil4.forEach(item => {
       childrenKeys.push(item[fieldNames.value]);
       if (item[fieldNames.children] && item[fieldNames.children].length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
@@ -141,39 +208,33 @@ function getChildrenKeys(node, childrenKeys, fieldNames, type) {
     });
   }
 }
+
+// 提示信息替换
 var transformMessage = (obj, message) => {
-  const keys = Object.keys(obj);
-  let _message = message;
-  keys.forEach((key) => {
+  var keys = Object.keys(obj);
+  var _message = message;
+  keys.forEach(key => {
     _message = message.replaceAll(`{${key}}`, obj[key]);
   });
   return _message;
 };
-var addLevelAndParentId = (tree = [], fieldNames, currentLevel = 0, currentParentId = null) => {
-  const { children = "children", value = "value" } = fieldNames;
-  return tree.map((node) => {
-    const newNode = { ...node };
+exports.transformMessage = transformMessage;
+var addLevelAndParentId = exports.addLevelAndParentId = function addLevelAndParentId() {
+  var tree = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var fieldNames = arguments.length > 1 ? arguments[1] : undefined;
+  var currentLevel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var currentParentId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+  var _fieldNames$children = fieldNames.children,
+    children = _fieldNames$children === void 0 ? 'children' : _fieldNames$children,
+    _fieldNames$value = fieldNames.value,
+    value = _fieldNames$value === void 0 ? 'value' : _fieldNames$value;
+  return tree.map(node => {
+    var newNode = (0, _objectSpread2.default)({}, node);
     newNode.level = currentLevel;
     newNode.parentId = currentParentId;
     if (node[children]) {
-      newNode[children] = addLevelAndParentId(
-        node[children],
-        fieldNames,
-        currentLevel + 1,
-        newNode[value]
-      );
+      newNode[children] = addLevelAndParentId(node[children], fieldNames, currentLevel + 1, newNode[value]);
     }
     return newNode;
   });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  addLevelAndParentId,
-  filterCheckedNodes,
-  findTreeNodeByKey,
-  getAllKeys,
-  getChildrenKeys,
-  getFlatTreeData,
-  getParentKey,
-  transformMessage
-});
+};

package/lib/ProUpload/components/ButtonRender.js

@@ -1,91 +1,112 @@
-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);
+"use strict";
 
-// src/ProUpload/components/ButtonRender.tsx
-var ButtonRender_exports = {};
-__export(ButtonRender_exports, {
-  default: () => ButtonRender_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ButtonRender_exports);
-var import_antd = require("antd");
-var import_core = require("@dnd-kit/core");
-var import_sortable = require("@dnd-kit/sortable");
-var import_icons = require("@ant-design/icons");
-var import_FileItem = require("./FileItem");
-var import_DraggableUploadListItem = require("./DraggableUploadListItem");
-var import_locale = __toESM(require("../../locale"));
-var ButtonRender = (props) => {
-  var _a, _b;
-  const {
-    isView,
-    disabled,
-    sensor,
-    onDragEnd,
-    fileList,
-    baseUploadProps,
-    onPreview,
-    onDownload,
-    buttonProps,
-    extraTipText,
-    afterRender,
-    buttonText = (_b = (_a = import_locale.default) == null ? void 0 : _a.ProUpload) == null ? void 0 : _b.buttonText,
-    isConfirmDelete,
-    onRemove
-  } = props;
-  const buttonUploadProps = {
-    ...baseUploadProps,
+exports.default = void 0;
+require("antd/es/upload/style");
+var _upload = _interopRequireDefault(require("antd/es/upload"));
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _core = require("@dnd-kit/core");
+var _sortable = require("@dnd-kit/sortable");
+var _icons = require("@ant-design/icons");
+var _FileItem = require("./FileItem");
+var _DraggableUploadListItem = require("./DraggableUploadListItem");
+var _locale = _interopRequireDefault(require("../../locale"));
+var _jsxRuntime = require("react/jsx-runtime");
+/* 按钮类型 */
+var ButtonRender = props => {
+  var _locale$ProUpload;
+  var isView = props.isView,
+    disabled = props.disabled,
+    sensor = props.sensor,
+    onDragEnd = props.onDragEnd,
+    fileList = props.fileList,
+    baseUploadProps = props.baseUploadProps,
+    onPreview = props.onPreview,
+    onDownload = props.onDownload,
+    buttonProps = props.buttonProps,
+    extraTipText = props.extraTipText,
+    afterRender = props.afterRender,
+    _props$buttonText = props.buttonText,
+    buttonText = _props$buttonText === void 0 ? _locale.default === null || _locale.default === void 0 || (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.buttonText : _props$buttonText,
+    isConfirmDelete = props.isConfirmDelete,
+    onRemove = props.onRemove;
+
+  // 按钮类型的props
+  var buttonUploadProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, baseUploadProps), {}, {
     fileList,
-    itemRender: (originNode, file, fileList2, actions) => {
-      return /* @__PURE__ */ React.createElement(import_DraggableUploadListItem.DraggableUploadListItem, { file }, /* @__PURE__ */ React.createElement(
-        import_FileItem.FileItem,
-        {
+    itemRender: (originNode, file, fileList, actions) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DraggableUploadListItem.DraggableUploadListItem, {
+        file: file,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileItem.FileItem, {
           disabled: disabled || isView,
-          file,
-          isConfirmDelete,
-          onPreview,
-          onRemove: async (file2) => {
-            const res = await (onRemove == null ? void 0 : onRemove(file2));
-            if (res === false)
-              return;
-            actions.remove(file2);
-          },
-          onDownload
-        }
-      ));
+          file: file,
+          isConfirmDelete: isConfirmDelete,
+          onPreview: onPreview,
+          onRemove: ( /*#__PURE__*/function () {
+            var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(file) {
+              var res;
+              return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.next = 2;
+                    return onRemove === null || onRemove === void 0 ? void 0 : onRemove(file);
+                  case 2:
+                    res = _context.sent;
+                    if (!(res === false)) {
+                      _context.next = 5;
+                      break;
+                    }
+                    return _context.abrupt("return");
+                  case 5:
+                    actions.remove(file);
+                  case 6:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            return function (_x) {
+              return _ref.apply(this, arguments);
+            };
+          }()),
+          onDownload: onDownload
+        })
+      });
     }
-  };
-  return /* @__PURE__ */ React.createElement("div", { className: "pro-upload-button" }, /* @__PURE__ */ React.createElement(import_core.DndContext, { sensors: [sensor], onDragEnd }, /* @__PURE__ */ React.createElement(import_sortable.SortableContext, { items: fileList.map((i) => i.uid), strategy: import_sortable.rectSortingStrategy }, /* @__PURE__ */ React.createElement(import_antd.Upload, { ...buttonUploadProps }, !isView && /* @__PURE__ */ React.createElement("div", { className: "pro-upload-button-inner" }, /* @__PURE__ */ React.createElement(import_antd.Button, { ...buttonProps, disabled: disabled || isView }, /* @__PURE__ */ React.createElement(import_icons.CloudUploadOutlined, null), buttonText), afterRender ? /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: "pro-upload-button-inner-right",
-      onClick: (e) => e.stopPropagation()
-    },
-    afterRender
-  ) : null)))), extraTipText && /* @__PURE__ */ React.createElement("div", { className: "upload-tip-txt" }, typeof extraTipText === "function" ? extraTipText() : extraTipText));
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "pro-upload-button",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_core.DndContext, {
+      sensors: [sensor],
+      onDragEnd: onDragEnd,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sortable.SortableContext, {
+        items: fileList.map(i => i.uid),
+        strategy: _sortable.rectSortingStrategy,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_upload.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, buttonUploadProps), {}, {
+          children: !isView && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "pro-upload-button-inner",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, buttonProps), {}, {
+              disabled: disabled || isView,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloudUploadOutlined, {}), buttonText]
+            })), afterRender ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "pro-upload-button-inner-right",
+              onClick: e => e.stopPropagation(),
+              children: afterRender
+            }) : null]
+          })
+        }))
+      })
+    }), extraTipText && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "upload-tip-txt",
+      children: typeof extraTipText === 'function' ? extraTipText() : extraTipText
+    })]
+  });
 };
-var ButtonRender_default = ButtonRender;
+var _default = exports.default = ButtonRender;