@tachybase/client 0.23.8-alpha.32 → 0.23.8-alpha.34

package/lib/api-client/APIClient.js

@@ -0,0 +1,179 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    APIClient: ()=>APIClient
+});
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
+const sdk_namespaceObject = require("@tachybase/sdk");
+const external_antd_namespaceObject = require("antd");
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function notify(type, messages, instance) {
+    var _messages_map;
+    if (!(null == messages ? void 0 : messages.length)) return;
+    instance[type]({
+        message: null === (_messages_map = messages.map) || void 0 === _messages_map ? void 0 : _messages_map.call(messages, (item)=>external_react_default().createElement('div', {}, 'string' == typeof item ? item : item.message))
+    });
+}
+const handleErrorMessage = (error, notification)=>{
+    var _error_response;
+    const reader = new FileReader();
+    reader.readAsText(null == error ? void 0 : null === (_error_response = error.response) || void 0 === _error_response ? void 0 : _error_response.data, 'utf-8');
+    reader.onload = function() {
+        const messages = JSON.parse(reader.result).errors;
+        notify('error', messages, notification);
+    };
+};
+const errorCache = new Map();
+function offsetToTimeZone(offset) {
+    const hours = Math.floor(Math.abs(offset));
+    const minutes = Math.abs(offset % 1 * 60);
+    const formattedHours = (hours < 10 ? '0' : '') + hours;
+    const formattedMinutes = (minutes < 10 ? '0' : '') + minutes;
+    const sign = offset >= 0 ? '+' : '-';
+    return sign + formattedHours + ':' + formattedMinutes;
+}
+const getCurrentTimezone = ()=>{
+    const timezoneOffset = new Date().getTimezoneOffset() / -60;
+    return offsetToTimeZone(timezoneOffset);
+};
+class APIClient extends sdk_namespaceObject.APIClient {
+    service(uid) {
+        return this.services[uid];
+    }
+    getHeaders() {
+        var _window_location, _window;
+        const headers = super.getHeaders();
+        const appName = this.app.getName();
+        if (appName) headers['X-App'] = appName;
+        headers['X-Timezone'] = getCurrentTimezone();
+        headers['X-Hostname'] = null === (_window = window) || void 0 === _window ? void 0 : null === (_window_location = _window.location) || void 0 === _window_location ? void 0 : _window_location.hostname;
+        return headers;
+    }
+    interceptors() {
+        this.axios.interceptors.request.use((config)=>{
+            config.headers['X-With-ACL-Meta'] = true;
+            const appName = this.app ? (0, sdk_namespaceObject.getSubAppName)(this.app.getPublicPath()) : null;
+            if (appName) config.headers['X-App'] = appName;
+            return config;
+        });
+        super.interceptors();
+        this.useNotificationMiddleware();
+        this.axios.interceptors.response.use((response)=>response, (error)=>{
+            var _error_response_data, _error_response;
+            const errs = (null == error ? void 0 : null === (_error_response = error.response) || void 0 === _error_response ? void 0 : null === (_error_response_data = _error_response.data) || void 0 === _error_response_data ? void 0 : _error_response_data.errors) || [
+                {
+                    message: 'Server error'
+                }
+            ];
+            if (errs.find((error)=>'ROLE_NOT_FOUND_ERR' === error.code)) this.auth.setRole(null);
+            throw error;
+        });
+    }
+    useNotificationMiddleware() {
+        this.axios.interceptors.response.use((response)=>{
+            var _response_data_messages, _response_data;
+            if (null === (_response_data = response.data) || void 0 === _response_data ? void 0 : null === (_response_data_messages = _response_data.messages) || void 0 === _response_data_messages ? void 0 : _response_data_messages.length) {
+                const messages = response.data.messages.filter((item)=>{
+                    const lastTime = errorCache.get('string' == typeof item ? item : item.message);
+                    if (lastTime && new Date().getTime() - lastTime < 500) return false;
+                    errorCache.set(item.message, new Date().getTime());
+                    return true;
+                });
+                notify('success', messages, this.notification);
+            }
+            return response;
+        }, (error)=>{
+            var _error_response_data, _error_response, _error_response_data1, _error_response1;
+            if (this.silence) throw error;
+            const redirectTo = null == error ? void 0 : null === (_error_response = error.response) || void 0 === _error_response ? void 0 : null === (_error_response_data = _error_response.data) || void 0 === _error_response_data ? void 0 : _error_response_data.redirectTo;
+            if (redirectTo) return window.location.href = redirectTo;
+            if ((null == error ? void 0 : null === (_error_response1 = error.response) || void 0 === _error_response1 ? void 0 : null === (_error_response_data1 = _error_response1.data) || void 0 === _error_response_data1 ? void 0 : _error_response_data1.type) === 'application/json') handleErrorMessage(error, this.notification);
+            else {
+                var _error_response_data_error, _error_response_data2, _error_response2, _error_response_data3, _error_response3, _error_response_data4, _error_response4;
+                if (errorCache.size > 10) errorCache.clear();
+                const maintaining = !!(null == error ? void 0 : null === (_error_response2 = error.response) || void 0 === _error_response2 ? void 0 : null === (_error_response_data2 = _error_response2.data) || void 0 === _error_response_data2 ? void 0 : null === (_error_response_data_error = _error_response_data2.error) || void 0 === _error_response_data_error ? void 0 : _error_response_data_error.maintaining);
+                if (this.app.maintaining !== maintaining) this.app.maintaining = maintaining;
+                if (this.app.maintaining) {
+                    var _error_response_data5, _error_response5;
+                    this.app.error = null == error ? void 0 : null === (_error_response5 = error.response) || void 0 === _error_response5 ? void 0 : null === (_error_response_data5 = _error_response5.data) || void 0 === _error_response_data5 ? void 0 : _error_response_data5.error;
+                    throw error;
+                }
+                if (this.app.error) this.app.error = null;
+                let errs = (null == error ? void 0 : null === (_error_response3 = error.response) || void 0 === _error_response3 ? void 0 : null === (_error_response_data3 = _error_response3.data) || void 0 === _error_response_data3 ? void 0 : _error_response_data3.errors) || (null == error ? void 0 : null === (_error_response4 = error.response) || void 0 === _error_response4 ? void 0 : null === (_error_response_data4 = _error_response4.data) || void 0 === _error_response_data4 ? void 0 : _error_response_data4.messages) || [
+                    {
+                        message: 'Server error'
+                    }
+                ];
+                errs = errs.filter((error)=>{
+                    const lastTime = errorCache.get(error.message);
+                    if (lastTime && new Date().getTime() - lastTime < 500) return false;
+                    errorCache.set(error.message, new Date().getTime());
+                    return true;
+                });
+                if (0 === errs.length) throw error;
+                notify('error', errs, this.notification);
+            }
+            throw error;
+        });
+    }
+    silent() {
+        this.silence = true;
+        return this;
+    }
+    constructor(...args){
+        super(...args), _define_property(this, "services", {}), _define_property(this, "silence", false), _define_property(this, "app", void 0), _define_property(this, "notification", external_antd_namespaceObject.notification);
+    }
+}
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/lib/api-client/APIClientProvider.js

