@arcblock/ux 2.9.90 → 2.10.0

package/lib/Dialog/use-confirm.js

@@ -1,87 +1,74 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useConfirm;
-var _react = require("react");
-var _ahooks = require("ahooks");
-var _noop = _interopRequireDefault(require("lodash/noop"));
-var _confirm = _interopRequireDefault(require("./confirm"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const ConfirmHolder = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import { useMemoizedFn, useReactive } from 'ahooks';
+import noop from 'lodash/noop';
+import Confirm from './confirm';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ConfirmHolder = /*#__PURE__*/forwardRef((props, ref) => {
   // HACK: 这里默认值不使用 null，来避免开发环境中的字段必填警告
   // HACK: useReactive 无法存储 react-node，所以只能使用 useState
-  const [title, setTitle] = (0, _react.useState)('');
-  const [content, setContent] = (0, _react.useState)('');
-  const state = (0, _ahooks.useReactive)({
+  const [title, setTitle] = useState('');
+  const [content, setContent] = useState('');
+  const state = useReactive({
     show: false,
-    onConfirm: _noop.default,
-    onCancel: _noop.default,
+    onConfirm: noop,
+    onCancel: noop,
     loading: false,
     showCancelButton: true,
     showCloseButton: true,
     confirmButtonText: 'Confirm',
     cancelButtonText: 'Cancel'
   });
-  const open = (0, _ahooks.useMemoizedFn)(function () {
-    var _params$showCloseButt, _params$showCancelBut;
-    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const open = useMemoizedFn((params = {}) => {
     setTitle(params.title);
     setContent(params.content);
-    state.onConfirm = params.onConfirm || _noop.default;
-    state.onCancel = params.onCancel || _noop.default;
-    state.showCloseButton = (_params$showCloseButt = params.showCloseButton) !== null && _params$showCloseButt !== void 0 ? _params$showCloseButt : true;
-    state.showCancelButton = (_params$showCancelBut = params.showCancelButton) !== null && _params$showCancelBut !== void 0 ? _params$showCancelBut : true;
+    state.onConfirm = params.onConfirm || noop;
+    state.onCancel = params.onCancel || noop;
+    state.showCloseButton = params.showCloseButton ?? true;
+    state.showCancelButton = params.showCancelButton ?? true;
     if (params.confirmButtonText) state.confirmButtonText = params.confirmButtonText;
     if (params.cancelButtonText) state.cancelButtonText = params.cancelButtonText;
     state.loading = false;
     state.show = true;
   });
-  const reset = (0, _ahooks.useMemoizedFn)(() => {
+  const reset = useMemoizedFn(() => {
     setTitle('');
     setContent('');
-    state.onConfirm = _noop.default;
-    state.onCancel = _noop.default;
+    state.onConfirm = noop;
+    state.onCancel = noop;
     state.confirmButtonText = 'Confirm';
     state.cancelButtonText = 'Cancel';
   });
-  const close = (0, _ahooks.useMemoizedFn)(() => {
+  const close = useMemoizedFn(() => {
     state.show = false;
     setTimeout(() => {
       reset();
     }, 300);
   });
-  const update = (0, _ahooks.useMemoizedFn)(params => {
+  const update = useMemoizedFn(params => {
     if (params.title) setTitle(params.title);
     if (params.content) setContent(params.content);
   });
-  const onCancel = (0, _ahooks.useMemoizedFn)((e, reason) => {
+  const onCancel = useMemoizedFn((e, reason) => {
     close();
-    state === null || state === void 0 ? void 0 : state.onCancel(e, reason);
+    state?.onCancel(e, reason);
   }, []);
-  const onConfirm = (0, _ahooks.useMemoizedFn)(async e => {
+  const onConfirm = useMemoizedFn(async e => {
     state.loading = true;
     try {
-      await (state === null || state === void 0 ? void 0 : state.onConfirm(close, e));
+      await state?.onConfirm(close, e);
     } finally {
       state.loading = false;
     }
   }, []);
-  (0, _react.useImperativeHandle)(ref, () => {
+  useImperativeHandle(ref, () => {
     return {
       open,
       close,
       update
     };
   }, [open, close, update]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_jsx(Confirm, {
+    ...props,
     open: state.show,
     title: title,
     onConfirm: onConfirm,
@@ -104,45 +91,32 @@ const ConfirmHolder = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       }
     },
     children: content
-  }));
+  });
 });
-function useConfirm() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const confirmRef = (0, _react.useRef)(null);
+export default function useConfirm(props = {}) {
+  const confirmRef = useRef(null);
 
   /**
    * 打开一个弹窗
    * @type {import('./types').OpenConfirm}
    */
-  const open = (0, _ahooks.useMemoizedFn)(function () {
-    var _confirmRef$current;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    (_confirmRef$current = confirmRef.current) === null || _confirmRef$current === void 0 ? void 0 : _confirmRef$current.open(...args);
+  const open = useMemoizedFn((...args) => {
+    confirmRef.current?.open(...args);
   });
   /**
    * 关闭一个弹窗
    * @type {import('./types').CloseConfirm}
    */
-  const close = (0, _ahooks.useMemoizedFn)(function () {
-    var _confirmRef$current2;
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    (_confirmRef$current2 = confirmRef.current) === null || _confirmRef$current2 === void 0 ? void 0 : _confirmRef$current2.close(...args);
+  const close = useMemoizedFn((...args) => {
+    confirmRef.current?.close(...args);
   });
 
   /**
    * 更新弹窗的 title 和 content
    * @type {import('./types').UpdateConfirm}
    */
-  const update = (0, _ahooks.useMemoizedFn)(function () {
-    var _confirmRef$current3;
-    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      args[_key3] = arguments[_key3];
-    }
-    (_confirmRef$current3 = confirmRef.current) === null || _confirmRef$current3 === void 0 ? void 0 : _confirmRef$current3.update(...args);
+  const update = useMemoizedFn((...args) => {
+    confirmRef.current?.update(...args);
   });
   const confirmApi = {
     open,
@@ -150,9 +124,10 @@ function useConfirm() {
     update
   };
   return {
-    confirmHolder: /*#__PURE__*/(0, _jsxRuntime.jsx)(ConfirmHolder, _objectSpread(_objectSpread({}, props), {}, {
+    confirmHolder: /*#__PURE__*/_jsx(ConfirmHolder, {
+      ...props,
       ref: confirmRef
-    })),
+    }),
     confirmApi
   };
 }

package/lib/DidLogo/index.js

@@ -1,36 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DidLogo;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _DidLogo = _interopRequireDefault(require("@arcblock/icons/lib/DidLogo"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import PropTypes from 'prop-types';
+import DidLogoIcon from '@arcblock/icons/lib/DidLogo';
+import { jsx as _jsx } from "react/jsx-runtime";
 const defaultStyle = {
   width: 'auto',
   height: '1em',
   fill: 'currentColor'
 };
-function DidLogo(_ref) {
-  let {
-    style,
-    size,
-    className
-  } = _ref;
-  const height = Number(size) > 0 ? "".concat(Number(size), "px") : size;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DidLogo.default, {
-    className: "".concat(className).trim(),
+export default function DidLogo({
+  style,
+  size,
+  className
+}) {
+  const height = Number(size) > 0 ? `${Number(size)}px` : size;
+  return /*#__PURE__*/_jsx(DidLogoIcon, {
+    className: `${className}`.trim(),
     style: Object.assign({}, defaultStyle, style, height ? {
       height
     } : {})
   });
 }
 DidLogo.propTypes = {
-  style: _propTypes.default.object,
-  size: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  className: _propTypes.default.string
+  style: PropTypes.object,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  className: PropTypes.string
 };
 DidLogo.defaultProps = {
   style: defaultStyle,

package/lib/DriftBot/index.js

@@ -1,18 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Util = require("../Util");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable max-len */
-
-class DriftBot extends _react.Component {
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+import { mergeProps } from '../Util';
+export default class DriftBot extends Component {
   constructor(props) {
-    super((0, _Util.mergeProps)(props, DriftBot, ['attributes']));
+    super(mergeProps(props, DriftBot, ['attributes']));
     this.addMainScript = this.addMainScript.bind(this);
     this.addIdentityVariables = this.addIdentityVariables.bind(this);
     this.insertScript = this.insertScript.bind(this);
@@ -24,12 +16,36 @@ class DriftBot extends _react.Component {
     document.body.appendChild(script);
   }
   addMainScript() {
-    const scriptText = "!function() {\n        var t = window.driftt = window.drift = window.driftt || [];\n        if (!t.init) {\n          if (t.invoked) return void (window.console && console.error && console.error(\"Drift snippet included twice.\"));\n          t.invoked = !0, t.methods = [ \"identify\", \"config\", \"track\", \"reset\", \"debug\", \"show\", \"ping\", \"page\", \"hide\", \"off\", \"on\" ],\n          t.factory = function(e) {\n            return function() {\n              var n = Array.prototype.slice.call(arguments);\n              return n.unshift(e), t.push(n), t;\n            };\n          }, t.methods.forEach(function(e) {\n            t[e] = t.factory(e);\n          }), t.load = function(t) {\n            var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement(\"script\");\n            o.type = \"text/javascript\", o.async = !0, o.crossorigin = \"anonymous\", o.src = \"https://js.driftt.com/include/\" + n + \"/\" + t + \".js\";\n            var i = document.getElementsByTagName(\"script\")[0];\n            i.parentNode.insertBefore(o, i);\n          };\n        }\n      }();\n      drift.SNIPPET_VERSION = '0.3.1';\n      drift.load('".concat(this.props.appId, "');");
+    const scriptText = `!function() {
+        var t = window.driftt = window.drift = window.driftt || [];
+        if (!t.init) {
+          if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice."));
+          t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ],
+          t.factory = function(e) {
+            return function() {
+              var n = Array.prototype.slice.call(arguments);
+              return n.unshift(e), t.push(n), t;
+            };
+          }, t.methods.forEach(function(e) {
+            t[e] = t.factory(e);
+          }), t.load = function(t) {
+            var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script");
+            o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js";
+            var i = document.getElementsByTagName("script")[0];
+            i.parentNode.insertBefore(o, i);
+          };
+        }
+      }();
+      drift.SNIPPET_VERSION = '0.3.1';
+      drift.load('${this.props.appId}');`;
     this.insertScript(scriptText);
   }
   addIdentityVariables() {
     if (typeof this.props.userId !== 'undefined') {
-      const scriptText = "\n        var t = window.driftt = window.drift = window.driftt || [];\n        drift.identify('".concat(this.props.userId, "', ").concat(JSON.stringify(this.props.attributes), ")\n      ");
+      const scriptText = `
+        var t = window.driftt = window.drift = window.driftt || [];
+        drift.identify('${this.props.userId}', ${JSON.stringify(this.props.attributes)})
+      `;
       this.insertScript(scriptText);
     }
   }
@@ -43,11 +59,10 @@ class DriftBot extends _react.Component {
     return '';
   }
 }
-exports.default = DriftBot;
 DriftBot.propTypes = {
-  appId: _propTypes.default.string.isRequired,
-  userId: _propTypes.default.string,
-  attributes: _propTypes.default.object
+  appId: PropTypes.string.isRequired,
+  userId: PropTypes.string,
+  attributes: PropTypes.object
 };
 DriftBot.defaultProps = {
   userId: '',