@tachybase/client 1.3.19 → 1.3.21

package/es/modules/fields/component/MultipleSelect/multipleSelectComponentFieldSettings.mjs

@@ -0,0 +1,64 @@
+import { useField, useFieldSchema } from "@tachybase/schema";
+import { useTranslation } from "react-i18next";
+import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";
+import { useCollectionManager_deprecated } from "../../../../collection-manager/index.mjs";
+import { useDataSourceManager } from "../../../../data-source/index.mjs";
+import { useCompile, useDesignable } from "../../../../schema-component/index.mjs";
+import { useColumnSchema } from "../../../../schema-component/antd/table-v2/Table.Column.Decorator.mjs";
+const multipleComponentFieldSettings = new SchemaSettings({
+    name: 'fieldSettings:component:multiple',
+    items: [
+        {
+            name: 'fieldComponent',
+            type: 'select',
+            useComponentProps () {
+                var _collectionInterface_componentOptions_filter, _collectionInterface_componentOptions, _fieldSchema_xcomponentprops;
+                const { t } = useTranslation();
+                const field = useField();
+                const { fieldSchema: tableColumnSchema } = useColumnSchema();
+                const { getCollectionJoinField } = useCollectionManager_deprecated();
+                const dm = useDataSourceManager();
+                const schema = useFieldSchema();
+                const fieldSchema = tableColumnSchema || schema;
+                const collectionField = getCollectionJoinField(fieldSchema['x-collection-field']);
+                const collectionInterface = dm.collectionFieldInterfaceManager.getFieldInterface(null == collectionField ? void 0 : collectionField.interface);
+                const compile = useCompile();
+                const fieldModeOptions = [
+                    {
+                        label: t('Select'),
+                        value: 'multiple'
+                    }
+                ];
+                null == collectionInterface || null == (_collectionInterface_componentOptions = collectionInterface.componentOptions) || null == (_collectionInterface_componentOptions_filter = _collectionInterface_componentOptions.filter((item)=>!item.useVisible || item.useVisible())) || _collectionInterface_componentOptions_filter.forEach((item)=>{
+                    if (!(null == fieldModeOptions ? void 0 : fieldModeOptions.find((modeItem)=>modeItem.value === item.value))) null == fieldModeOptions || fieldModeOptions.push({
+                        label: compile(item.label),
+                        value: item.value
+                    });
+                });
+                const { dn } = useDesignable();
+                return {
+                    title: t('Field component'),
+                    options: fieldModeOptions,
+                    value: (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.mode) || 'multiple',
+                    onChange (mode) {
+                        const schema = {
+                            ['x-uid']: fieldSchema['x-uid']
+                        };
+                        fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+                        fieldSchema['x-component-props']['mode'] = mode;
+                        fieldSchema['x-component-props']['multiple'] = true;
+                        schema['x-component-props'] = fieldSchema['x-component-props'];
+                        field.componentProps = field.componentProps || {};
+                        field.componentProps.mode = mode;
+                        field.componentProps.multiple = true;
+                        dn.emit('patch', {
+                            schema
+                        });
+                        dn.refresh();
+                    }
+                };
+            }
+        }
+    ]
+});
+export { multipleComponentFieldSettings };

package/es/modules/fields/component/Radio/radioComponentFieldSettings.mjs

@@ -1,7 +1,9 @@
 import { useField, useFieldSchema } from "@tachybase/schema";
 import { useTranslation } from "react-i18next";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";
