@luck-design-biz/luckda 0.0.25-6 → 0.0.25-8

package/lib/upload/FilesWall/index.js

@@ -0,0 +1,429 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("luck-design/antd");
+var _ahooks = require("ahooks");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utils = require("@luck-design-biz/base/utils");
+var _umi = require("umi");
+var _lodash = require("lodash");
+var _luckDesign = require("luck-design");
+var _index = _interopRequireDefault(require("./index.less"));
+var _excluded = ["rowKey", "formMode", "beforeUpload", "onUploadChange", "moduleCode", "docUid", "bucket", "operates", "zipName", "showNote", "tag", "maxLength"];
+/**
+ * 附件墙
+ * @param props
+ * @returns {JSX.Element}
+ * @constructor
+ */
+var FilesWall = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _props$rowKey = props.rowKey,
+    rowKey = _props$rowKey === void 0 ? 'indocno' : _props$rowKey,
+    formMode = props.formMode,
+    beforeUpload = props.beforeUpload,
+    onUploadChange = props.onUploadChange,
+    moduleCode = props.moduleCode,
+    docUid = props.docUid,
+    _props$bucket = props.bucket,
+    bucket = _props$bucket === void 0 ? '' : _props$bucket,
+    _props$operates = props.operates,
+    operates = _props$operates === void 0 ? ['read', 'add', 'delete', 'download'] : _props$operates,
+    _props$zipName = props.zipName,
+    zipName = _props$zipName === void 0 ? 'download.zip' : _props$zipName,
+    _props$showNote = props.showNote,
+    showNote = _props$showNote === void 0 ? false : _props$showNote,
+    _props$tag = props.tag,
+    tag = _props$tag === void 0 ? '' : _props$tag,
+    maxLength = props.maxLength,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useSetState = (0, _ahooks.useSetState)({
+      dataSource: [],
+      loading: false,
+      checkedList: [],
+      selectAll: true
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  (0, _react.useEffect)(function () {
+    if (formMode !== 'add') {
+      onQuery();
+    }
+  }, []);
+  var onQuery = function onQuery() {
+    setState({
+      loading: true
+    });
+    (0, _utils.request)(getUrl('loadFileGrid')).then(function (res) {
+      var code = res.code,
+        list = res.list,
+        detail = res.detail;
+      if (code === 1) {
+        var dataSource = list.map(function (i) {
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, detail[i]), {}, {
+            name: detail[i].origFileName,
+            size: detail[i].fileSize,
+            spath: detail[i].previewUrl
+          });
+        });
+        setState({
+          dataSource: dataSource
+        });
+        setState({
+          loading: false
+        });
+      }
+    });
+  };
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      getDataSource: function getDataSource() {
+        return state.dataSource;
+      },
+      refreshList: function refreshList() {
+        return onQuery();
+      }
+    };
+  });
+  var getUrl = function getUrl(behaviorKey) {
+    return "".concat(window.appConfig.OSS_HOST_V3, "?moduleCode=").concat(moduleCode, "&bucket=").concat(bucket, "&docUid=").concat(docUid, "&behaviorKey=").concat(behaviorKey, "&tag=").concat(tag);
+  };
+
+  // 预览
+  var handlePreview = function handlePreview(file) {
+    var files = [];
+    state.dataSource.forEach(function (data) {
+      var nodePreviewUrl = data.previewUrl;
+      files.push({
+        uid: data.indocno || data.uid,
+        fileExt: data.fileExt || data.fileExt,
+        name: data.name,
+        previewUrl: "/minioPreview".concat(nodePreviewUrl),
+        url: data.spath
+      });
+    });
+    var activeIndex = files.findIndex(function (item) {
+      return item.uid === (file.indocno || file.uid);
+    });
+    window.openPreviewV3(files, {
+      activeIndex: activeIndex
+    });
+  };
+  var handleBeforeUpload = function handleBeforeUpload(file, fileList) {
+    var _getDvaApp;
+    setState({
+      loading: true
+    });
+    var uploadConfig = (_getDvaApp = (0, _umi.getDvaApp)()) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp._store.getState().settings.upload_config;
+    var suffix = (0, _lodash.lowerCase)((0, _lodash.last)((0, _lodash.split)(file.name, '.')));
+    var flag = uploadConfig && uploadConfig[suffix] && +uploadConfig[suffix] * 1024 * 1024 < file.size;
+    if (flag) {
+      (0, _utils.showPop)("".concat(file.name).concat((0, _utils.formatMessage)({
+        id: 'app.exception.fileTooLarge',
+        label: '文件过大'
+      })));
+    }
+    return !flag && (beforeUpload ? beforeUpload(file, fileList) : true);
+  };
+  var handleUploadChange = function handleUploadChange(e) {
+    var file = e.file,
+      fileList = e.fileList;
+    if (file.status === 'error' || file.response && file.response.code !== 1) {
+      var _file$response = file.response,
+        msg = _file$response.msg,
+        message = _file$response.message;
+      (0, _utils.showPop)(msg || message, null, 'error');
+    }
+    console.log('handleUploadChange', e);
+    setState({
+      loading: false
+    });
+    if (file.status === 'done' && file.response && file.response.code === 1) {
+      onQuery();
+    }
+    setState({
+      dataSource: (0, _toConsumableArray2.default)(fileList)
+    });
+    onUploadChange && onUploadChange(e);
+  };
+  var formItemProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
+    action: getUrl('upload'),
+    // 上传地址
+    headers: {
+      Authorization: "Bearer ".concat(window.cookie.get(window.appConfig.authSaveKey))
+    },
+    // 请求头
+    name: 'files',
+    multiple: true,
+    showUploadList: false,
+    beforeUpload: handleBeforeUpload,
+    onChange: function onChange(e) {
+      handleUploadChange(e);
+    }
+  });
+  var uploadButton = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+    type: "plus"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "ant-upload-text"
+  }, (0, _utils.formatMessage)({
+    id: 'sys.attr.type.upload'
+  })));
+
+  // 勾选附件
+  var onFileCheck = function onFileCheck(e, item) {
+    var checkedList = state.checkedList;
+    if (e.target.checked) {
+      checkedList.push(item);
+      setState({
+        checkedList: checkedList
+      });
+    } else {
+      var tempList = checkedList.filter(function (c) {
+        return c.indocno !== item.indocno;
+      });
+      setState({
+        checkedList: tempList
+      });
+    }
+  };
+  var isImage = function isImage(fileExt) {
+    return ['.png', '.jpg', '.jpeg', '.gif', '.bmp'].includes(fileExt === null || fileExt === void 0 ? void 0 : fileExt.toLowerCase());
+  };
+
+  // 自定义附件列表
+  var renderFileList = function renderFileList() {
+    return state.dataSource.map(function (f) {
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+        className: _index.default.fileContent
+      }, /*#__PURE__*/_react.default.createElement("img", {
+        className: _index.default.img,
+        src: isImage(f.fileExt) ? "/minioPreview".concat(f.previewUrl) : require("./file.png"),
+        alt: ""
+      }), /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+        onChange: function onChange(e) {
+          return onFileCheck(e, f);
+        },
+        checked: state.checkedList.findIndex(function (l) {
+          return l.indocno === f.indocno;
+        }) > -1,
+        className: _index.default.check
+      })), /*#__PURE__*/_react.default.createElement(_luckDesign.Box, {
+        className: _index.default.actions,
+        justify: "center",
+        align: "center"
+      }, /*#__PURE__*/_react.default.createElement(_luckDesign.Box, {
+        justify: "space-around",
+        className: _index.default.actionsChild
+      }, /*#__PURE__*/_react.default.createElement(_luckDesign.Permission, {
+        userPermission: operates || [],
+        hasDefaultWord: false
+      }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+        wanted: (0, _utils.canPreview)(f) && 'read',
+        type: "eye",
+        style: {
+          color: 'white'
+        },
+        onClick: function onClick() {
+          return handlePreview(f);
+        }
+      }), /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+        wanted: "download",
+        type: "download",
+        style: {
+          color: 'white'
+        },
+        onClick: function onClick() {
+          return handleDownload([f]);
+        }
+      }), /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+        wanted: formMode !== 'info' && 'delete',
+        type: "delete",
+        style: {
+          color: 'white'
+        },
+        onClick: function onClick() {
+          return handleDelete([f], false);
+        }
+      })))));
+    });
+  };
+  var menu = /*#__PURE__*/_react.default.createElement(_luckDesign.PermissionGroup, {
+    userPermission: operates,
+    modeStyle: "menu"
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    wanted: "download",
+    name: "download",
+    disabled: state.checkedList.length === 0,
+    onClick: function onClick() {
+      return handleDownload(state.checkedList, true);
+    }
+  }, "\u4E0B\u8F7D"), /*#__PURE__*/_react.default.createElement("a", {
+    wanted: formMode !== 'info' && 'delete',
+    name: "delete",
+    disabled: state.checkedList.length === 0,
+    onClick: function onClick() {
+      _antd.Modal.confirm({
+        title: (0, _utils.formatMessage)({
+          id: 'app.base.operate.delete'
+        }),
+        content: (0, _utils.formatMessage)({
+          id: 'app.base.confirm.delete'
+        }),
+        okText: (0, _utils.formatMessage)({
+          id: 'app.base.operate.ok'
+        }),
+        okType: 'danger',
+        cancelText: (0, _utils.formatMessage)({
+          id: 'app.base.operate.cancel'
+        }),
+        onOk: function onOk() {
+          handleDelete(state.checkedList, true);
+        }
+      });
+    }
+  }, "\u5220\u9664"));
+
+  /**
+   * 删除
+   * @param selectedRows 选择的数据
+   * @param isCheck 是否批量勾选
+   */
+  var handleDelete = function handleDelete(selectedRows, isCheck) {
+    setState({
+      loading: true
+    });
+    (0, _utils.request)(getUrl('removeFile'), {
+      method: 'POST',
+      body: {
+        fileNames: selectedRows.map(function (row) {
+          return row.fileName;
+        })
+      }
+    }).then(function () {
+      setState({
+        loading: false
+      });
+      isCheck && setState({
+        checkedList: []
+      });
+      onQuery();
+    });
+  };
+  var handleDownload = function handleDownload(selectedRows, isCheck) {
+    if (selectedRows.length === 1) {
+      var filenames = selectedRows.map(function (item) {
+        return item.fileName;
+      });
+      downloadFile(filenames, 'downloadOne');
+    } else {
+      var files = selectedRows.map(function (item) {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+          sname: item.fileName,
+          downloadUrl: "".concat(getUrl('download'), "&fileName=").concat(item.fileName),
+          stype: item.fileExt
+        });
+      });
+      (0, _utils.patchDownload)(files);
+    }
+    isCheck && setState({
+      checkedList: []
+    });
+  };
+
+  /**
+   * 下载附件
+   * @param filenames
+   * @param tag downloadOne：下载单个，其他批量
+   */
+  var downloadFile = function downloadFile(filenames, tag) {
+    saveAs("".concat(getUrl('download'), "&fileName=").concat(filenames[0]));
+  };
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _index.default.operates
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    loading: state.loading,
+    style: {
+      marginRight: 8
+    },
+    onClick: function onClick() {
+      return state.selectAll ? setState({
+        checkedList: state.dataSource,
+        selectAll: false
+      }) : setState({
+        checkedList: [],
+        selectAll: true
+      });
+    },
+    disabled: state.dataSource.length === 0
+  }, state.selectAll ? (0, _utils.formatMessage)({
+    id: 'app.base.operate.selectAll',
+    label: '全选'
+  }) : (0, _utils.formatMessage)({
+    id: 'app.base.operate.selectNone',
+    label: '全不选'
+  })), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    loading: state.loading,
+    style: {
+      marginRight: 8
+    },
+    onClick: function onClick() {
+      return handleDownload(state.dataSource);
+    },
+    disabled: state.dataSource.length === 0
+  }, (0, _utils.formatMessage)({
+    id: 'app.base.operate.downloadAll',
+    label: '下载全部'
+  })), state.checkedList.length > 0 && /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
+    overlay: menu,
+    trigger: ['hover']
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, null, "\u6279\u91CF\u64CD\u4F5C"))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _index.default.filesWall
+  }, renderFileList(), /*#__PURE__*/_react.default.createElement(_antd.Upload, (0, _extends2.default)({
+    listType: "picture-card"
+  }, formItemProps, {
+    fileList: state.dataSource,
+    onPreview: handlePreview,
+    showUploadList: false
+  }), state.dataSource.length >= maxLength || formMode === 'info' || !operates.includes('add') ? null : uploadButton)));
+});
+FilesWall.propTypes = {
+  moduleCode: _propTypes.default.string.isRequired,
+  // 模块code
+  docUid: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
+  // 单据主键，新增模式下前端生成
+  formMode: _propTypes.default.string,
+  // 表单formMode
+  operates: _propTypes.default.array,
+  // 表单操作权限
+  zipName: _propTypes.default.string,
+  // 打包下载文件名
+  bucket: _propTypes.default.string,
+  tag: _propTypes.default.string,
+  // 附件tag标识
+  showNote: _propTypes.default.bool,
+  // 是否填写附件备注
+  beforeUpload: _propTypes.default.func,
+  // 上传前回调
+  onUploadChange: _propTypes.default.func,
+  // 上传后回调
+  maxLength: _propTypes.default.number // 最大上传数量
+};
+FilesWall.defaultProps = {
+  bucket: '',
+  showNote: false,
+  maxLength: 999
+};
+var _default = exports.default = FilesWall;

