@seakoi/native-ui 1.0.0

package/dist/commonjs/components/business/list/list.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.List = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useList = require("./hooks/use-list.js");
+var _listEmpty = require("./list-empty.js");
+var _listFooter = require("./list-footer.js");
+var _index = require("./style/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 通用列表组件
+ * 支持分页加载、下拉刷新、错误重试等功能
+ */
+const List = ({
+  requestApi,
+  requestParams,
+  searchField,
+  searchKeyword,
+  fromType,
+  pageSize = 20,
+  isPagination = true,
+  onRequestSuccess,
+  customGetDataField = 'data.list',
+  handleApiData,
+  keyField = 'ID',
+  joinList,
+  immediate = true,
+  renderItem,
+  ...restProps
+}) => {
+  const styles = (0, _index.useListStyles)();
+  const {
+    flatListRef,
+    listData,
+    reqStatus,
+    pageLoad,
+    refreshing,
+    errorType,
+    onRefresh,
+    onEndReached,
+    reload
+  } = (0, _useList.useList)({
+    requestApi,
+    requestParams,
+    searchField,
+    searchKeyword,
+    fromType,
+    pageSize,
+    isPagination,
+    onRequestSuccess,
+    customGetDataField,
+    handleApiData,
+    keyField,
+    joinList,
+    immediate
+  });
+
+  /** 空状态组件 */
+  const renderEmpty = (0, _react.useCallback)(() => {
+    const status = reqStatus === 'ERROR' ? 'ERROR' : pageLoad ? 'LOADING' : 'EMPTY';
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_listEmpty.ListEmpty, {
+      status: status,
+      errorType: errorType,
+      onReload: reload
+    });
+  }, [reqStatus, pageLoad, errorType, reload]);
+
+  /** 底部加载组件 */
+  const renderFooter = (0, _react.useCallback)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_listFooter.ListFooter, {
+    status: reqStatus,
+    hasData: listData.length > 0,
+    onReload: reload
+  }), [reqStatus, listData.length, reload]);
+
+  /** 下拉刷新控件 */
+  const refreshControl = (0, _react.useMemo)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.RefreshControl, {
+    refreshing: refreshing,
+    onRefresh: onRefresh
+  }), [refreshing, onRefresh]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+    ref: flatListRef,
+    contentContainerStyle: styles.container,
+    onEndReachedThreshold: 2,
+    showsVerticalScrollIndicator: false,
+    ItemSeparatorComponent: ItemSeparator,
+    ListEmptyComponent: renderEmpty,
+    ListFooterComponent: renderFooter,
+    refreshControl: refreshControl,
+    onEndReached: onEndReached,
+    keyExtractor: (item, index) => String(item[keyField] || index),
+    ...restProps,
+    data: listData,
+    renderItem: renderItem
+  });
+};
+
+/** 列表分隔组件 */
+exports.List = List;
+const ItemSeparator = /*#__PURE__*/(0, _react.memo)(() => {
+  const styles = (0, _index.useListStyles)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.separator
+  });
+});

package/dist/commonjs/components/business/list/style/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useListStyles = exports.useListFooterStyles = exports.useListEmptyStyles = void 0;
+var _index = require("../../../../native-provider/index.js");
+const useListStyles = exports.useListStyles = (0, _index.createThemedStyles)(theme => ({
+  container: {
+    flexGrow: 1,
+    paddingHorizontal: 12,
+    paddingTop: 12,
+    backgroundColor: theme.palette.gray1
+  },
+  nomoreText: {
+    textAlign: 'center',
+    color: theme.palette.gray8
+  },
+  errorText: {
+    color: theme.palette.gray8,
+    textAlign: 'center'
+  },
+  separator: {
+    height: 10,
+    backgroundColor: theme.palette.blueGray1
+  }
+}));
+const useListFooterStyles = exports.useListFooterStyles = (0, _index.createThemedStyles)(theme => ({
+  container: {
+    height: 40,
+    alignContent: 'center',
+    justifyContent: 'center'
+  },
+  nomoreText: {
+    textAlign: 'center',
+    color: theme.palette.gray8
+  },
+  errorText: {
+    color: theme.palette.gray8,
+    textAlign: 'center'
+  }
+}));
+const useListEmptyStyles = exports.useListEmptyStyles = (0, _index.createThemedStyles)(() => ({
+  container: {
+    flex: 1,
+    alignContent: 'center',
+    justifyContent: 'center'
+  }
+}));