-import { useDesignable } from "../../../../schema-component/index.mjs";
+import { useCollectionManager_deprecated } from "../../../../collection-manager/index.mjs";
+import { useDataSourceManager } from "../../../../data-source/index.mjs";
+import { useCompile, useDesignable } from "../../../../schema-component/index.mjs";
 import { useColumnSchema } from "../../../../schema-component/antd/table-v2/Table.Column.Decorator.mjs";
 const radioComponentFieldSettings = new SchemaSettings({
     name: 'fieldSettings:component:Radio group',
@@ -10,7 +12,7 @@ const radioComponentFieldSettings = new SchemaSettings({
             name: 'fieldComponent',
             type: 'select',
             useComponentProps () {
-                var _fieldSchema_xcomponentprops;
+                var _collectionInterface_componentOptions_filter, _collectionInterface_componentOptions, _fieldSchema_xcomponentprops;
                 const { t } = useTranslation();
                 const field = useField();
                 const { fieldSchema: tableColumnSchema } = useColumnSchema();
@@ -26,7 +28,18 @@ const radioComponentFieldSettings = new SchemaSettings({
                         value: 'Radio group'
                     }
                 ];
+                const dm = useDataSourceManager();
+                const { getCollectionJoinField } = useCollectionManager_deprecated();
+                const collectionField = getCollectionJoinField(fieldSchema['x-collection-field']);
+                const collectionInterface = dm.collectionFieldInterfaceManager.getFieldInterface(null == collectionField ? void 0 : collectionField.interface);
+                const compile = useCompile();
                 const { dn } = useDesignable();
+                null == collectionInterface || null == (_collectionInterface_componentOptions = collectionInterface.componentOptions) || null == (_collectionInterface_componentOptions_filter = _collectionInterface_componentOptions.filter((item)=>!item.useVisible || item.useVisible())) || _collectionInterface_componentOptions_filter.forEach((item)=>{
+                    if (!(null == fieldModeOptions ? void 0 : fieldModeOptions.find((modeItem)=>modeItem.value === item.value))) null == fieldModeOptions || fieldModeOptions.push({
+                        label: compile(item.label),
+                        value: item.value
+                    });
+                });
                 return {
                     title: t('Field component'),
                     options: fieldModeOptions,

package/es/modules/fields/component/Select/selectComponentFieldSettings.mjs

@@ -7,11 +7,11 @@ import { SchemaSettings } from "../../../../application/schema-settings/SchemaSe
 import { useFormBlockContext } from "../../../../block-provider/index.mjs";
 import { useCollectionManager_deprecated, useCollection_deprecated } from "../../../../collection-manager/index.mjs";
 import { useFieldComponentName } from "../../../../common/useFieldComponentName.mjs";
-import { useCollectionField } from "../../../../data-source/index.mjs";
+import { useCollectionField, useDataSourceManager } from "../../../../data-source/index.mjs";
 import { useRecord } from "../../../../record-provider/index.mjs";
-import { removeNullCondition, useDesignable, useFieldModeOptions, useIsAddNewForm } from "../../../../schema-component/index.mjs";
+import { removeNullCondition, useCompile, useDesignable, useFieldModeOptions, useIsAddNewForm } from "../../../../schema-component/index.mjs";
 import { isSubMode } from "../../../../schema-component/antd/association-field/util.mjs";
-import { useIsAssociationField, useIsFieldReadPretty, useIsMuiltipleAble, useIsSelectFieldMode, useTitleFieldOptions } from "../../../../schema-component/antd/form-item/FormItem.Settings.mjs";
+import { useIsAssociationField, useIsFieldReadPretty, useIsSelectFieldMode, useTitleFieldOptions } from "../../../../schema-component/antd/form-item/FormItem.Settings.mjs";
 import { useColumnSchema } from "../../../../schema-component/antd/table-v2/Table.Column.Decorator.mjs";
 import { VariableInput, getShouldChange, useFormulaTitleOptions } from "../../../../schema-settings/index.mjs";
 import { useIsShowMultipleSwitch } from "../../../../schema-settings/hooks/useIsShowMultipleSwitch.mjs";
@@ -271,6 +271,7 @@ const fieldComponent = {
     name: 'fieldComponent',
     type: 'select',
     useComponentProps () {
+        var _collectionInterface_componentOptions_filter, _collectionInterface_componentOptions;
         const { t } = useTranslation();
         const field = useField();
         const collectionFieldCurrent = useCollectionField();
@@ -285,7 +286,8 @@ const fieldComponent = {
         const fieldMode = useFieldComponentName();
         const { dn } = useDesignable();
         const isMuiltipleSelect = [
-            'select'
+            'select',
+            'multipleSelect'
         ].includes(null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface);
         const optionsMuiltipleSelect = [
             {
@@ -297,9 +299,27 @@ const fieldComponent = {
                 value: 'Radio group'
             }
         ];
+        if ((null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface) === 'multipleSelect') {
+            const index = optionsMuiltipleSelect.findIndex((item)=>'Radio group' === item.value);
+            optionsMuiltipleSelect.splice(index, 1);
+        }
+        const dm = useDataSourceManager();
+        const collectionInterface = dm.collectionFieldInterfaceManager.getFieldInterface(null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface);
+        const compile = useCompile();
+        if (fieldSchema['x-component-props']['multiple']) {
+            const index = fieldModeOptions.findIndex((item)=>'Radio group' === item.value);
+            fieldModeOptions.splice(index, 1);
+        }
+        const componentOptions = isMuiltipleSelect ? optionsMuiltipleSelect : fieldModeOptions;
+        null == collectionInterface || null == (_collectionInterface_componentOptions = collectionInterface.componentOptions) || null == (_collectionInterface_componentOptions_filter = _collectionInterface_componentOptions.filter((item)=>!item.useVisible || item.useVisible())) || _collectionInterface_componentOptions_filter.forEach((item)=>{
+            if (!(null == componentOptions ? void 0 : componentOptions.find((modeItem)=>modeItem.value === item.value))) null == componentOptions || componentOptions.push({
+                label: compile(item.label),
+                value: item.value
+            });
+        });
         return {
             title: t('Field component'),
-            options: isMuiltipleSelect ? optionsMuiltipleSelect : fieldModeOptions,
+            options: componentOptions,
             value: fieldMode,
             onChange (mode) {
                 const schema = {
@@ -390,8 +410,7 @@ const selectComponentFieldSettings = new SchemaSettings({
     name: 'fieldSettings:component:Select',
     items: [
         {
-            ...fieldComponent,
-            useVisible: useIsMuiltipleAble
+            ...fieldComponent
         },
         {
             ...setTheDataScope,

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

@@ -11,9 +11,9 @@ import { FormProvider } from "../../core/index.mjs";
 import { useCompile } from "../../hooks/index.mjs";
 import { ActionContextProvider, useActionContext } from "../action/index.mjs";
 import { EllipsisWithTooltip } from "../input/EllipsisWithTooltip.mjs";
-import { useAssociationFieldContext, useFieldNames, useInsertSchema } from "./hooks.mjs";
+import { useAssociationFieldContext, useCustomTitle, useFieldNames, useInsertSchema } from "./hooks.mjs";
 import { transformNestedData } from "./InternalCascadeSelect.mjs";
-import schema_0 from "./schema.mjs";
+import schema from "./schema.mjs";
 import { getLabelFormatValue, useLabelUiSchemaV2 } from "./util.mjs";
 const toValue = (value, placeholder)=>{
     if (null == value) return placeholder;
@@ -41,7 +41,7 @@ const ReadPrettyInternalViewer = observer((props)=>{
     const isTreeCollection = (null == targetCollection ? void 0 : targetCollection.template) === 'tree';
     const ellipsisWithTooltipRef = useRef();
     const getLabelUiSchema = useLabelUiSchemaV2();
-    const { formulaRecord, fieldNames } = customTitle(recordCtx, fieldSchema, defFieldNames);
+    const { formulaRecord, fieldNames } = useCustomTitle(recordCtx, fieldSchema, defFieldNames);
     const renderRecords = ()=>toArr(formulaRecord[fieldSchema['name']] || props.value).map((record, index, arr)=>{
             var _getCollection_options, _getCollection, _targetCollection_fieldsMap_, _targetCollection_fieldsMap, _getCollection_options1, _getCollection1, _targetCollection_fieldsMap_1, _targetCollection_fieldsMap1;
             const value = null == record ? void 0 : record[(null == fieldNames ? void 0 : fieldNames.label) || 'label'];
@@ -57,7 +57,7 @@ const ReadPrettyInternalViewer = observer((props)=>{
                                 var _ellipsisWithTooltipRef_current;
                                 e.stopPropagation();
                                 e.preventDefault();
-                                if (designable) insertViewer(schema_0.Viewer);
+                                if (designable) insertViewer(schema.Viewer);
                                 setVisible(true);
                                 setRecord(record);
                                 null == ellipsisWithTooltipRef || null == (_ellipsisWithTooltipRef_current = ellipsisWithTooltipRef.current) || _ellipsisWithTooltipRef_current.setPopoverVisible(false);
@@ -134,58 +134,4 @@ const ReadPrettyInternalViewer = observer((props)=>{
 }, {
     displayName: 'ReadPrettyInternalViewer'
 });
-const customTitle = (record, schema, fieldNames)=>{
-    var _schema_xcomponentprops, _schema_xcomponentprops_fieldNames, _schema_xcomponentprops1;
-    if ((null == (_schema_xcomponentprops = schema['x-component-props']) ? void 0 : _schema_xcomponentprops.mode) === 'CustomTitle' && (null == (_schema_xcomponentprops1 = schema['x-component-props']) ? void 0 : null == (_schema_xcomponentprops_fieldNames = _schema_xcomponentprops1.fieldNames) ? void 0 : _schema_xcomponentprops_fieldNames.formula)) {
-        var _schema_xcomponentprops_fieldNames1, _schema_xcomponentprops2;
-        const regex = /{{(.*?)}}/g;
-        const valueOject = {};
-        let outputStr = '';
-        let match;
-        const formula = null == (_schema_xcomponentprops2 = schema['x-component-props']) ? void 0 : null == (_schema_xcomponentprops_fieldNames1 = _schema_xcomponentprops2.fieldNames) ? void 0 : _schema_xcomponentprops_fieldNames1.formula;
-        while(match = regex.exec(formula))if (match[1].includes('.')) {
-            const fieldList = [
-                schema.name
-            ];
-            fieldList.push(...match[1].split('.'));
-            const result = {
-                currRecord: record,
-                value: ''
-            };
-            fieldList.forEach((value, index)=>{
-                var _result_currRecord;
-                if (fieldList.length - 1 !== index) {
-                    var _result_currRecord1;
-                    result.currRecord = null == (_result_currRecord1 = result.currRecord) ? void 0 : _result_currRecord1[value];
-                    return;
-                }
-                result.value = null == (_result_currRecord = result.currRecord) ? void 0 : _result_currRecord[value];
-            });
-            var _result_value;
-            valueOject[match[1]] = null != (_result_value = result.value) ? _result_value : '';
-        } else {
-            var _record_schema_name;
-            valueOject[match[1]] = (null == (_record_schema_name = record[schema['name']]) ? void 0 : _record_schema_name[match[1]]) || '';
-        }
-        outputStr = replacePlaceholders(formula, valueOject);
-        record[schema['name']] = {
-            ...record[schema['name']],
-            customLabel: outputStr
-        };
-        return {
-            formulaRecord: record,
-            fieldNames: {
-                ...fieldNames,
-                label: 'customLabel'
-            }
-        };
-    }
-    return {
-        formulaRecord: record,
-        fieldNames
-    };
-};
-const replacePlaceholders = (inputStr, values)=>inputStr.replace(/{{(.*?)}}/g, function(match, placeholder) {
-        return Object.prototype.hasOwnProperty.call(values, placeholder) ? values[placeholder] : match;
-    });
 export { ReadPrettyInternalViewer, isObject };

package/es/schema-component/antd/association-field/hooks.d.ts

@@ -27,3 +27,7 @@ export declare const useSubFormValue: () => {
     formValue: any;
     collection: Collection;
 };
+export declare const useCustomTitle: (record: any, schema: any, fieldNames: any) => {
+    formulaRecord: any;
+    fieldNames: any;
+};

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

@@ -147,4 +147,55 @@ const useSubFormValue = ()=>{
         collection
     };
 };
-export { SubFormProvider, useServiceOptions as default, useAssociationFieldContext, useFieldNames, useInsertSchema, useSubFormValue };
+const useCustomTitle = (record, schema, fieldNames)=>{
+    var _schema_xcomponentprops, _schema_xcomponentprops_fieldNames, _schema_xcomponentprops1;
+    if ((null == (_schema_xcomponentprops = schema['x-component-props']) ? void 0 : _schema_xcomponentprops.mode) === 'CustomTitle' && (null == (_schema_xcomponentprops1 = schema['x-component-props']) ? void 0 : null == (_schema_xcomponentprops_fieldNames = _schema_xcomponentprops1.fieldNames) ? void 0 : _schema_xcomponentprops_fieldNames.formula)) {
+        if (Array.isArray(record[schema['name']])) record[schema['name']].forEach((recordItem)=>{
+            recordItem['customLabel'] = getCustomLabel(recordItem, schema);
+        });
+        else record[schema['name']]['customLabel'] = getCustomLabel(record[schema['name']], schema);
+        return {
+            formulaRecord: record,
+            fieldNames: {
+                ...fieldNames,
+                label: 'customLabel'
+            }
+        };
+    }
+    return {
+        formulaRecord: record,
+        fieldNames
+    };
+};
+const getCustomLabel = (record, schema)=>{
+    var _schema_xcomponentprops_fieldNames, _schema_xcomponentprops;
+    const regex = /{{(.*?)}}/g;
+    const valueOject = {};
+    let outputStr = '';
+    let match;
+    const formula = null == (_schema_xcomponentprops = schema['x-component-props']) ? void 0 : null == (_schema_xcomponentprops_fieldNames = _schema_xcomponentprops.fieldNames) ? void 0 : _schema_xcomponentprops_fieldNames.formula;
+    while(match = regex.exec(formula))if (match[1].includes('.')) {
+        const fieldList = match[1].split('.');
+        const result = {
+            currRecord: record,
+            value: ''
+        };
+        fieldList.forEach((value, index)=>{
+            var _result_currRecord;
+            if (fieldList.length - 1 !== index) {
+                var _result_currRecord1;
+                result.currRecord = null == (_result_currRecord1 = result.currRecord) ? void 0 : _result_currRecord1[value];
+                return;
+            }
+            result.value = null == (_result_currRecord = result.currRecord) ? void 0 : _result_currRecord[value];
+        });
+        var _result_value;
+        valueOject[match[1]] = null != (_result_value = result.value) ? _result_value : '';
+    } else valueOject[match[1]] = record[match[1]] || '';
+    outputStr = replacePlaceholders(formula, valueOject);
+    return outputStr;
+};
+const replacePlaceholders = (inputStr, values)=>inputStr.replace(/{{(.*?)}}/g, function(match, placeholder) {
+        return Object.prototype.hasOwnProperty.call(values, placeholder) ? values[placeholder] : match;
+    });
+export { SubFormProvider, useServiceOptions as default, useAssociationFieldContext, useCustomTitle, useFieldNames, useInsertSchema, useSubFormValue };

package/es/schema-component/antd/color-select/ColorSelect.mjs

@@ -18,7 +18,7 @@ const colors = {
     purple: '{{t("Purple")}}',
     default: '{{t("Default")}}'
 };
-const ColorSelect = connect((props)=>{
+const ColorSelect_ColorSelect = connect((props)=>{
     const compile = useCompile();
     return /*#__PURE__*/ jsx(Select, {
         ...props,
@@ -44,5 +44,5 @@ const ColorSelect = connect((props)=>{
         children: compile(colors[value] || colors.default)
     });
 }));
-const color_select_ColorSelect = ColorSelect;
-export { ColorSelect, color_select_ColorSelect as default };
+const ColorSelect = ColorSelect_ColorSelect;
+export { ColorSelect_ColorSelect as ColorSelect, ColorSelect as default };

package/es/schema-component/antd/date-picker/util.d.ts

@@ -35,3 +35,16 @@ export declare const getDateRanges: () => {
     last90Days: () => dayjs.Dayjs[];
     next90Days: () => dayjs.Dayjs[];
 };
+export declare const getDateExact: () => {
+    nowUtc: () => string;
+    nowLocal: () => string;
+    todayUtc: () => string;
+    todayLocal: () => string;
+    todayDate: () => string;
+    yesterdayUtc: () => string;
+    yesterdayLocal: () => string;
+    yesterdayDate: () => string;
+    tomorrowUtc: () => string;
+    tomorrowLocal: () => string;
+    tomorrowDate: () => string;
+};

package/es/schema-component/antd/date-picker/util.mjs

@@ -176,4 +176,17 @@ const getDateRanges = ()=>({
                 getEnd(90, 'days')
             ]
     });
-export { getDateRanges, mapDatePicker, mapRangePicker, moment2str };
+const getDateExact = ()=>({
+        nowUtc: ()=>dayjs().toISOString(),
+        nowLocal: ()=>dayjs().format('YYYY-MM-DD HH:mm:ss'),
+        todayUtc: ()=>dayjs().startOf('day').utc().toISOString(),
+        todayLocal: ()=>dayjs().startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        todayDate: ()=>dayjs().format('YYYY-MM-DD'),
+        yesterdayUtc: ()=>dayjs().subtract(1, 'day').startOf('day').utc().toISOString(),
+        yesterdayLocal: ()=>dayjs().subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        yesterdayDate: ()=>dayjs().subtract(1, 'day').format('YYYY-MM-DD'),
+        tomorrowUtc: ()=>dayjs().add(1, 'day').startOf('day').utc().toISOString(),
+        tomorrowLocal: ()=>dayjs().add(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        tomorrowDate: ()=>dayjs().add(1, 'day').format('YYYY-MM-DD')
+    });
+export { getDateExact, getDateRanges, mapDatePicker, mapRangePicker, moment2str };

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

@@ -20,7 +20,8 @@ const Input_Input = Object.assign(connect(Input, mapProps((props, field)=>({
         })), mapReadPretty(ReadPretty.TextArea)),
     URL: connect(Input, mapReadPretty(ReadPretty.URL)),
     JSON: connect(Json, mapReadPretty(ReadPretty.JSON)),
-    ReadPretty: ReadPretty.Input
+    ReadPretty: ReadPretty.Input,
+    Preview: ReadPretty.Preview
 });
 const input_Input = Input_Input;
 export { Input_Input as Input, ReadPretty as InputReadPretty, input_Input as default };

package/es/schema-component/antd/input/ReadPretty.d.ts

@@ -18,4 +18,5 @@ export declare const ReadPretty: {
         ellipsis: boolean;
     }) => import("react/jsx-runtime").JSX.Element;
     JSON: (props: any) => import("react/jsx-runtime").JSX.Element;
+    Preview: (props: any) => any;
 };

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

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
 import { usePrefixCls } from "@tachybase/components";
+import { useFieldSchema } from "@tachybase/schema";
 import { css } from "@emotion/css";
-import { Typography } from "antd";
+import { Image, Typography } from "antd";
 import classnames from "classnames";
 import { useCompile } from "../../index.mjs";
 import { EllipsisWithTooltip } from "./EllipsisWithTooltip.mjs";
@@ -151,9 +152,36 @@ const _JSON = (props)=>{
         children: null != props.value ? JSON.stringify(props.value, null, null != (_props_space = props.space) ? _props_space : 2) : ''
     });
 };
+const sizes = {
+    small: 24,
+    middle: 48,
+    large: 72,
+    oversized: 120
+};
+const _Preview = (props)=>{
+    var _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1;
+    const fieldSchema = useFieldSchema();
+    const size = (null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['size']) || 'small';
+    const objectFit = (null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['objectFit']) || 'cover';
+    if (!props.value) return props.value;
+    return /*#__PURE__*/ jsx(Image, {
+        style: [
+            'small',
+            'middle',
+            'large',
+            'oversized'
+        ].includes(size) ? {
+            width: sizes[size],
+            height: sizes[size],
+            objectFit
+        } : {},
+        src: props.value
+    });
+};
 ReadPretty.Input = _Input;
 ReadPretty.TextArea = _TextArea;
 ReadPretty.URL = _URL;
 ReadPretty.Html = _Html;
 ReadPretty.JSON = _JSON;
+ReadPretty.Preview = _Preview;
 export { ReadPretty };

package/es/schema-component/antd/markdown/Markdown.mjs

@@ -8,7 +8,7 @@ import { ReadPretty } from "../input/index.mjs";
 import { MarkdownVoid } from "./Markdown.Void.mjs";
 import { useStyles } from "./style.mjs";
 import { convertToText, useParseMarkdown } from "./util.mjs";
-const Markdown = connect(Input.TextArea, mapProps((props, field)=>({
+const Markdown_Markdown = connect(Input.TextArea, mapProps((props, field)=>({
         autoSize: {
             maxRows: 10,
             minRows: 3
@@ -41,6 +41,6 @@ const MarkdownReadPretty = (props)=>{
         value: value
     }));
 };
-Markdown.Void = MarkdownVoid;
-const markdown_Markdown = Markdown;
-export { Markdown, MarkdownReadPretty, markdown_Markdown as default };
+Markdown_Markdown.Void = MarkdownVoid;
+const Markdown = Markdown_Markdown;
+export { Markdown_Markdown as Markdown, MarkdownReadPretty, Markdown as default };

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

@@ -1,6 +1,5 @@
 import { useField, useFieldSchema } from "@tachybase/schema";
 import { useTranslation } from "react-i18next";
-import { useMatch } from "react-router";
 import { useDesignable } from "../../index.mjs";
 import { SchemaSettings } from "../../../application/schema-settings/index.mjs";
 import { useSchemaToolbar } from "../../../application/schema-toolbar/index.mjs";
@@ -37,38 +36,6 @@ const pageSettings = new SchemaSettings({
                 };
             }
         },
-        {
-            name: 'enablesharePage',
-            type: 'switch',
-            useVisible () {
-                const isShare = useMatch('/share/:name');
-                return !isShare;
-            },
-            useComponentProps () {
-                var _fieldSchema_xcomponentprops;
-                const { dn } = useDesignable();
-                const { t } = useTranslation();
-                const fieldSchema = useFieldSchema();
-                const { title } = useSchemaToolbar();
-                return {
-                    title: t('Enable Share page'),
-                    checked: null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.enableSharePage,
-                    onChange (v) {
-                        fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
-                        fieldSchema['x-component-props']['enableSharePage'] = v;
-                        if (!fieldSchema.title) fieldSchema.title = title;
-                        dn.emit('patch', {
-                            schema: {
-                                ['x-uid']: fieldSchema['x-uid'],
-                                ['x-component-props']: fieldSchema['x-component-props'],
-                                title: fieldSchema.title
-                            }
-                        });
-                        dn.refresh();
-                    }
-                };
-            }
-        },
         {
             name: 'divider',
             type: 'divider',