@tachybase/client 1.3.22 → 1.3.24

package/lib/locale/zh-CN.js

@@ -544,6 +544,7 @@ module.exports = {
   "Last updated by": "\u6700\u540E\u4FEE\u6539\u4EBA",
   "Last week": "\u4E0A\u5468",
   "Last year": "\u53BB\u5E74",
+  "Layout Direction": "\u5E03\u5C40\u65B9\u5411",
   "Leave it blank, unless you need a custom intermediate table": "\u9ED8\u8BA4\u7559\u7A7A\uFF0C\u9664\u975E\u4F60\u9700\u8981\u4E00\u4E2A\u81EA\u5B9A\u4E49\u7684\u4E2D\u95F4\u8868",
   Left: "\u5DE6\u5BF9\u9F50",
   Length: "\u957F\u5EA6",
@@ -797,6 +798,7 @@ module.exports = {
   "Role name": "\u89D2\u8272\u540D\u79F0",
   Roles: "\u89D2\u8272",
   "Roles & Permissions": "\u89D2\u8272\u548C\u6743\u9650",
+  Row: "\u884C",
   "SQL collection": "SQL\u6570\u636E\u8868",
   Save: "\u4FDD\u5B58",
   "Save Picture": "\u4FDD\u5B58\u56FE\u7247",
@@ -989,6 +991,7 @@ module.exports = {
   "Unix Timestamp": "Unix \u65F6\u95F4\u6233",
   Unnamed: "\u672A\u547D\u540D",
   "Unsaved changes": "\u672A\u4FDD\u5B58\u4FEE\u6539",
+  "Untitle collection": "\u672A\u547D\u540D\u96C6\u5408",
   Untitled: "\u672A\u8BBE\u7F6E\u6807\u9898",
   Update: "\u66F4\u65B0",
   "Update all data?": "\u66F4\u65B0\u5168\u90E8\u6570\u636E\u5417\uFF1F",

package/lib/preload.js

@@ -0,0 +1,77 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (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 = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+var __webpack_exports__ = {};
+const external_dayjs_namespaceObject = require("dayjs");
+var external_dayjs_default = /*#__PURE__*/ __webpack_require__.n(external_dayjs_namespaceObject);
+const advancedFormat_namespaceObject = require("dayjs/plugin/advancedFormat");
+var advancedFormat_default = /*#__PURE__*/ __webpack_require__.n(advancedFormat_namespaceObject);
+const calendar_namespaceObject = require("dayjs/plugin/calendar");
+var calendar_default = /*#__PURE__*/ __webpack_require__.n(calendar_namespaceObject);
+const customParseFormat_namespaceObject = require("dayjs/plugin/customParseFormat");
+var customParseFormat_default = /*#__PURE__*/ __webpack_require__.n(customParseFormat_namespaceObject);
+const isBetween_namespaceObject = require("dayjs/plugin/isBetween");
+var isBetween_default = /*#__PURE__*/ __webpack_require__.n(isBetween_namespaceObject);
+const isoWeek_namespaceObject = require("dayjs/plugin/isoWeek");
+var isoWeek_default = /*#__PURE__*/ __webpack_require__.n(isoWeek_namespaceObject);
+const isSameOrAfter_namespaceObject = require("dayjs/plugin/isSameOrAfter");
+var isSameOrAfter_default = /*#__PURE__*/ __webpack_require__.n(isSameOrAfter_namespaceObject);
+const isSameOrBefore_namespaceObject = require("dayjs/plugin/isSameOrBefore");
+var isSameOrBefore_default = /*#__PURE__*/ __webpack_require__.n(isSameOrBefore_namespaceObject);
+const localeData_namespaceObject = require("dayjs/plugin/localeData");
+var localeData_default = /*#__PURE__*/ __webpack_require__.n(localeData_namespaceObject);
+const quarterOfYear_namespaceObject = require("dayjs/plugin/quarterOfYear");
+var quarterOfYear_default = /*#__PURE__*/ __webpack_require__.n(quarterOfYear_namespaceObject);
+const relativeTime_namespaceObject = require("dayjs/plugin/relativeTime");
+var relativeTime_default = /*#__PURE__*/ __webpack_require__.n(relativeTime_namespaceObject);
+const timezone_namespaceObject = require("dayjs/plugin/timezone");
+var timezone_default = /*#__PURE__*/ __webpack_require__.n(timezone_namespaceObject);
+const updateLocale_namespaceObject = require("dayjs/plugin/updateLocale");
+var updateLocale_default = /*#__PURE__*/ __webpack_require__.n(updateLocale_namespaceObject);
+const utc_namespaceObject = require("dayjs/plugin/utc");
+var utc_default = /*#__PURE__*/ __webpack_require__.n(utc_namespaceObject);
+const weekday_namespaceObject = require("dayjs/plugin/weekday");
+var weekday_default = /*#__PURE__*/ __webpack_require__.n(weekday_namespaceObject);
+const weekOfYear_namespaceObject = require("dayjs/plugin/weekOfYear");
+var weekOfYear_default = /*#__PURE__*/ __webpack_require__.n(weekOfYear_namespaceObject);
+const weekYear_namespaceObject = require("dayjs/plugin/weekYear");
+var weekYear_default = /*#__PURE__*/ __webpack_require__.n(weekYear_namespaceObject);
+external_dayjs_default().extend(weekday_default());
+external_dayjs_default().extend(localeData_default());
+external_dayjs_default().extend(timezone_default());
+external_dayjs_default().extend(utc_default());
+external_dayjs_default().extend(quarterOfYear_default());
+external_dayjs_default().extend(isoWeek_default());
+external_dayjs_default().extend(isBetween_default());
+external_dayjs_default().extend(isSameOrAfter_default());
+external_dayjs_default().extend(isSameOrBefore_default());
+external_dayjs_default().extend(weekOfYear_default());
+external_dayjs_default().extend(weekYear_default());
+external_dayjs_default().extend(customParseFormat_default());
+external_dayjs_default().extend(advancedFormat_default());
+external_dayjs_default().extend(calendar_default());
+external_dayjs_default().extend(relativeTime_default());
+external_dayjs_default().extend(updateLocale_default());
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/schema-component/antd/association-field/index.js

@@ -21,6 +21,9 @@ var __webpack_modules__ = {
     "./SubTabs": function(module) {
         module.exports = require("./SubTabs/index.js");
     },
+    "./util": function(module) {
+        module.exports = require("./util.js");
+    },
     "@tachybase/schema": function(module) {
         module.exports = require("@tachybase/schema");
     }
@@ -69,7 +72,8 @@ var __webpack_exports__ = {};
 (()=>{
     __webpack_require__.r(__webpack_exports__);
     __webpack_require__.d(__webpack_exports__, {
-        AssociationField: ()=>AssociationField
+        AssociationField: ()=>AssociationField,
+        isSubMode: ()=>_util__WEBPACK_IMPORTED_MODULE_8__.isSubMode
     });
     var _tachybase_schema__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("@tachybase/schema");
     var _action__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../action");
@@ -81,12 +85,14 @@ var __webpack_exports__ = {};
     var _SubTabs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./SubTabs");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
     for(var __WEBPACK_IMPORT_KEY__ in _SubTabs__WEBPACK_IMPORTED_MODULE_7__)if ([
+        "isSubMode",
         "default",
         "AssociationField"
     ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
         return _SubTabs__WEBPACK_IMPORTED_MODULE_7__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("./util");
     const AssociationField = (0, _tachybase_schema__WEBPACK_IMPORTED_MODULE_0__.connect)(_Editable__WEBPACK_IMPORTED_MODULE_2__.Editable, (0, _tachybase_schema__WEBPACK_IMPORTED_MODULE_0__.mapReadPretty)(_ReadPretty__WEBPACK_IMPORTED_MODULE_5__.ReadPretty));
     AssociationField.SubTable = _SubTable__WEBPACK_IMPORTED_MODULE_6__.SubTable;
     AssociationField.Nester = _Nester__WEBPACK_IMPORTED_MODULE_4__.Nester;
@@ -97,8 +103,10 @@ var __webpack_exports__ = {};
     AssociationField.ReadPretty = _ReadPretty__WEBPACK_IMPORTED_MODULE_5__.ReadPretty;
 })();
 exports.AssociationField = __webpack_exports__.AssociationField;
+exports.isSubMode = __webpack_exports__.isSubMode;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "AssociationField"
+    "AssociationField",
+    "isSubMode"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/lib/schema-component/antd/color-picker/util.js

@@ -1,5 +1,14 @@
 "use strict";
 var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -30,11 +39,13 @@ __webpack_require__.d(__webpack_exports__, {
     getDateRanges: ()=>getDateRanges
 });
 const client_namespaceObject = require("@tego/client");
+const external_dayjs_namespaceObject = require("dayjs");
+var external_dayjs_default = /*#__PURE__*/ __webpack_require__.n(external_dayjs_namespaceObject);
 const toStringByPicker = (value, picker, timezone)=>{
-    if (!client_namespaceObject.dayjs.isDayjs(value)) return value;
+    if (!external_dayjs_default().isDayjs(value)) return value;
     if ('local' === timezone) {
         const offset = new Date().getTimezoneOffset();
-        return (0, client_namespaceObject.dayjs)(toStringByPicker(value, picker, 'gmt')).add(offset, 'minutes').toISOString();
+        return external_dayjs_default()(toStringByPicker(value, picker, 'gmt')).add(offset, 'minutes').toISOString();
     }
     if ('year' === picker) return value.format('YYYY') + '-01-01T00:00:00.000Z';
     if ('month' === picker) return value.format('YYYY-MM') + '-01T00:00:00.000Z';
@@ -43,11 +54,11 @@ const toStringByPicker = (value, picker, timezone)=>{
     return value.format('YYYY-MM-DDTHH:mm:ss.SSS') + 'Z';
 };
 const toGmtByPicker = (value, picker)=>{
-    if (!value || !client_namespaceObject.dayjs.isDayjs(value)) return value;
+    if (!value || !external_dayjs_default().isDayjs(value)) return value;
     return toStringByPicker(value, picker, 'gmt');
 };
 const toLocalByPicker = (value, picker)=>{
-    if (!value || !client_namespaceObject.dayjs.isDayjs(value)) return value;
+    if (!value || !external_dayjs_default().isDayjs(value)) return value;
     return toStringByPicker(value, picker, 'local');
 };
 const moment2str = function(value) {
@@ -106,8 +117,8 @@ function getRangeEnd(value, options) {
     if (showTime) return value;
     return value.endOf('day');
 }
-const getStart = (offset, unit)=>(0, client_namespaceObject.dayjs)().add(offset, 'isoWeek' === unit ? 'week' : unit).startOf(unit);
-const getEnd = (offset, unit)=>(0, client_namespaceObject.dayjs)().add(offset, 'isoWeek' === unit ? 'week' : unit).endOf(unit);
+const getStart = (offset, unit)=>external_dayjs_default()().add(offset, 'isoWeek' === unit ? 'week' : unit).startOf(unit);
+const getEnd = (offset, unit)=>external_dayjs_default()().add(offset, 'isoWeek' === unit ? 'week' : unit).endOf(unit);
 const getDateRanges = ()=>({
         today: ()=>[
                 getStart(0, 'day'),

package/lib/schema-component/antd/date-picker/util.js

@@ -1,5 +1,14 @@
 "use strict";
 var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -31,11 +40,13 @@ __webpack_require__.d(__webpack_exports__, {
     getDateRanges: ()=>getDateRanges
 });
 const client_namespaceObject = require("@tego/client");
+const external_dayjs_namespaceObject = require("dayjs");
+var external_dayjs_default = /*#__PURE__*/ __webpack_require__.n(external_dayjs_namespaceObject);
 const toStringByPicker = (value, picker, timezone)=>{
-    if (!client_namespaceObject.dayjs.isDayjs(value)) return value;
+    if (!external_dayjs_default().isDayjs(value)) return value;
     if ('local' === timezone) {
         const offset = new Date().getTimezoneOffset();
-        return (0, client_namespaceObject.dayjs)(toStringByPicker(value, picker, 'gmt')).add(offset, 'minutes').toISOString();
+        return external_dayjs_default()(toStringByPicker(value, picker, 'gmt')).add(offset, 'minutes').toISOString();
     }
     if ('year' === picker) return value.format('YYYY') + '-01-01T00:00:00.000Z';
     if ('month' === picker) return value.format('YYYY-MM') + '-01T00:00:00.000Z';
@@ -44,11 +55,11 @@ const toStringByPicker = (value, picker, timezone)=>{
     return value.format('YYYY-MM-DDTHH:mm:ss.SSS') + 'Z';
 };
 const toGmtByPicker = (value, picker)=>{
-    if (!value || !client_namespaceObject.dayjs.isDayjs(value)) return value;
+    if (!value || !external_dayjs_default().isDayjs(value)) return value;
     return toStringByPicker(value, picker, 'gmt');
 };
 const toLocalByPicker = (value, picker)=>{
-    if (!value || !client_namespaceObject.dayjs.isDayjs(value)) return value;
+    if (!value || !external_dayjs_default().isDayjs(value)) return value;
     return toStringByPicker(value, picker, 'local');
 };
 const moment2str = function(value) {
@@ -107,10 +118,10 @@ function getRangeEnd(value, options) {
     if (showTime) return value;
     return value.endOf('day');
 }
-const getStart = (offset, unit)=>(0, client_namespaceObject.dayjs)().add(offset, 'isoWeek' === unit ? 'week' : unit).startOf(unit);
-const getEnd = (offset, unit)=>(0, client_namespaceObject.dayjs)().add(offset, 'isoWeek' === unit ? 'week' : unit).endOf(unit);
+const getStart = (offset, unit)=>external_dayjs_default()().add(offset, 'isoWeek' === unit ? 'week' : unit).startOf(unit);
+const getEnd = (offset, unit)=>external_dayjs_default()().add(offset, 'isoWeek' === unit ? 'week' : unit).endOf(unit);
 const getDateRanges = ()=>({
-        now: ()=>(0, client_namespaceObject.dayjs)().toISOString(),
+        now: ()=>external_dayjs_default()().toISOString(),
         today: ()=>[
                 getStart(0, 'day'),
                 getEnd(0, 'day')
@@ -209,17 +220,17 @@ const getDateRanges = ()=>({
             ]
     });
 const getDateExact = ()=>({
-        nowUtc: ()=>(0, client_namespaceObject.dayjs)().toISOString(),
-        nowLocal: ()=>(0, client_namespaceObject.dayjs)().format('YYYY-MM-DD HH:mm:ss'),
-        todayUtc: ()=>(0, client_namespaceObject.dayjs)().startOf('day').utc().toISOString(),
-        todayLocal: ()=>(0, client_namespaceObject.dayjs)().startOf('day').format('YYYY-MM-DD HH:mm:ss'),
-        todayDate: ()=>(0, client_namespaceObject.dayjs)().format('YYYY-MM-DD'),
-        yesterdayUtc: ()=>(0, client_namespaceObject.dayjs)().subtract(1, 'day').startOf('day').utc().toISOString(),
-        yesterdayLocal: ()=>(0, client_namespaceObject.dayjs)().subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
-        yesterdayDate: ()=>(0, client_namespaceObject.dayjs)().subtract(1, 'day').format('YYYY-MM-DD'),
-        tomorrowUtc: ()=>(0, client_namespaceObject.dayjs)().add(1, 'day').startOf('day').utc().toISOString(),
-        tomorrowLocal: ()=>(0, client_namespaceObject.dayjs)().add(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
-        tomorrowDate: ()=>(0, client_namespaceObject.dayjs)().add(1, 'day').format('YYYY-MM-DD')
+        nowUtc: ()=>external_dayjs_default()().toISOString(),
+        nowLocal: ()=>external_dayjs_default()().format('YYYY-MM-DD HH:mm:ss'),
+        todayUtc: ()=>external_dayjs_default()().startOf('day').utc().toISOString(),
+        todayLocal: ()=>external_dayjs_default()().startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        todayDate: ()=>external_dayjs_default()().format('YYYY-MM-DD'),
+        yesterdayUtc: ()=>external_dayjs_default()().subtract(1, 'day').startOf('day').utc().toISOString(),
+        yesterdayLocal: ()=>external_dayjs_default()().subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        yesterdayDate: ()=>external_dayjs_default()().subtract(1, 'day').format('YYYY-MM-DD'),
+        tomorrowUtc: ()=>external_dayjs_default()().add(1, 'day').startOf('day').utc().toISOString(),
+        tomorrowLocal: ()=>external_dayjs_default()().add(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        tomorrowDate: ()=>external_dayjs_default()().add(1, 'day').format('YYYY-MM-DD')
     });
 exports.getDateExact = __webpack_exports__.getDateExact;
 exports.getDateRanges = __webpack_exports__.getDateRanges;

package/lib/schema-component/antd/filter/index.js

@@ -1,5 +1,8 @@
 "use strict";
 var __webpack_modules__ = {
+    "./DynamicComponent": function(module) {
+        module.exports = require("./DynamicComponent.js");
+    },
     "./Filter": function(module) {
         module.exports = require("./Filter.js");
     },
@@ -71,6 +74,12 @@ var __webpack_exports__ = {};
         return _useFilterActionProps__WEBPACK_IMPORTED_MODULE_2__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _DynamicComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./DynamicComponent");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _DynamicComponent__WEBPACK_IMPORTED_MODULE_3__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _DynamicComponent__WEBPACK_IMPORTED_MODULE_3__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 })();
 for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {

package/lib/schema-component/antd/form-v2/index.js

@@ -17,6 +17,9 @@ var __webpack_modules__ = {
     },
     "./Templates": function(module) {
         module.exports = require("./Templates.js");
+    },
+    "./utils?198b": function(module) {
+        module.exports = require("./utils.js");
     }
 };
 var __webpack_module_cache__ = {};
@@ -93,6 +96,17 @@ var __webpack_exports__ = {};
         return _FormField__WEBPACK_IMPORTED_MODULE_5__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./utils?198b");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _utils__WEBPACK_IMPORTED_MODULE_6__)if ([
+        "fetchTemplateData",
+        "FormV2",
+        "default",
+        "DetailsDesigner"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _utils__WEBPACK_IMPORTED_MODULE_6__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
     _Form__WEBPACK_IMPORTED_MODULE_0__.Form.Designer = _Form_Designer__WEBPACK_IMPORTED_MODULE_1__.FormDesigner;
     _Form__WEBPACK_IMPORTED_MODULE_0__.Form.FilterDesigner = _Form_FilterDesigner__WEBPACK_IMPORTED_MODULE_2__.FilterDesigner;
     _Form__WEBPACK_IMPORTED_MODULE_0__.Form.ReadPrettyDesigner = _Form_Designer__WEBPACK_IMPORTED_MODULE_1__.ReadPrettyFormDesigner;

package/lib/schema-component/antd/table-v2/index.js

@@ -119,6 +119,15 @@ var __webpack_exports__ = {};
         return _TableSelectorDesigner__WEBPACK_IMPORTED_MODULE_10__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _Table_Column_Designer__WEBPACK_IMPORTED_MODULE_5__)if ([
+        "TableV2",
+        "useColumnSchema",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _Table_Column_Designer__WEBPACK_IMPORTED_MODULE_5__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
     const TableV2 = _Table__WEBPACK_IMPORTED_MODULE_0__.Table;
     TableV2.Column = _Table_Column__WEBPACK_IMPORTED_MODULE_2__.TableColumn;
     TableV2.Column.ActionBar = _Table_Column_ActionBar__WEBPACK_IMPORTED_MODULE_3__.TableColumnActionBar;

package/lib/schema-component/common/sortable-item/DragHandlePageTab.js

@@ -47,20 +47,19 @@ const DragHandlePageTab = (props)=>{
         x: 0,
         y: 0
     });
-    const centerOffset = {
-        x: 4 * dimensions.width,
-        y: 3 * dimensions.height
-    };
     const style = {
         position: isDragging ? 'fixed' : 'static',
-        top: isDragging ? initialPosition.y - centerOffset.y : 0,
-        left: isDragging ? initialPosition.x - centerOffset.x : 0,
+        top: isDragging ? initialPosition.y - 5 * dimensions.height : 0,
+        left: isDragging ? initialPosition.x - dimensions.width : 0,
         width: isDragging ? 'max-content' : '100%',
         height: isDragging ? 'max-content' : '100%',
         zIndex: isDragging ? 999 : 'auto',
         pointerEvents: isDragging ? 'none' : 'auto',
         transform: transform ? "translate3d(".concat(transform.x, "px, ").concat(transform.y, "px, 0) scale(").concat(isDragging ? 1.05 : 1, ")") : void 0,
-        boxShadow: isDragging ? '0 4px 8px rgba(0, 0, 0, 0.1)' : 'none'
+        boxShadow: isDragging ? '0 8px 24px 4px rgba(0,0,0,0.18)' : 'none',
+        WebkitTransform: transform ? "translate3d(".concat(transform.x, "px, ").concat(transform.y, "px, 0) scale(").concat(isDragging ? 1.05 : 1, ")") : void 0,
+        WebkitPerspective: isDragging ? 1000 : void 0,
+        isolation: isDragging ? 'isolate' : void 0
     };
     const handleMouseDown = (event)=>{
         if (ref.current) {