@@ -0,0 +1,45 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    APIClientProvider: ()=>APIClientProvider
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const external_context_js_namespaceObject = require("./context.js");
+const APIClientProvider = (props)=>{
+    const { apiClient, children } = props;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_context_js_namespaceObject.APIClientContext.Provider, {
+        value: apiClient,
+        children: children
+    });
+};
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/lib/api-client/__tests__/APIClient.test.js

@@ -0,0 +1,90 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+var __webpack_exports__ = {};
+const external_axios_namespaceObject = require("axios");
+var external_axios_default = /*#__PURE__*/ __webpack_require__.n(external_axios_namespaceObject);
+const external_APIClient_js_namespaceObject = require("../APIClient.js");
+describe('APIClient', ()=>{
+    describe('axios', ()=>{
+        it('case 1', ()=>{
+            const apiClient = new external_APIClient_js_namespaceObject.APIClient();
+            expect(apiClient.axios).toBeDefined();
+            expect(typeof apiClient.axios).toBe('function');
+            expect(typeof apiClient.axios.request).toBe('function');
+        });
+        it('case 2', ()=>{
+            const apiClient = new external_APIClient_js_namespaceObject.APIClient({
+                baseURL: 'http://localhost/api/'
+            });
+            expect(apiClient.axios.defaults.baseURL).toBe('http://localhost/api/');
+        });
+        it('case 3', ()=>{
+            const instance = external_axios_default().create();
+            const apiClient = new external_APIClient_js_namespaceObject.APIClient(instance);
+            expect(apiClient.axios).toBe(instance);
+        });
+    });
+    test('should reset role when role is not found', async ()=>{
+        const instance = external_axios_default().create();
+        instance.interceptors.response.use((response)=>response, (error)=>{
+            error = {
+                response: {
+                    data: {
+                        errors: [
+                            {
+                                code: 'ROLE_NOT_FOUND_ERR'
+                            }
+                        ]
+                    }
+                }
+            };
+            throw error;
+        });
+        const apiClient = new external_APIClient_js_namespaceObject.APIClient(instance);
+        apiClient.app = {};
+        apiClient.auth.setRole('not-found');
+        expect(apiClient.auth.role).toBe('not-found');
+        try {
+            await apiClient.request({
+                method: 'GET',
+                url: '/api/test'
+            });
+        } catch (err) {
+            console.log(err);
+            expect(err).toBeDefined();
+            expect(err.response.data.errors[0].code).toBe('ROLE_NOT_FOUND_ERR');
+        }
+        expect(apiClient.auth.role).toBeFalsy();
+    });
+});
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/lib/api-client/context.js