package/dist/commonjs/components/business/list/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/commonjs/components/business/money/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _money = require("./money.js");
+Object.keys(_money).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _money[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _money[key];
+    }
+  });
+});

package/dist/commonjs/components/business/money/money.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Money = void 0;
+var _ahooks = require("ahooks");
+var _bignumber = _interopRequireDefault(require("bignumber.js"));
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../../base/index.js");
+var _index2 = require("./style/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Money = ({
+  value = '',
+  ...props
+}) => {
+  const styles = (0, _index2.useMoneyStyles)();
+  const fmt = (0, _ahooks.useLatest)({
+    fractionDigits: 2,
+    groupSeparator: ',',
+    ...props.formatConfig
+  });
+  const defaultTextStyle = [styles.text, {
+    color: props.color
+  }, props.style];
+  const defaultDisplayValue = props.hidden ? null : props.defaultDisplayValue;
+  const [currency, fraction] = (0, _react.useMemo)(() => {
+    if (props.hidden) return [defaultDisplayValue];
+    let currentValue = new _bignumber.default(value);
+    if (!currentValue.isFinite()) {
+      if (defaultDisplayValue !== undefined) {
+        return [defaultDisplayValue];
+      }
+      currentValue = new _bignumber.default(0);
+    }
+    return currentValue.toFormat(fmt.current.fractionDigits, {
+      decimalSeparator: '.',
+      groupSize: fmt.current.groupSize,
+      groupSeparator: fmt.current.groupSeparator
+    }).split('.');
+  }, [defaultDisplayValue, fmt, props.hidden, value]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Flex, {
+    gap: 2,
+    align: props.align,
+    style: props.containerStyle,
+    children: [!!fmt.current.symbol && currency !== defaultDisplayValue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      size: 18,
+      style: [defaultTextStyle, props.styles?.symbol],
+      children: fmt.current.symbol
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Text, {
+      numberOfLines: 1,
+      style: defaultTextStyle,
+      lineBreakMode: "tail",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        size: 18,
+        style: defaultTextStyle,
+        children: currency
+      }), !!fraction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        size: 18,
+        style: [defaultTextStyle, props.styles?.fraction],
+        children: `.${fraction}`
+      })]
+    })]
+  });
+};
+exports.Money = Money;

package/dist/commonjs/components/business/money/style/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMoneyStyles = void 0;
+var _index = require("../../../../native-provider/index.js");
+const useMoneyStyles = exports.useMoneyStyles = (0, _index.createThemedStyles)(theme => ({
+  text: {
+    includeFontPadding: false,
+    color: theme.palette.fontGray1
+  }
+}));

package/dist/commonjs/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _index = require("./components/base/index.js");
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+var _index2 = require("./components/business/index.js");
+Object.keys(_index2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index2[key];
+    }
+  });
+});
+var _index3 = require("./native-provider/index.js");
+Object.keys(_index3).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index3[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index3[key];
+    }
+  });
+});
+var _index4 = require("./shared/hooks/index.js");
+Object.keys(_index4).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index4[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index4[key];
+    }
+  });
+});
+var _index5 = require("./shared/theme/index.js");
+Object.keys(_index5).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index5[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index5[key];
+    }
+  });
+});

package/dist/commonjs/native-provider/contexts/config-context.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConfigContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ConfigContext = exports.ConfigContext = /*#__PURE__*/_react.default.createContext(null);

