@tachybase/client 1.0.18 → 1.1.0

package/lib/application/Application.js

@@ -70,6 +70,7 @@ const external_schema_initializer_index_js_namespaceObject = require("./schema-i
 const components_index_js_namespaceObject = require("./schema-initializer/components/index.js");
 const external_schema_settings_index_js_namespaceObject = require("./schema-settings/index.js");
 const external_SystemSettingsManager_js_namespaceObject = require("./SystemSettingsManager.js");
+const external_TrackingManager_js_namespaceObject = require("./TrackingManager.js");
 const external_UserSettingsManager_js_namespaceObject = require("./UserSettingsManager.js");
 const external_utils_index_js_namespaceObject = require("./utils/index.js");
 const globalDeps_js_namespaceObject = require("./utils/globalDeps.js");
@@ -130,6 +131,18 @@ class Application {
             path: '*',
             Component: this.components['AppNotFound']
         });
+        this.router.add('share', {
+            path: '/share',
+            Component: external_components_index_js_namespaceObject.SharePage
+        });
+        this.router.add('share.page', {
+            path: '/share/:name',
+            Component: external_components_index_js_namespaceObject.ShareSchemaComponent
+        });
+        this.router.add('share.notAuthorized', {
+            path: '/share/not-authorized',
+            element: null
+        });
     }
     getOptions() {
         return this.options;
@@ -316,6 +329,7 @@ class Application {
         _define_property(this, "schemaSettingsManager", void 0);
         _define_property(this, "dataSourceManager", void 0);
         _define_property(this, "noticeManager", void 0);
+        _define_property(this, "trackingManager", void 0);
         _define_property(this, "pluginContextMenu", void 0);
         _define_property(this, "AttachmentPreviewManager", void 0);
         _define_property(this, "name", void 0);
@@ -357,6 +371,7 @@ class Application {
         this.schemaInitializerManager = new external_schema_initializer_index_js_namespaceObject.SchemaInitializerManager(options.schemaInitializers, this);
         this.dataSourceManager = new DataSourceManager_js_namespaceObject.DataSourceManager(options.dataSourceManager, this);
         this.noticeManager = new external_NoticesManager_js_namespaceObject.NoticeManager(this);
+        this.trackingManager = new external_TrackingManager_js_namespaceObject.TrackingManager(this);
         this.addDefaultProviders();
         this.addReactRouterComponents();
         this.addProviders(options.providers || []);

package/lib/application/TrackingManager.js

@@ -0,0 +1,66 @@
+"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__, {
+    TrackingManager: function() {
+        return TrackingManager;
+    }
+});
+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;
+}
+class TrackingManager {
+    async logEvent(type, key, values) {
+        const data = {
+            type,
+            key,
+            values
+        };
+        this.api.resource('instrumentation').create({
+            values: {
+                ...data
+            }
+        });
+    }
+    constructor(app){
+        _define_property(this, "app", void 0);
+        _define_property(this, "api", void 0);
+        this.app = app;
+    }
+}
+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/application/components/SharePage.js