@@ -0,0 +1,39 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    APIClientContext: ()=>APIClientContext
+});
+const external_react_namespaceObject = require("react");
+const external_APIClient_js_namespaceObject = require("./APIClient.js");
+const APIClientContext = (0, external_react_namespaceObject.createContext)(new external_APIClient_js_namespaceObject.APIClient());
+APIClientContext.displayName = 'APIClientContext';
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/lib/api-client/demos/demo1.js

@@ -0,0 +1,80 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>demo1_rslib_entry_
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const client_namespaceObject = require("@tachybase/client");
+const external_axios_mock_adapter_namespaceObject = require("axios-mock-adapter");
+var external_axios_mock_adapter_default = /*#__PURE__*/ __webpack_require__.n(external_axios_mock_adapter_namespaceObject);
+const apiClient = new client_namespaceObject.APIClient();
+const mock = new (external_axios_mock_adapter_default())(apiClient.axios);
+mock.onGet('/users:get').reply(200, {
+    data: {
+        id: 1,
+        name: 'John Smith'
+    }
+});
+const providers = [
+    [
+        client_namespaceObject.APIClientProvider,
+        {
+            apiClient
+        }
+    ]
+];
+const demo1_rslib_entry_ = (0, client_namespaceObject.compose)(...providers)(()=>{
+    var _data_data;
+    const { data } = (0, client_namespaceObject.useRequest)({
+        resource: 'users',
+        action: 'get',
+        params: {}
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        children: null == data ? void 0 : null === (_data_data = data.data) || void 0 === _data_data ? void 0 : _data_data.name
+    });
+});
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/lib/api-client/demos/demo2.js

@@ -0,0 +1,79 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>demo2_rslib_entry_
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const client_namespaceObject = require("@tachybase/client");
+const external_axios_mock_adapter_namespaceObject = require("axios-mock-adapter");
+var external_axios_mock_adapter_default = /*#__PURE__*/ __webpack_require__.n(external_axios_mock_adapter_namespaceObject);
+const apiClient = new client_namespaceObject.APIClient();
+const mock = new (external_axios_mock_adapter_default())(apiClient.axios);
+mock.onGet('/users:get').reply(200, {
+    data: {
+        id: 1,
+        name: 'John Smith'
+    }
+});
+const providers = [
+    [
+        client_namespaceObject.APIClientProvider,
+        {
+            apiClient
+        }
+    ]
+];
+const demo2_rslib_entry_ = (0, client_namespaceObject.compose)(...providers)(()=>{
+    var _data_data;
+    const { data } = (0, client_namespaceObject.useRequest)({
+        url: 'users:get',
+        method: 'get'
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        children: null == data ? void 0 : null === (_data_data = data.data) || void 0 === _data_data ? void 0 : _data_data.name
+    });
+});
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/lib/api-client/demos/demo3.js

@@ -0,0 +1,122 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>demo3_rslib_entry_
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const client_namespaceObject = require("@tachybase/client");
+const schema_namespaceObject = require("@tachybase/schema");
+const external_antd_namespaceObject = require("antd");
+const external_axios_mock_adapter_namespaceObject = require("axios-mock-adapter");
+var external_axios_mock_adapter_default = /*#__PURE__*/ __webpack_require__.n(external_axios_mock_adapter_namespaceObject);
+const demo3_rslib_entry_apiClient = new client_namespaceObject.APIClient();
+const mock = new (external_axios_mock_adapter_default())(demo3_rslib_entry_apiClient.axios);
+const sleep = (value)=>new Promise((resolve)=>setTimeout(resolve, value));
+mock.onGet('/users:list').reply(async ()=>{
+    await sleep(1000);
+    return [
+        200,
+        {
+            data: [
+                {
+                    id: 1,
+                    name: (0, schema_namespaceObject.uid)()
+                },
+                {
+                    id: 2,
+                    name: (0, schema_namespaceObject.uid)()
+                }
+            ]
+        }
+    ];
+});
+const ComponentA = ()=>{
+    console.log('ComponentA');
+    const { data, loading } = (0, client_namespaceObject.useRequest)({
+        url: 'users:list',
+        method: 'get'
+    }, {
+        uid: 'test'
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Table, {
+        pagination: false,
+        rowKey: 'id',
+        loading: loading,
+        dataSource: null == data ? void 0 : data.data,
+        columns: [
+            {
+                title: 'Name',
+                dataIndex: 'name'
+            }
+        ]
+    });
+};
+const ComponentB = ()=>{
+    console.log('ComponentB');
+    const apiClient = (0, client_namespaceObject.useAPIClient)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Space, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Input, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
+                onClick: ()=>{
+                    var _apiClient_service;
+                    return null === (_apiClient_service = apiClient.service('test')) || void 0 === _apiClient_service ? void 0 : _apiClient_service.run();
+                },
+                children: "提交"
+            })
+        ]
+    });
+};
+const demo3_rslib_entry_ = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(client_namespaceObject.APIClientProvider, {
+        apiClient: demo3_rslib_entry_apiClient,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ComponentB, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("br", {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("br", {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ComponentA, {})
+        ]
+    });
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});