package/dist/commonjs/native-provider/contexts/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _configContext = require("./config-context.js");
+Object.keys(_configContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _configContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _configContext[key];
+    }
+  });
+});
+var _requestContext = require("./request-context.js");
+Object.keys(_requestContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _requestContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _requestContext[key];
+    }
+  });
+});
+var _themeContext = require("./theme-context.js");
+Object.keys(_themeContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _themeContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _themeContext[key];
+    }
+  });
+});

package/dist/commonjs/native-provider/contexts/request-context.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useApiService = exports.RequestContext = void 0;
+var _ahooks = require("ahooks");
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("../../shared/apis/index.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const RequestContext = exports.RequestContext = /*#__PURE__*/_react.default.createContext(null);
+/**
+ * 基于 useRequest
+ * @param requestConfig 请求配置
+ * @param useRequestHookOptions useRequest 配置项
+ * @returns
+ */
+const useApiService = (apiCfgKey, useRequestHookOptions) => {
+  const request = _react.default.useContext(RequestContext);
+  if (!request) {
+    throw new Error('RequestContext is not provided');
+  }
+  return (0, _ahooks.useRequest)(async params => {
+    const config = _index.default[apiCfgKey];
+    if (!('url' in config && 'method' in config)) {
+      throw new Error(`Api config ${apiCfgKey} is invalid`);
+    }
+    const method = config.method.toLowerCase();
+    if (!Object.keys(request).includes(method)) {
+      throw new Error(`Request method ${config.method} is not supported`);
+    }
+    return request[method](config.url, params);
+  }, useRequestHookOptions);
+};
+exports.useApiService = useApiService;

package/dist/commonjs/native-provider/contexts/theme-context.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTheme = exports.createThemedStyles = exports.ThemeContext = void 0;
+var _deepmerge = _interopRequireDefault(require("deepmerge"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../../shared/theme/index.js");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ThemeContext = exports.ThemeContext = /*#__PURE__*/_react.default.createContext(null);
+const useTheme = overrideTheme => {
+  const theme = _react.default.useContext(ThemeContext);
+  return (0, _react.useMemo)(() => {
+    let themeContext = theme;
+    if (!themeContext) {
+      themeContext = (0, _index.createTheme)();
+    }
+    if (!overrideTheme) return themeContext;
+    return (0, _deepmerge.default)(themeContext, overrideTheme);
+  }, [theme, overrideTheme]);
+};
+exports.useTheme = useTheme;
+const createThemedStyles = styles => {
+  return options => {
+    const theme = useTheme();
+    const stylesRef = (0, _react.useRef)(styles);
+    stylesRef.current = styles;
+    return (0, _react.useMemo)(() => {
+      if (typeof stylesRef.current !== 'function') {
+        return _reactNative.StyleSheet.create(stylesRef.current);
+      }
+      const cssStyles = stylesRef.current(theme, options ?? {});
+      return _reactNative.StyleSheet.create(cssStyles);
+    }, [options, theme]);
+  };
+};
+exports.createThemedStyles = createThemedStyles;

package/dist/commonjs/native-provider/error-boundary.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorBoundary = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../components/base/index.js");
+var _themeContext = require("./contexts/theme-context.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+class ErrorBoundary extends _react.default.Component {
+  static contextType = _themeContext.ThemeContext;
+  state = {
+    error: null,
+    hasError: false
+  };
+  constructor(props) {
+    super(props);
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      error,
+      hasError: true
+    };
+  }
+  componentDidCatch(error) {
+    this.props.onError?.(error);
+  }
+  render() {
+    const {
+      error,
+      hasError
+    } = this.state;
+    if (!hasError) return this.props.children;
+    if (typeof this.props.fallback === 'function') {
+      return this.props.fallback(error, () => {
+        this.setState({
+          error: null,
+          hasError: false
+        });
+      });
+    }
+    return this.props.fallback || /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      font: "medium",
+      color: this.context?.palette.error7,
+      children: "Something went wrong."
+    });
+  }
+}
+exports.ErrorBoundary = ErrorBoundary;