@@ -0,0 +1,150 @@
+"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__, {
+    useShareToken: ()=>useShareToken,
+    SharePage: ()=>SharePage,
+    NotAuthorityResult: ()=>NotAuthorityResult,
+    ShareLayout: ()=>ShareLayout
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const css_namespaceObject = require("@emotion/css");
+const external_antd_namespaceObject = require("antd");
+const external_react_router_namespaceObject = require("react-router");
+const external_react_router_dom_namespaceObject = require("react-router-dom");
+const index_js_namespaceObject = require("../../api-client/index.js");
+const admin_layout_index_js_namespaceObject = require("../../built-in/admin-layout/index.js");
+const pinned_list_index_js_namespaceObject = require("../../built-in/pinned-list/index.js");
+const system_settings_index_js_namespaceObject = require("../../built-in/system-settings/index.js");
+const external_user_index_js_namespaceObject = require("../../user/index.js");
+const external_hooks_index_js_namespaceObject = require("../hooks/index.js");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) raw = strings.slice(0);
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    const data = _tagged_template_literal([
+        "\n          display: flex;\n          flex-direction: column;\n          position: relative;\n          overflow-y: auto;\n          > div {\n            position: relative;\n          }\n          .ant-layout-footer {\n            position: absolute;\n            bottom: 0;\n            text-align: center;\n            width: 100%;\n            z-index: 0;\n            padding: 0px 50px;\n          }\n        "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+function useShareToken() {
+    const url = new URL(window.location.href);
+    const api = (0, index_js_namespaceObject.useAPIClient)();
+    const token = url.searchParams.get('token');
+    return token && api.auth.setToken(token), api.auth.getToken();
+}
+const ShareLayout = ()=>{
+    var _result_data_data_logo, _result_data_data, _result_data, _result_data_data1, _result_data1;
+    const { styles } = (0, admin_layout_index_js_namespaceObject.useStyles)();
+    const app = (0, external_hooks_index_js_namespaceObject.useApp)();
+    const result = (0, system_settings_index_js_namespaceObject.useSystemSettings)();
+    const sideMenuRef = (0, external_react_namespaceObject.useRef)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Layout, {
+        style: {
+            height: '100%'
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Layout.Content, {
+            className: (0, css_namespaceObject.css)(_templateObject()),
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Layout.Header, {
+                    className: styles.header,
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: styles.headerA,
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: styles.headerB,
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                        className: styles.titleContainer,
+                                        onClick: ()=>{
+                                            location.href = app.adminUrl;
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("img", {
+                                                className: styles.logo,
+                                                src: null == result ? void 0 : null === (_result_data = result.data) || void 0 === _result_data ? void 0 : null === (_result_data_data = _result_data.data) || void 0 === _result_data_data ? void 0 : null === (_result_data_data_logo = _result_data_data.logo) || void 0 === _result_data_data_logo ? void 0 : _result_data_data_logo.url
+                                            }),
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
+                                                className: styles.title,
+                                                children: null == result ? void 0 : null === (_result_data1 = result.data) || void 0 === _result_data1 ? void 0 : null === (_result_data_data1 = _result_data1.data) || void 0 === _result_data_data1 ? void 0 : _result_data_data1.title
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(admin_layout_index_js_namespaceObject.MenuEditor, {
+                                        sideMenuRef: sideMenuRef
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                        className: styles.headerTabs,
+                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(admin_layout_index_js_namespaceObject.AdminTabs, {})
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: styles.right,
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pinned_list_index_js_namespaceObject.PinnedPluginList, {
+                                        belongToFilter: "pinnedmenu"
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_user_index_js_namespaceObject.CurrentUser, {})
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_router_dom_namespaceObject.Outlet, {})
+            ]
+        })
+    });
+};
+const SharePage = ()=>{
+    const shareToken = useShareToken();
+    return shareToken ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(admin_layout_index_js_namespaceObject.AdminProvider, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ShareLayout, {})
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NotAuthorityResult, {});
+};
+function NotAuthorityResult() {
+    const { pathname, search } = (0, external_react_router_namespaceObject.useLocation)();
+    const redirect = "?redirect=".concat(pathname).concat(search);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_router_namespaceObject.Navigate, {
+        replace: true,
+        to: "/signin".concat(redirect)
+    });
+}
+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/application/components/ShareSchemaComponent.js

@@ -0,0 +1,44 @@
+"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__, {
+    ShareSchemaComponent: ()=>ShareSchemaComponent
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_router_namespaceObject = require("react-router");
+const index_js_namespaceObject = require("../../schema-component/index.js");
+function ShareSchemaComponent() {
+    const params = (0, external_react_router_namespaceObject.useParams)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.RemoteSchemaComponent, {
+        uid: params.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/application/components/index.js

@@ -9,6 +9,12 @@ var __webpack_modules__ = {
     "./RouterContextCleaner": function(module) {
         module.exports = require("./RouterContextCleaner.js");
     },
+    "./SharePage": function(module) {
+        module.exports = require("./SharePage.js");
+    },
+    "./ShareSchemaComponent": function(module) {
+        module.exports = require("./ShareSchemaComponent.js");
+    },
     "./defaultComponents": function(module) {
         module.exports = require("./defaultComponents.js");
     }
@@ -85,6 +91,18 @@ for(var __WEBPACK_IMPORT_KEY__ in _RouterContextCleaner__WEBPACK_IMPORTED_MODULE
     return _RouterContextCleaner__WEBPACK_IMPORTED_MODULE_3__[key];
 }).bind(0, __WEBPACK_IMPORT_KEY__);
 __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+var _SharePage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./SharePage");
+var __WEBPACK_REEXPORT_OBJECT__ = {};
+for(var __WEBPACK_IMPORT_KEY__ in _SharePage__WEBPACK_IMPORTED_MODULE_4__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+    return _SharePage__WEBPACK_IMPORTED_MODULE_4__[key];
+}).bind(0, __WEBPACK_IMPORT_KEY__);
+__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+var _ShareSchemaComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./ShareSchemaComponent");
+var __WEBPACK_REEXPORT_OBJECT__ = {};
+for(var __WEBPACK_IMPORT_KEY__ in _ShareSchemaComponent__WEBPACK_IMPORTED_MODULE_5__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+    return _ShareSchemaComponent__WEBPACK_IMPORTED_MODULE_5__[key];
+}).bind(0, __WEBPACK_IMPORT_KEY__);
+__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 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', {

package/lib/block-provider/hooks/index.js

@@ -15,7 +15,7 @@ var __webpack_modules__ = {
     "../../filter-provider/utils": function(module) {
         module.exports = require("../../filter-provider/utils.js");
     },
-    "../../": function(module) {
+    "../..": function(module) {
         module.exports = require("../../index.js");
     },
     "../../record-provider": function(module) {
@@ -235,7 +235,7 @@ var lodash_omit__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/ __webpack_r
 var react_i18next__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("react-i18next");
 var react_router_dom__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("react-router-dom");
 var react_to_print__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("react-to-print");
-var ___WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../");
+var ___WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../..");
 var _api_client__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../api-client");
 var _built_in_dynamic_page_utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../built-in/dynamic-page/utils");
 var _collection_manager__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../collection-manager");

package/lib/built-in/admin-layout/index.js

@@ -26,6 +26,9 @@ var __webpack_modules__ = {
     },
     "./filterByACL": function(module) {
         module.exports = require("./filterByACL.js");
+    },
+    "./style?6351": function(module) {
+        module.exports = require("./style.js");
     }
 };
 var __webpack_module_cache__ = {};
@@ -130,6 +133,12 @@ for(var __WEBPACK_IMPORT_KEY__ in _filterByACL__WEBPACK_IMPORTED_MODULE_8__)if (
     return _filterByACL__WEBPACK_IMPORTED_MODULE_8__[key];
 }).bind(0, __WEBPACK_IMPORT_KEY__);
 __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+var _style__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("./style?6351");
+var __WEBPACK_REEXPORT_OBJECT__ = {};
+for(var __WEBPACK_IMPORT_KEY__ in _style__WEBPACK_IMPORTED_MODULE_9__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+    return _style__WEBPACK_IMPORTED_MODULE_9__[key];
+}).bind(0, __WEBPACK_IMPORT_KEY__);
+__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 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', {

package/lib/collection-manager/interfaces/__tests__/json.js

@@ -3,8 +3,8 @@ var __webpack_exports__ = {};
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
 const client_namespaceObject = require("@tachybase/test/client");
-const external_appInfo_js_namespaceObject = require("../../../appInfo.js");
-const index_js_namespaceObject = require("../../../schema-component/antd/checkbox/index.js");
+const index_js_namespaceObject = require("../../../common/appInfo/index.js");
+const checkbox_index_js_namespaceObject = require("../../../schema-component/antd/checkbox/index.js");
 const input_index_js_namespaceObject = require("../../../schema-component/antd/input/index.js");
 const SchemaComponent_js_namespaceObject = require("../../../schema-component/core/SchemaComponent.js");
 const SchemaComponentProvider_js_namespaceObject = require("../../../schema-component/core/SchemaComponentProvider.js");
@@ -12,7 +12,7 @@ const external_json_js_namespaceObject = require("../json.js");
 const Component = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SchemaComponentProvider_js_namespaceObject.SchemaComponentProvider, {
         components: {
             Input: input_index_js_namespaceObject.Input,
-            Checkbox: index_js_namespaceObject.Checkbox
+            Checkbox: checkbox_index_js_namespaceObject.Checkbox
         },
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SchemaComponent_js_namespaceObject.SchemaComponent, {
             schema: external_json_js_namespaceObject.json
@@ -23,7 +23,7 @@ describe('JSON', ()=>{
         (0, client_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {}), {
             wrapper: (param)=>{
                 let { children } = param;
-                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_appInfo_js_namespaceObject.CurrentAppInfoContext.Provider, {
+                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.CurrentAppInfoContext.Provider, {
                     value: {
                         data: {
                             database: {

package/lib/collection-manager/interfaces/integer.js

@@ -80,7 +80,19 @@ class IntegerFieldInterface extends CollectionFieldInterface_js_namespaceObject.
                     unique: external_properties_index_js_namespaceObject.unique
                 }
             },
-            autoIncrement: external_properties_index_js_namespaceObject.autoIncrement
+            autoIncrement: external_properties_index_js_namespaceObject.autoIncrement,
+            'uiSchema.x-component-props.addonBefore': {
+                type: 'string',
+                title: '{{t("Prefix")}}',
+                'x-decorator': 'FormItem',
+                'x-component': 'Input'
+            },
+            'uiSchema.x-component-props.addonAfter': {
+                type: 'string',
+                title: '{{t("Suffix")}}',
+                'x-decorator': 'FormItem',
+                'x-component': 'Input'
+            }
         }), _define_property(this, "filterable", {
             operators: external_properties_index_js_namespaceObject.operators.number
         }), _define_property(this, "titleUsable", true), _define_property(this, "validateSchema", (fieldSchema)=>({

package/lib/collection-manager/interfaces/number.js

@@ -113,7 +113,16 @@ class NumberFieldInterface extends CollectionFieldInterface_js_namespaceObject.C
                     step: '1'
                 }
             }
-        }), _define_property(this, "availableTypes", [
+        }), _define_property(this, "componentOptions", [
+            {
+                label: '{{t("InputNumber")}}',
+                value: 'InputNumber'
+            },
+            {
+                label: '{{t("Slider")}}',
+                value: 'Slider'
+            }
+        ]), _define_property(this, "availableTypes", [
             'double',
             'float',
             'decimal'
@@ -152,6 +161,18 @@ class NumberFieldInterface extends CollectionFieldInterface_js_namespaceObject.C
                         label: '1.00000'
                     }
                 ]
+            },
+            'uiSchema.x-component-props.addonBefore': {
+                type: 'string',
+                title: '{{t("Prefix")}}',
+                'x-decorator': 'FormItem',
+                'x-component': 'Input'
+            },
+            'uiSchema.x-component-props.addonAfter': {
+                type: 'string',
+                title: '{{t("Suffix")}}',
+                'x-decorator': 'FormItem',
+                'x-component': 'Input'
             }
         }), _define_property(this, "filterable", {
             operators: external_properties_index_js_namespaceObject.operators.number

package/lib/collection-manager/interfaces/percent.js

@@ -128,6 +128,18 @@ class PercentFieldInterface extends CollectionFieldInterface_js_namespaceObject.
                         label: '1.00000%'
                     }
                 ]
+            },
+            'uiSchema.x-component-props.addonBefore': {
+                type: 'string',
+                title: '{{t("Prefix")}}',
+                'x-decorator': 'FormItem',
+                'x-component': 'Input'
+            },
+            'uiSchema.x-component-props.addonAfter': {
+                type: 'string',
+                title: '{{t("Suffix")}}',
+                'x-decorator': 'FormItem',
+                'x-component': 'Input'
             }
         }), _define_property(this, "filterable", {
             operators: external_properties_index_js_namespaceObject.operators.number

package/lib/data-source/collection-fields-to-initializer-items/CollectionFieldsToFormInitializerItems.js

@@ -0,0 +1,102 @@
+"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__, {
+    CollectionFieldsToFormInitializerItems: ()=>CollectionFieldsToFormInitializerItems,
+    findKanbanFormItem: ()=>findKanbanFormItem
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const utils_js_namespaceObject = require("../../schema-initializer/utils.js");
+const external_CollectionFieldsToInitializerItems_js_namespaceObject = require("./CollectionFieldsToInitializerItems.js");
+const findKanbanFormItem = (schema, key, action)=>{
+    const s = (0, utils_js_namespaceObject.findSchema)(schema, 'x-component', 'Kanban');
+    return (0, utils_js_namespaceObject.findSchema)(s, key, action);
+};
+const CollectionFieldsToFormInitializerItems = (props)=>{
+    const block = (null == props ? void 0 : props.block) || 'Form';
+    const fieldItemSchema = {
+        'x-toolbar': 'FormItemSchemaToolbar',
+        'x-settings': 'fieldSettings:FormItem',
+        'x-decorator': 'FormItem'
+    };
+    const initializerItem = {
+        remove: utils_js_namespaceObject.removeGridFormItem
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CollectionFieldsToInitializerItems_js_namespaceObject.CollectionFieldsToInitializerItems, {
+        block: block,
+        selfField: {
+            filter: (field)=>!field.treeChildren,
+            getSchema: (field, param)=>{
+                let { targetCollection } = param;
+                var _field_uiSchema_xcomponentprops, _field_uiSchema;
+                const isFileCollection = (null == targetCollection ? void 0 : targetCollection.template) === 'file';
+                const isAssociationField = targetCollection;
+                const fieldNames = null == field ? void 0 : null === (_field_uiSchema = field.uiSchema) || void 0 === _field_uiSchema ? void 0 : null === (_field_uiSchema_xcomponentprops = _field_uiSchema['x-component-props']) || void 0 === _field_uiSchema_xcomponentprops ? void 0 : _field_uiSchema_xcomponentprops['fieldNames'];
+                return {
+                    ...fieldItemSchema,
+                    'x-component-props': isFileCollection ? {
+                        fieldNames: {
+                            label: 'preview',
+                            value: 'id'
+                        }
+                    } : isAssociationField && fieldNames ? {
+                        fieldNames: {
+                            ...fieldNames,
+                            label: (null == targetCollection ? void 0 : targetCollection.titleField) || fieldNames.label
+                        }
+                    } : {}
+                };
+            },
+            getInitializerItem: ()=>({
+                    ...initializerItem,
+                    find: (null == props ? void 0 : props.block) === 'Kanban' ? findKanbanFormItem : void 0
+                })
+        },
+        parentField: {
+            getSchema: ()=>fieldItemSchema,
+            getInitializerItem: ()=>initializerItem
+        },
+        associationField: {
+            filterSelfField: (field)=>{
+                if ('Form' !== block) return true;
+                return (null == field ? void 0 : field.interface) === 'm2o';
+            },
+            filterAssociationField (collectionField) {
+                return (null == collectionField ? void 0 : collectionField.interface) && ![
+                    'subTable'
+                ].includes(null == collectionField ? void 0 : collectionField.interface) && !collectionField.treeChildren;
+            },
+            getSchema: ()=>fieldItemSchema,
+            getInitializerItem: ()=>initializerItem
+        }
+    });
+};
+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/data-source/collection-fields-to-initializer-items/CollectionFieldsToInitializerItems.js

@@ -0,0 +1,71 @@
+"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__, {
+    CollectionFieldsToInitializerItems: ()=>CollectionFieldsToInitializerItems
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const index_js_namespaceObject = require("./items/index.js");
+const external_utils_index_js_namespaceObject = require("./utils/index.js");
+const CollectionFieldsToInitializerItems = (props)=>{
+    const { selfField, parentField, associationField, block } = props;
+    const context = (0, external_utils_index_js_namespaceObject.useCollectionFieldContext)();
+    if (!context.collection) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.SelfFields, {
+                block: block,
+                ...selfField,
+                context: {
+                    ...context,
+                    collection: context.collection
+                }
+            }),
+            parentField && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.ParentCollectionFields, {
+                block: block,
+                ...parentField,
+                context: {
+                    ...context,
+                    collection: context.collection
+                }
+            }),
+            associationField && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.AssociationCollectionFields, {
+                block: block,
+                ...associationField,
+                context: {
+                    ...context,
+                    collection: context.collection
+                }
+            })
+        ]
+    });
+};
+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
+});