package/lib/upload/FilesWall/index.less

@@ -0,0 +1,74 @@
+.operates {
+  display: flex;
+  margin-bottom: 8px;
+}
+
+.filesWall {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  width: 100%;
+  box-sizing: border-box;
+
+  .fileContent {
+    position: relative;
+
+    .check {
+      position: absolute;
+      right: 8px;
+      top: -3px;
+    }
+
+    .img {
+      position: relative;
+      padding: 8px;
+      border: 1px solid #d9d9d9;
+      border-radius: 4px 0 4px 4px;
+      display: table;
+      float: left;
+      width: 104px;
+      height: 104px;
+      margin-right: 8px;
+      margin-bottom: 8px;
+      text-align: center;
+      vertical-align: top;
+      cursor: pointer;
+      -webkit-transition: border-color 0.3s ease;
+      transition: border-color 0.3s ease;
+    }
+  }
+
+  .actions {
+    width: 104px !important;
+    height: 104px !important;
+    position: absolute;
+    background-color: rgba(0, 0, 0, 0.4);
+    border-radius: 4px;
+    display: none !important;
+
+    .actionsChild {
+      margin-top: 35%;
+    }
+  }
+
+  .fileContent:hover + .actions,
+  .actions:hover {
+    display: block !important;
+  }
+
+  :global {
+    .ant-upload-select-picture-card i {
+      font-size: 32px;
+      color: #999;
+    }
+
+    .ant-upload-select-picture-card .ant-upload-text {
+      margin-top: 8px;
+      color: #666;
+    }
+
+    .ant-upload-picture-card-wrapper {
+      width: auto;
+    }
+  }
+}