package/dist/commonjs/native-provider/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _index = require("./contexts/index.js");
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+var _errorBoundary = require("./error-boundary.js");
+Object.keys(_errorBoundary).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _errorBoundary[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _errorBoundary[key];
+    }
+  });
+});
+var _nativeProvider = require("./native-provider.js");
+Object.keys(_nativeProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _nativeProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _nativeProvider[key];
+    }
+  });
+});

package/dist/commonjs/native-provider/native-provider.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NativeProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../components/base/index.js");
+var _index2 = require("../shared/theme/index.js");
+var _index3 = require("./contexts/index.js");
+var _themeContext = require("./contexts/theme-context.js");
+var _errorBoundary = require("./error-boundary.js");
+var _safeAreaCompactProvider = require("./safe-area-compact-provider.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const NativeProvider = ({
+  theme,
+  children,
+  navigators,
+  errorBoundary,
+  request = null
+}) => {
+  const isNative = _reactNative.Platform.OS !== 'web';
+  const themeContextValue = (0, _react.useMemo)(() => (0, _index2.createTheme)(theme), [theme]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_safeAreaCompactProvider.SafeAreaCompactProvider, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.ConfigContext, {
+      value: {
+        navigators
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.RequestContext.Provider, {
+        value: request,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_themeContext.ThemeContext.Provider, {
+          value: themeContextValue,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorBoundary.ErrorBoundary, {
+            ...errorBoundary,
+            children: isNative ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Portal.Host, {
+              children: children
+            }) : children
+          })
+        })
+      })
+    })
+  });
+};
+exports.NativeProvider = NativeProvider;

package/dist/commonjs/native-provider/safe-area-compact-provider.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SafeAreaCompactProvider = void 0;
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @see {@link https://appandflow.github.io/react-native-safe-area-context/optimizations}
+ */let initialMetics = _reactNativeSafeAreaContext.initialWindowMetrics;
+if (_reactNative.Platform.OS === 'web' || !initialMetics) {
+  const {
+    width = 0,
+    height = 0
+  } = _reactNative.Dimensions.get('window');
+  initialMetics = {
+    frame: {
+      width,
+      height,
+      x: 0,
+      y: 0
+    },
+    insets: {
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0
+    }
+  };
+}
+const SafeAreaCompactProvider = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSafeAreaContext.SafeAreaInsetsContext.Consumer, {
+    children: insets => {
+      if (insets) return props.children;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSafeAreaContext.SafeAreaProvider, {
+        initialMetrics: initialMetics,
+        children: props.children
+      });
+    }
+  });
+};
+exports.SafeAreaCompactProvider = SafeAreaCompactProvider;

package/dist/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/dist/commonjs/shared/apis/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/** 统一导出所有接口配置 */
+var _default = exports.default = {
+  GET_ADDRESS: {
+    method: 'GET',
+    url: '/example'
+  }
+};

package/dist/commonjs/shared/constants/event-emitter-type.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NATIVE_UI_PORTAL_REMOVE_EVENT = exports.NATIVE_UI_PORTAL_ADD_EVENT = void 0;
+// Portal 事件常量
+const NATIVE_UI_PORTAL_ADD_EVENT = exports.NATIVE_UI_PORTAL_ADD_EVENT = 'NATIVE_UI_PORTAL_ADD_EVENT';
+const NATIVE_UI_PORTAL_REMOVE_EVENT = exports.NATIVE_UI_PORTAL_REMOVE_EVENT = 'NATIVE_UI_PORTAL_REMOVE_EVENT';

package/dist/commonjs/shared/constants/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _eventEmitterType = require("./event-emitter-type.js");
+Object.keys(_eventEmitterType).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _eventEmitterType[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _eventEmitterType[key];
+    }
+  });
+});