@tachybase/client 1.5.1 → 1.6.1

package/es/schema-component/antd/appends-tree-select/AppendsTreeSelectV2.mjs

@@ -9,7 +9,11 @@ function usePropsCollection(param) {
     return collection;
 }
 function loadChildren(option) {
-    const result = getCollectionFieldOptions.call(this, option.field.target, option);
+    var _this_needLeaf;
+    const needLeaf = null != (_this_needLeaf = this.needLeaf) ? _this_needLeaf : false;
+    const result = getCollectionFieldOptions.call(this, option.field.target, option, {
+        needLeaf
+    });
     if (result.length) {
         if (!result.some((item)=>isAssociation(item.field))) option.isLeaf = true;
     } else option.isLeaf = true;
@@ -29,13 +33,18 @@ function getCollectionFieldOptions(collection, parentNode) {
     const [dataSourceName, collectionName] = parseCollectionName(collection);
     const rawFields = this.getCollectionFields(collectionName, dataSourceName);
     const fields = needLeaf ? rawFields : rawFields.filter(isAssociation);
-    const boundLoadChildren = loadChildren.bind(this);
+    const boundLoadChildren = loadChildren.bind({
+        ...this,
+        needLeaf
+    });
     return fields.filter(this.filter).map((field)=>{
         var _field_uiSchema;
         const key = parentNode ? "".concat(parentNode.value ? "".concat(parentNode.value, ".") : '').concat(field.name) : field.name;
         var _this_compile;
         const fieldTitle = null != (_this_compile = this.compile(null == (_field_uiSchema = field.uiSchema) ? void 0 : _field_uiSchema.title)) ? _this_compile : field.name;
-        const isLeaf = !this.getCollectionFields(field.target).filter(isAssociation).filter(this.filter).length;
+        const targetFields = field.target ? this.getCollectionFields(field.target) : [];
+        const availableFields = needLeaf ? targetFields : targetFields.filter(isAssociation);
+        const isLeaf = !availableFields.filter(this.filter).length;
         var _parentNode_key;
         return {
             pId: null != (_parentNode_key = null == parentNode ? void 0 : parentNode.key) ? _parentNode_key : null,
@@ -99,7 +108,8 @@ const AppendsTreeSelectV2 = (props)=>{
         const tData = null === propsLoadData ? [] : getCollectionFieldOptions.call({
             compile,
             getCollectionFields,
-            filter
+            filter,
+            needLeaf
         }, collectionString, parentNode, {
             needLeaf
         });

package/es/schema-component/antd/association-field/AssociationSelect.mjs

@@ -105,7 +105,7 @@ const InternalAssociationSelect = observer((props)=>{
                     style: {
                         paddingLeft: 5
                     },
-                    children: t('Add') + " \u201C".concat(props.search, "\u201D ")
+                    children: t('Add') + " “".concat(props.search, "” ")
                 })
             ]
         });

package/es/schema-component/antd/association-field/InternalDrawerSubTable.mjs

@@ -75,7 +75,7 @@ const InternaDrawerSubTable = observer((props)=>{
                     extra: /*#__PURE__*/ jsx(Button, {
                         type: "primary",
                         onClick: ()=>setVisible(false),
-                        children: "\u786E\u8BA4"
+                        children: "确认"
                     }),
                     children: /*#__PURE__*/ jsx(FlagProvider, {
                         isInSubForm: true,

package/es/schema-component/antd/association-field/SubTabs/styles.mjs

@@ -9,7 +9,7 @@ function _tagged_template_literal(strings, raw) {
 }
 function _templateObject() {
     const data = _tagged_template_literal([
-        "\n      display: flex;\n      flex-direction: row;\n      max-height: 30vh;\n      .left-pane {\n        padding: 2px;\n        display: flex;\n        font-weight: 500;\n        flex-direction: column;\n        width: 100px;\n        overflow-y: auto;\n        /* \u9690\u85CF\u6EDA\u52A8\u6761 \u5FAE\u8F6F/\u706B\u72D0 */\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n        border-right: 2px solid #d4d4d4;\n        padding: 2px;\n        margin-right: 5px;\n        div {\n          background-color: #ffffff;\n          white-space: normal;\n          cursor: pointer;\n          margin: 5px 0 5px;\n        }\n        div:last-of-type {\n          margin-bottom: 0;\n        }\n      }\n      /* \u9690\u85CF\u6EDA\u52A8\u6761 \u8C37\u6B4C\u6D4F\u89C8\u5668 */\n      .left-pane::-webkit-scrollbar {\n        display: none;\n      }\n\n      .right-pane {\n        padding: 2px;\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n        flex: 1;\n        div {\n          margin-bottom: 1em;\n          .ant-btn {\n            margin-right: 2px;\n          }\n        }\n        div:last-of-type {\n          margin-bottom: 0;\n        }\n      }\n    "
+        "\n      display: flex;\n      flex-direction: row;\n      max-height: 30vh;\n      .left-pane {\n        padding: 2px;\n        display: flex;\n        font-weight: 500;\n        flex-direction: column;\n        width: 100px;\n        overflow-y: auto;\n        /* 隐藏滚动条 微软/火狐 */\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n        border-right: 2px solid #d4d4d4;\n        padding: 2px;\n        margin-right: 5px;\n        div {\n          background-color: #ffffff;\n          white-space: normal;\n          cursor: pointer;\n          margin: 5px 0 5px;\n        }\n        div:last-of-type {\n          margin-bottom: 0;\n        }\n      }\n      /* 隐藏滚动条 谷歌浏览器 */\n      .left-pane::-webkit-scrollbar {\n        display: none;\n      }\n\n      .right-pane {\n        padding: 2px;\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n        flex: 1;\n        div {\n          margin-bottom: 1em;\n          .ant-btn {\n            margin-right: 2px;\n          }\n        }\n        div:last-of-type {\n          margin-bottom: 0;\n        }\n      }\n    "
     ]);
     _templateObject = function() {
         return data;

package/es/schema-component/antd/block-item/BlockToolbar.mjs

@@ -5,60 +5,60 @@ import { message } from "antd";
 const defaultItems = [
     {
         icon: /*#__PURE__*/ jsx(FullscreenOutlined, {}),
-        title: "\u5168\u5C4F"
+        title: '全屏'
     },
     {
         icon: /*#__PURE__*/ jsx(UndoOutlined, {}),
-        title: "\u64A4\u9500"
+        title: '撤销'
     },
     {
         icon: /*#__PURE__*/ jsx(RedoOutlined, {}),
-        title: "\u91CD\u505A"
+        title: '重做'
     },
     {
         icon: /*#__PURE__*/ jsx(DeleteOutlined, {}),
-        title: "\u5220\u9664"
+        title: '删除'
     }
 ];
 const customItems = [
     {
         icon: /*#__PURE__*/ jsx(CopyOutlined, {}),
         placement: 'bottom',
-        title: "\u590D\u5236"
+        title: '复制'
     },
     {
         icon: /*#__PURE__*/ jsx(ZoomInOutlined, {}),
-        title: "\u653E\u5927\uFF01"
+        title: '放大！'
     },
     {
         icon: /*#__PURE__*/ jsx(ZoomOutOutlined, {}),
         style: {
             color: '#1890ff'
         },
-        title: "\u7F29\u5C0F\uFF01"
+        title: '缩小！'
     },
     {
         type: 'divider'
     },
     {
         icon: /*#__PURE__*/ jsx(DragOutlined, {}),
-        title: "\u5FEB\u901F\u5B9A\u4F4D"
+        title: '快速定位'
     }
 ];
 const dropdownMenuItems = [
     {
         icon: /*#__PURE__*/ jsx(CopyOutlined, {}),
         onClick: ()=>{
-            message.info("\u590D\u5236\uFF01");
+            message.info('复制！');
         },
-        label: "\u590D\u5236"
+        label: '复制'
     },
     {
         icon: /*#__PURE__*/ jsx(ZoomInOutlined, {}),
         onClick: ()=>{
-            message.success("\u653E\u5927\uFF01");
+            message.success('放大！');
         },
-        label: "\u653E\u5927\uFF01"
+        label: '放大！'
     },
     {
         icon: /*#__PURE__*/ jsx(ZoomOutOutlined, {}),
@@ -66,9 +66,9 @@ const dropdownMenuItems = [
             color: '#1890ff'
         },
         onClick: ()=>{
-            message.success("\u7F29\u5C0F\uFF01");
+            message.success('缩小！');
         },
-        label: "\u7F29\u5C0F\uFF01"
+        label: '缩小！'
     },
     {
         type: 'divider'
@@ -76,9 +76,9 @@ const dropdownMenuItems = [
     {
         icon: /*#__PURE__*/ jsx(DragOutlined, {}),
         onClick: ()=>{
-            message.loading("\u5FEB\u901F\u5B9A\u4F4Ding");
+            message.loading('快速定位ing');
         },
-        label: "\u5FEB\u901F\u5B9A\u4F4D"
+        label: '快速定位'
     }
 ];
 const BlockToolbar = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx("div", {

package/es/schema-component/antd/grid-card/options.mjs

@@ -22,9 +22,9 @@ const screenSizeTitleMaps = {
 };
 const screenSizeMaps = {
     xs: '< 768',
-    md: "\u2265 768",
-    lg: "\u2265 992",
-    xxl: "\u2265 1600"
+    md: '≥ 768',
+    lg: '≥ 992',
+    xxl: '≥ 1600'
 };
 const defaultColumnCount = {
     xs: 1,

package/es/schema-component/antd/input/ReadPretty.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
 import { useFieldSchema } from "@tachybase/schema";
-import { css } from "@emotion/css";
 import { usePrefixCls } from "@tego/client";
+import { css } from "@emotion/css";
 import { Image, Typography } from "antd";
 import classnames from "classnames";
 import { useCompile } from "../../index.mjs";
@@ -32,8 +32,6 @@ const _Input = (props)=>{
     return /*#__PURE__*/ jsxs("div", {
         className: classnames(prefixCls, props.className),
         style: {
-            display: 'flex',
-            alignItems: 'center',
             overflowWrap: 'break-word',
             whiteSpace: 'normal',
             ...props.style

package/es/schema-component/antd/menu/Menu.styles.mjs

@@ -28,7 +28,7 @@ function _templateObject1() {
 function _templateObject2() {
     const data = _tagged_template_literal([
         "\n      height: 100%;\n      overflow-y: auto;\n      overflow-x: hidden;\n\n      .ant-menu-submenu.ant-menu-submenu-inline .ant-menu-submenu-title {\n        position: relative;\n        ::before {\n          content: '';\n          position: absolute;\n          left: 0;\n          top: 50%;\n          transform: translateY(-50%);\n          width: 3px;\n          height: 50%;\n          background-color: ",
-        ";\n\n          /* \u4F7F\u7528 clip-path \u88C1\u526A\u4E3A\u68AF\u5F62 */\n          clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);\n        }\n      }\n\n      .ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open > .ant-menu-submenu-title {\n        ::before {\n          background-color: ",
+        ";\n\n          /* 使用 clip-path 裁剪为梯形 */\n          clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);\n        }\n      }\n\n      .ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open > .ant-menu-submenu-title {\n        ::before {\n          background-color: ",
         ";\n        }\n      }\n\n      .ant-menu-item,\n      .ant-menu-submenu-title {\n        padding-inline-end: 10px;\n      }\n\n      .ant-menu-submenu-title {\n        .ant-menu-title-content {\n          > div {\n            > .general-schema-designer {\n              right: 6px !important;\n            }\n            > span.anticon {\n              margin-right: 10px;\n            }\n          }\n        }\n      }\n    "
     ]);
     _templateObject2 = function() {

package/es/schema-component/antd/menu/MenuSearchAdd.style.mjs

@@ -9,7 +9,7 @@ function _tagged_template_literal(strings, raw) {
 }
 function _templateObject() {
     const data = _tagged_template_literal([
-        "\n      /* NOTE: \u8FD9\u91CC\u7684\u6837\u5F0F\u662F\u4E3A\u4E86\u8BA9\u641C\u7D22\u6846\u7684\u6837\u5F0F, \u907F\u514D\u4E0A\u5C42 antd \u5199\u6B7B\u7684 padding-left: 24px \u7684\u5F71\u54CD */\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      display: flex;\n      flex-direction: row;\n      align-items: flex-start;\n\n      /* NOTE: \u653E\u8FD9\u4E09\u4E2A\u6837\u5F0F\u662F\u4E3A\u4E86\u63D0\u5347\u9009\u62E9\u5668\u4F18\u5148\u7EA7, \u8986\u76D6\u6389 antd \u7684\u9ED8\u8BA4\u6837\u5F0F */\n      .ant-input-outlined.ant-input-outlined.ant-input-outlined {\n        background-color: #f9f9f9;\n        border-radius: 5px;\n        border: none;\n        box-shadow: none;\n      }\n\n      /* \u79FB\u9664 antd \u9ED8\u8BA4\u7684\u540E\u7F6E\u641C\u7D22\u56FE\u6807 */\n      .ant-input-group-addon {\n        display: none;\n      }\n\n      .menu-add-wrapper {\n        .ant-dropdown-trigger {\n          display: grid;\n          place-items: center;\n\n          width: 30px;\n          /* \u8FD9\u91CC\u662F\u4E3A\u4E86\u548C\u524D\u8FB9\u5143\u7D20\u4FDD\u6301\u5BF9\u9F50, antd \u7EC4\u4EF6\u5199\u6B7B\u4E86\u9AD8\u5EA6 */\n          height: 28px;\n\n          cursor: pointer;\n\n          :hover,\n          :active {\n            border-radius: 5px;\n            color: #ffffff;\n            background-color: #f4f4f4;\n          }\n        }\n      }\n    "
+        "\n      /* NOTE: 这里的样式是为了让搜索框的样式, 避免上层 antd 写死的 padding-left: 24px 的影响 */\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      display: flex;\n      flex-direction: row;\n      align-items: flex-start;\n\n      /* NOTE: 放这三个样式是为了提升选择器优先级, 覆盖掉 antd 的默认样式 */\n      .ant-input-outlined.ant-input-outlined.ant-input-outlined {\n        background-color: #f9f9f9;\n        border-radius: 5px;\n        border: none;\n        box-shadow: none;\n      }\n\n      /* 移除 antd 默认的后置搜索图标 */\n      .ant-input-group-addon {\n        display: none;\n      }\n\n      .menu-add-wrapper {\n        .ant-dropdown-trigger {\n          display: grid;\n          place-items: center;\n\n          width: 30px;\n          /* 这里是为了和前边元素保持对齐, antd 组件写死了高度 */\n          height: 28px;\n\n          cursor: pointer;\n\n          :hover,\n          :active {\n            border-radius: 5px;\n            color: #ffffff;\n            background-color: #f4f4f4;\n          }\n        }\n      }\n    "
     ]);
     _templateObject = function() {
         return data;

package/es/schema-component/antd/page/Page.mjs

@@ -230,6 +230,9 @@ const TabItem = (props)=>{
                     type: schema['x-icon']
                 }),
                 /*#__PURE__*/ jsx("span", {
+                    style: {
+                        padding: '6px 16px'
+                    },
                     children: schema.title || t('Unnamed')
                 }),
                 /*#__PURE__*/ jsx("div", {

package/es/schema-component/antd/page/Page.style.mjs

@@ -9,7 +9,7 @@ function _tagged_template_literal(strings, raw) {
 }
 function _templateObject() {
     const data = _tagged_template_literal([
-        "\n      .ant-tabs-nav-wrap.ant-tabs-nav-wrap {\n        flex: none;\n      }\n      .ant-tabs-tab.ant-tabs-tab.ant-tabs-tab {\n        padding: 0;\n        border: none;\n        background-color: #ffffff;\n      }\n\n      .ant-tabs-tab-active.ant-tabs-tab-active.ant-tabs-tab-active.ant-tabs-tab-active {\n        border-radius: 8px 8px 0 0;\n        box-shadow: none;\n        text-shadow: none;\n        background-color: var(--tb-box-bg);\n      }\n      .ant-tabs-extra-content {\n        flex: 1;\n      }\n    "
+        "\n      .ant-tabs-nav-wrap.ant-tabs-nav-wrap {\n        flex: none;\n      }\n      .ant-tabs-tab.ant-tabs-tab.ant-tabs-tab {\n        border: none;\n        background-color: #ffffff;\n      }\n\n      .ant-tabs-tab-active.ant-tabs-tab-active.ant-tabs-tab-active.ant-tabs-tab-active {\n        border-radius: 8px 8px 0 0;\n        box-shadow: none;\n        text-shadow: none;\n        background-color: var(--tb-box-bg);\n      }\n      .ant-tabs-extra-content {\n        flex: 1;\n      }\n    "
     ]);
     _templateObject = function() {
         return data;

package/es/schema-component/antd/table/Table.Array.mjs

@@ -119,6 +119,7 @@ const useTableColumns = ()=>{
             }),
             dataIndex: s.name,
             key: s.name,
+            ...s['x-component-props'],
             render: (v, record)=>{
                 var _field_value;
                 const index = null == (_field_value = field.value) ? void 0 : _field_value.indexOf(record);

package/es/schema-component/antd/table/Table.Column.Designer.mjs

@@ -33,9 +33,9 @@ const TableColumnDesigner = (props)=>{
     return /*#__PURE__*/ jsxs(GeneralSchemaDesigner, {
         children: [
             /*#__PURE__*/ jsx(SchemaSettingsPopupItem, {
-                title: "\u7F16\u8F91",
+                title: '编辑',
                 schema: {
-                    title: "\u7F16\u8F91\u5B57\u6BB5",
+                    title: '编辑字段',
                     'x-component': 'Action.Modal',
                     'x-component-props': {
                         width: 520
@@ -49,9 +49,9 @@ const TableColumnDesigner = (props)=>{
                         title: {
                             'x-decorator': 'FormItem',
                             'x-component': 'Input',
-                            title: "\u5B57\u6BB5\u6807\u9898",
+                            title: '字段标题',
                             'x-component-props': {},
-                            description: "\u539F\u5B57\u6BB5\u6807\u9898\uFF1A".concat(null == collectionField ? void 0 : null == (_collectionField_uiSchema = collectionField.uiSchema) ? void 0 : _collectionField_uiSchema.title)
+                            description: "原字段标题：".concat(null == collectionField ? void 0 : null == (_collectionField_uiSchema = collectionField.uiSchema) ? void 0 : _collectionField_uiSchema.title)
                         },
                         footer: {
                             type: 'void',
@@ -107,7 +107,7 @@ const TableColumnDesigner = (props)=>{
                 }
             }),
             (null == collectionField ? void 0 : collectionField.target) && /*#__PURE__*/ jsx(SchemaSettingsSelectItem, {
-                title: "\u6807\u9898\u5B57\u6BB5",
+                title: '标题字段',
                 options: options,
                 value: null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : null == (_fieldSchema_xcomponentprops_fieldNames = _fieldSchema_xcomponentprops['fieldNames']) ? void 0 : _fieldSchema_xcomponentprops_fieldNames['label'],
                 onChange: (label)=>{

package/es/schema-component/antd/table/Table.Void.Designer.mjs

@@ -52,14 +52,14 @@ const TableVoidDesigner = ()=>{
                 }
             }),
             /*#__PURE__*/ jsx(SchemaSettingsModalItem, {
-                title: "\u8BBE\u7F6E\u6570\u636E\u8303\u56F4",
+                title: '设置数据范围',
                 schema: {
                     type: 'object',
-                    title: "\u8BBE\u7F6E\u6570\u636E\u8303\u56F4",
+                    title: '设置数据范围',
                     properties: {
                         filter: {
                             default: defaultFilter,
-                            title: "\u6570\u636E\u8303\u56F4",
+                            title: '数据范围',
                             enum: dataSource,
                             'x-component': 'Filter',
                             'x-component-props': {}
@@ -182,7 +182,7 @@ const TableVoidDesigner = ()=>{
                 }
             }),
             /*#__PURE__*/ jsx(SchemaSettingsSelectItem, {
-                title: "\u6BCF\u9875\u663E\u793A",
+                title: '每页显示',
                 value: (null == (_field_decoratorProps_request_params = field.decoratorProps.request.params) ? void 0 : _field_decoratorProps_request_params.pageSize) || 20,
                 options: [
                     {

package/es/schema-component/antd/table-v2/EnabledToggle.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface EnabledToggleProps {
+    resource?: string;
+    checkedChildren?: string;
+    unCheckedChildren?: string;
+    fieldName?: string;
+    disabled?: boolean;
+}
+export declare const EnabledToggle: React.MemoExoticComponent<import("@tachybase/schema").ReactFC<EnabledToggleProps>>;

package/es/schema-component/antd/table-v2/EnabledToggle.mjs

@@ -0,0 +1,72 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { observer } from "@tachybase/schema";
+import { Switch, message } from "antd";
+import { createStyles } from "antd-style";
+import { useTranslation } from "react-i18next";
+import { useAPIClient } from "../../../api-client/index.mjs";
+import { useCollectionRecordData } from "../../../data-source/collection-record/CollectionRecordProvider.mjs";
+import { useDataBlockRequest } from "../../../data-source/data-block/DataBlockRequestProvider.mjs";
+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    &.ant-switch-checked {\n      background-color: #52c41a !important;\n    }\n    min-height: 16px;\n    height: 16px;\n    line-height: 16px;\n  "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = createStyles((param)=>{
+    let { css } = param;
+    return {
+        switchClass: css(_templateObject())
+    };
+});
+const EnabledToggle = observer(function() {
+    let props = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+    const { styles } = useStyles();
+    const record = useCollectionRecordData();
+    const api = useAPIClient();
+    const { refresh } = useDataBlockRequest();
+    const { t } = useTranslation();
+    const fieldName = props.fieldName || 'enabled';
+    var _record_fieldName;
+    const enabled = null != (_record_fieldName = null == record ? void 0 : record[fieldName]) ? _record_fieldName : false;
+    const resourceName = props.resource || 'workflows';
+    const checkedChildren = props.checkedChildren || t('On');
+    const unCheckedChildren = props.unCheckedChildren || t('Off');
+    const handleChange = async (checked)=>{
+        if (props.disabled) return;
+        try {
+            await api.resource(resourceName).update({
+                filterByTk: record.id,
+                values: {
+                    [fieldName]: checked
+                }
+            });
+            message.success(t('Operation succeeded'));
+            refresh();
+        } catch (error) {
+            message.error(t('Operation failed'));
+            console.error(error);
+        }
+    };
+    return /*#__PURE__*/ jsx(Switch, {
+        checked: enabled,
+        onChange: handleChange,
+        checkedChildren: checkedChildren,
+        unCheckedChildren: unCheckedChildren,
+        size: "small",
+        className: styles.switchClass,
+        disabled: props.disabled
+    });
+});
+export { EnabledToggle };

package/es/schema-component/antd/table-v2/Table.styles.mjs

@@ -19,7 +19,7 @@ function _templateObject() {
 }
 function _templateObject1() {
     const data = _tagged_template_literal([
-        "\n      // \u6269\u5927 SchemaToolbar \u7684\u9762\u79EF\n      .tb-action-link {\n        margin: -",
+        "\n      // 扩大 SchemaToolbar 的面积\n      .tb-action-link {\n        margin: -",
         "px -",
         "px;\n        padding: ",
         "px ",

package/es/schema-component/antd/table-v2/index.d.ts

@@ -3,4 +3,5 @@ export * from './TableField';
 export * from './TableSelectorDesigner';
 export * from './Table.Column.Designer';
 export { useColumnSchema } from './Table.Column.Decorator';
+export * from './EnabledToggle';
 export declare const TableV2: any;

package/es/schema-component/antd/table-v2/index.mjs

@@ -10,6 +10,7 @@ export * from "./TableBlockDesigner.mjs";
 export * from "./TableField.mjs";
 export * from "./TableSelectorDesigner.mjs";
 export * from "./Table.Column.Designer.mjs";
+export * from "./EnabledToggle.mjs";
 const TableV2 = Table;
 TableV2.Column = TableColumn;
 TableV2.Column.ActionBar = TableColumnActionBar;

package/es/schema-component/antd/variable/CodeMirror.mjs

@@ -74,7 +74,7 @@ const CodeMirror_CodeMirror = (props)=>{
                 children: [
                     /*#__PURE__*/ jsx("div", {
                         className: css(_templateObject1()),
-                        children: t("Click on the right to select variables \u2192")
+                        children: t('Click on the right to select variables →')
                     }),
                     disabled ? null : /*#__PURE__*/ jsx(VariableSelect, {
                         className: css(_templateObject2()),

package/es/schema-component/common/sortable-item/DragHandleMenu.style.mjs

@@ -9,7 +9,7 @@ function _tagged_template_literal(strings, raw) {
 }
 function _templateObject() {
     const data = _tagged_template_literal([
-        "\n      position: relative;\n      width: 100%;\n      height: 100%;\n\n      &.draggable {\n        cursor: move;\n        padding: 0 10px;\n        border-radius: 5px;\n        background: #f0f0f0;\n      }\n      &.leftBorder {\n        ::before {\n          content: '';\n          position: absolute;\n          left: 0;\n          top: 50%;\n          transform: translateY(-50%);\n          width: 3px;\n          height: 50%;\n          background-color: var(--colorPrimaryText);\n\n          /* \u4F7F\u7528 clip-path \u88C1\u526A\u4E3A\u68AF\u5F62 */\n          clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);\n        }\n      }\n\n      &.adminMenu {\n        .general-schema-designer {\n          display: none;\n        }\n      }\n\n      .wrapper {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-around;\n      }\n    "
+        "\n      position: relative;\n      width: 100%;\n      height: 100%;\n\n      &.draggable {\n        cursor: move;\n        padding: 0 10px;\n        border-radius: 5px;\n        background: #f0f0f0;\n      }\n      &.leftBorder {\n        ::before {\n          content: '';\n          position: absolute;\n          left: 0;\n          top: 50%;\n          transform: translateY(-50%);\n          width: 3px;\n          height: 50%;\n          background-color: var(--colorPrimaryText);\n\n          /* 使用 clip-path 裁剪为梯形 */\n          clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);\n        }\n      }\n\n      &.adminMenu {\n        .general-schema-designer {\n          display: none;\n        }\n      }\n\n      .wrapper {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-around;\n      }\n    "
     ]);
     _templateObject = function() {
         return data;

package/es/schema-component/common/sortable-item/DragHandlePageTab.style.mjs

@@ -9,7 +9,7 @@ function _tagged_template_literal(strings, raw) {
 }
 function _templateObject() {
     const data = _tagged_template_literal([
-        "\n      position: relative;\n      width: 100%;\n      height: 100%;\n      padding: 6px 16px;\n      border-radius: 8px 8px 0 0;\n      &.draggable {\n        cursor: move;\n        padding: 0 10px;\n        border-radius: 5px;\n        background: #f0f0f0;\n      }\n    "
+        "\n      position: relative;\n      width: 100%;\n      height: 100%;\n      border-radius: 8px 8px 0 0;\n      &.draggable {\n        cursor: move;\n        padding: 0 10px;\n        border-radius: 5px;\n        background: #f0f0f0;\n      }\n    "
     ]);
     _templateObject = function() {
         return data;

package/es/schema-templates/BlockTemplateDetails.mjs

@@ -46,7 +46,7 @@ const EditableTitle = (props)=>{
                 style: {
                     color: '#bbb'
                 },
-                children: "\u672A\u547D\u540D"
+                children: "未命名"
             })
         })
     });

package/es/user/ChangePassword.mjs

@@ -115,7 +115,7 @@ const schema = {
                             ],
                             fulfill: {
                                 state: {
-                                    hidden: "{{\n                          !$deps[1] ||\n                          !smsVerifyEnabled ||\n                          ($deps[0] !== 'code' && $deps[0] !== undefined) // \u6709 verifyMethod \u4F46\u672A\u9009 code\n                        }}"
+                                    hidden: "{{\n                          !$deps[1] ||\n                          !smsVerifyEnabled ||\n                          ($deps[0] !== 'code' && $deps[0] !== undefined) // 有 verifyMethod 但未选 code\n                        }}"
                                 }
                             }
                         }

package/lib/application/PluginManager.js

@@ -62,9 +62,17 @@ class PluginManager {
             pluginData: pluginList,
             devDynamicImport: this.app.devDynamicImport
         });
-        for await (const [name, pluginClass] of plugins){
+        for await (const [name, pluginClass] of plugins)try {
             const info = pluginList.find((item)=>item.name === name);
             await this.add(pluginClass, info);
+        } catch (error) {
+            console.error("[PluginManager.initRemotePlugins] ✗ Error adding plugin ".concat(name, ":"), {
+                error,
+                errorMessage: null == error ? void 0 : error.message,
+                errorStack: null == error ? void 0 : error.stack,
+                pluginClass
+            });
+            throw error;
         }
     }
     async add(plugin) {

package/lib/application/WebSocketClient.js

@@ -45,22 +45,42 @@ class WebSocketClient {
         const options = this.app.getOptions();
         const apiBaseURL = null == options ? void 0 : null == (_options_apiClient = options.apiClient) ? void 0 : _options_apiClient['baseURL'];
         if (!apiBaseURL) return;
+        const locationHostname = window.__tachybase_location_hostname__;
+        const windowHostname = window.location.hostname;
+        let hostname = locationHostname || windowHostname;
+        const hostnameFixer = window.__tachybase_fix_websocket_hostname__;
+        if ('function' == typeof hostnameFixer) {
+            const fixedHostname = hostnameFixer(hostname);
+            if (fixedHostname && 'string' == typeof fixedHostname) hostname = fixedHostname;
+        }
         const subApp = (0, client_namespaceObject.getSubAppName)(this.app.getPublicPath());
-        const queryString = subApp ? "?__appName=".concat(subApp) : "?__hostname=".concat(window.location.hostname);
+        const queryString = subApp ? "?__appName=".concat(subApp) : "?__hostname=".concat(hostname);
         const wsPath = this.options.basename || '/ws';
+        const hostnameWasFixed = hostname !== window.location.hostname;
         if (this.options.url) {
             const url = new URL(this.options.url);
-            if ('localhost' === url.hostname) {
-                const protocol = 'https:' === location.protocol ? 'wss' : 'ws';
-                return "".concat(protocol, "://").concat(location.hostname, ":").concat(url.port).concat(wsPath).concat(queryString);
+            if (hostnameWasFixed) {
+                const protocol = 'wss:' === url.protocol ? 'wss' : 'ws';
+                const port = url.port || '';
+                const host = port ? "".concat(hostname, ":").concat(port) : hostname;
+                return "".concat(protocol, "://").concat(host).concat(wsPath).concat(queryString);
             }
             return "".concat(this.options.url).concat(queryString);
         }
         try {
             const url = new URL(apiBaseURL);
-            return "".concat('https:' === url.protocol ? 'wss' : 'ws', "://").concat(url.host).concat(wsPath).concat(queryString);
+            const finalHostname = hostnameWasFixed ? hostname : url.hostname;
+            const port = url.port || '';
+            const host = port ? "".concat(finalHostname, ":").concat(port) : finalHostname;
+            return "".concat('https:' === url.protocol ? 'wss' : 'ws', "://").concat(host).concat(wsPath).concat(queryString);
         } catch (error) {
-            return "".concat('https:' === location.protocol ? 'wss' : 'ws', "://").concat(location.host).concat(wsPath).concat(queryString);
+            let port = location.port;
+            if (!port && apiBaseURL) try {
+                const apiUrl = new URL(apiBaseURL);
+                port = apiUrl.port;
+            } catch (e) {}
+            const host = port ? "".concat(hostname, ":").concat(port) : hostname;
+            return "".concat('https:' === location.protocol ? 'wss' : 'ws', "://").concat(host).concat(wsPath).concat(queryString);
         }
     }
     get reconnectAttempts() {

package/lib/application/utils/remotePlugins.js

@@ -105,12 +105,18 @@ function getRemotePlugins(requirejs) {
         definePluginClient(packageName);
     });
     return new Promise((resolve, reject)=>{
-        requirejs.requirejs(packageNames, processRemotePlugins(pluginData, resolve), reject);
+        requirejs.requirejs(packageNames, processRemotePlugins(pluginData, resolve), (error)=>{
+            console.error('[getRemotePlugins] requirejs error:', error);
+            reject(error);
+        });
     });
 }
 async function getPlugins(options) {
     const { requirejs, pluginData, devDynamicImport } = options;
-    if (0 === pluginData.length) return [];
+    if (0 === pluginData.length) {
+        console.warn('[getPlugins] ⚠ Early return: pluginData.length === 0');
+        return [];
+    }
     const res = [];
     const resolveDevPlugins = {};
     if (devDynamicImport) {

package/lib/built-in/attachment-preview/previewers/file-sheet.js

@@ -64,7 +64,7 @@ const ExcelView = (props)=>{
             try {
                 handleShowPreviewer();
             } catch (e) {
-                console.log("%c Line:36 \uD83E\uDD5F e", e);
+                console.log('%c Line:36 🥟 e', e);
             }
         }
     }, [

package/lib/built-in/pm/PluginDetail.js

@@ -327,7 +327,7 @@ const PluginDetail = (param)=>{
                 }),
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Space, {
                     split: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                        children: "\xa0\u2022\xa0"
+                        children: "\xa0•\xa0"
                     }),
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {

package/lib/collection-manager/Configuration/components/index.js

@@ -57,7 +57,7 @@ const SourceForeignKey = (0, schema_namespaceObject.observer)(()=>{
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Select, {
             allowClear: true,
-            placeholder: "\u7559\u7A7A\u65F6\uFF0C\u81EA\u52A8\u751F\u6210 FK \u5B57\u6BB5",
+            placeholder: '留空时，自动生成 FK 字段',
             disabled: field.disabled,
             value: field.value,
             options: getCollectionFields(collection.name).filter((field)=>field.type).map((field)=>{
@@ -80,7 +80,7 @@ const ThroughForeignKey = (0, schema_namespaceObject.observer)(()=>{
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Select, {
             allowClear: true,
             popupMatchSelectWidth: false,
-            placeholder: "\u7559\u7A7A\u65F6\uFF0C\u81EA\u52A8\u751F\u6210 FK \u5B57\u6BB5",
+            placeholder: '留空时，自动生成 FK 字段',
             disabled: field.disabled,
             value: field.value,
             options: getCollectionFields(form.values.through).filter((field)=>field.type).map((field)=>{
@@ -103,7 +103,7 @@ const TargetForeignKey = (0, schema_namespaceObject.observer)(()=>{
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Select, {
             allowClear: true,
             popupMatchSelectWidth: false,
-            placeholder: "\u7559\u7A7A\u65F6\uFF0C\u81EA\u52A8\u751F\u6210 FK \u5B57\u6BB5",
+            placeholder: '留空时，自动生成 FK 字段',
             disabled: field.disabled,
             value: field.value,
             options: getCollectionFields(form.values.target).filter((field)=>field.type).map((field)=>{