package/lib/upload/Form/index.js

@@ -12,6 +12,7 @@ var _lodash = require("lodash");
 var _querystring = require("querystring");
 var _gridForm = _interopRequireDefault(require("./gridForm"));
 var _utils = require("@luck-design-biz/base/utils");
+var _apiUrl = require("../../lowcode/constants/api-url");
 var _excluded = ["formId", "moduleCode", "bucket", "note"];
 function buildComponent(props) {
   var _formId = props.formId,
@@ -36,7 +37,7 @@ function buildComponent(props) {
       active: !(behaviorKey === 'loadFileGrid' || rest.formMode === 'add' || rest.formMode === 'update'),
       docUid: docUid || formData[mainFormLdId] && formData[mainFormLdId][PRIMARY_KEY] || ticketData && ticketData[PRIMARY_KEY]
     }, _lodash.isNil);
-    return "".concat(window.appConfig.OSS_HOST_V3, "?").concat((0, _querystring.stringify)(params));
+    return "".concat((0, _apiUrl.getBehaviorUrl)(), "?").concat((0, _querystring.stringify)(params));
   };
   return /*#__PURE__*/_react.default.createElement(_gridForm.default, (0, _extends2.default)({
     formId: formId,

package/lib/upload/FormItem/index.js

@@ -11,7 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _luckDesign = require("luck-design");
 var _utils = require("@luck-design-biz/base/utils");
-var _ahooks = require("ahooks");
+var _apiUrl = require("../../lowcode/constants/api-url");
 var _excluded = ["uploadUrl", "moduleCode", "bucket", "tag", "note", "config", "forbiddenTypes", "children", "dataFormat", "listType"];
 /**
  * 表单类型富文本上传
@@ -47,11 +47,9 @@ function buildComponent(props) {
     listType = props.listType,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var getUrl = function getUrl(behaviorKey) {
-    return "".concat(window.appConfig.OSS_HOST_V3, "?moduleCode=").concat(moduleCode, "&behaviorKey=").concat(behaviorKey, "&bucket=").concat(bucket, "&tag=").concat(tag, "&note=").concat(note);
+    return "".concat((0, _apiUrl.getBehaviorUrl)(), "?moduleCode=").concat(moduleCode, "&behaviorKey=").concat(behaviorKey, "&bucket=").concat(bucket, "&tag=").concat(tag, "&note=").concat(note);
   };
-  var supportUploadTypes = (0, _ahooks.useCreation)(function () {
-    return (0, _utils.getSupportUploadTypes)(forbiddenTypes);
-  }, [forbiddenTypes]);
+  var supportUploadTypes = (0, _utils.getSupportUploadTypes)(forbiddenTypes);
   return /*#__PURE__*/_react.default.createElement(_luckDesign.BasicFormItem, (0, _extends2.default)({
     extra: "".concat((0, _utils.formatMessage)({
       id: 'app.upload.supportUpload',

package/lib/upload/index.js

@@ -4,6 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "UploadFilesWall", {
+  enumerable: true,
+  get: function get() {
+    return _FilesWall.default;
+  }
+});
 Object.defineProperty(exports, "UploadGridCell", {
   enumerable: true,
   get: function get() {
@@ -24,4 +30,5 @@ Object.defineProperty(exports, "buildUploadFormItem", {
 });
 var _Form = _interopRequireDefault(require("./Form"));
 var _FormItem = _interopRequireDefault(require("./FormItem"));
-var _GridCell = _interopRequireDefault(require("./GridCell"));
+var _GridCell = _interopRequireDefault(require("./GridCell"));
+var _FilesWall = _interopRequireDefault(require("./FilesWall"));

package/lib/utils/action.js

@@ -8,7 +8,7 @@ exports.behaviorCall = behaviorCall;
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _services = require("../services");
+var _apiUrl = require("../lowcode/constants/api-url");
 // 行为请求同一接口
 function behaviorCall() {
   return _behaviorCall.apply(this, arguments);
@@ -25,7 +25,7 @@ function _behaviorCall() {
           get = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
           post = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
           datasetCode = get.datasetCode;
-          return _context.abrupt("return", (0, _services.readBehaviorCall)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, get), {}, {
+          return _context.abrupt("return", (0, _apiUrl.fetchCallBehavior)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, get), {}, {
             datasetCode: datasetCode || Object.keys(post).join(',')
           }), post));
         case 4:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luck-design-biz/luckda",
-  "version": "0.0.25-6",
+  "version": "0.0.25-8",
   "description": "前端配置管理中心业务组件库",
   "scripts": {
     "start": "cross-env NODE_OPTIONS=--max-old-space-size=10240 USER_RUNTIME=SITE RUNTIME=dev umi dev",
@@ -63,7 +63,8 @@
     "querystring": "^0.2.0",
     "react": "^16.12.0",
     "react-color": "^2.19.3",
-    "styled-components": "^6.1.8"
+    "styled-components": "^6.1.8",
+    "zustand": "^4.5.2"
   },
   "devDependencies": {
     "@amap/amap-jsapi-loader": "^0.0.7",
@@ -76,7 +77,7 @@
     "@babel/plugin-transform-strict-mode": "^7.18.6",
     "@babel/polyfill": "^7.12.1",
     "@babel/traverse": "^7.24.1",
-    "@luck-design-biz/base": "0.0.44",
+    "@luck-design-biz/base": "0.0.45-2",
     "@luck-design-biz/bpm": "0.0.5",
     "@luck-helper/ui-design": "0.0.6",
     "@types/classnames": "^2.3.1",
@@ -121,7 +122,7 @@
     "js-cookie": "^2.2.1",
     "jsdom-global": "^3.0.2",
     "lint-staged": "^11.2.6",
-    "luck-design": "0.1.76-2",
+    "luck-design": "0.1.76-4",
     "monaco-editor-webpack-plugin": "6.*.*",
     "node-fetch": "^2.6.7",
     "nprogress": "^0.2.0",