@zjpcy/simple-design 1.0.7 → 1.0.8

package/dist/i18n/locales/en-US.json

@@ -0,0 +1,482 @@
+{
+  "MODAL_TITLE": "Title",
+  "MODAL_OKTEXT": "OK",
+  "MODAL_CANCELTEXT": "Cancel",
+  "EMPTY_DESCRIPTION": "No data",
+  "SELECT_PLACEHOLDER": "Please select",
+  "INTRO": "Introduction",
+  "INSTALL": "Installation",
+  "I18N": "Internationalization",
+  "BUTTON": "Button",
+  "COLORPICKER": "Color Picker",
+  "COPYTOCLIPBOARD": "Copy to Clipboard",
+  "DIVIDER": "Divider",
+  "EMPTY": "Empty State",
+  "FLEX": "Flex",
+  "ICON": "Icon",
+  "INPUT": "Input",
+  "MARQUEE": "Marquee",
+  "MESSAGE": "Message",
+  "NOTICE": "Notice",
+  "NOTIFICATION": "Notification",
+  "RADIO": "Radio",
+  "TABLE": "Table",
+  "TOP": "Back to Top",
+  "TYPOGRAPHY": "Typography",
+  "VARIABLES": "Variables",
+  "API_REF": "API Reference",
+  "IDP_DESIGN": "IDP Design",
+  "IDP_STUDIO": "IDP Studio",
+  "INTRO_DESCRIPTION": "Introduction to IDP Design Component Library",
+  "INSTALL_DESCRIPTION": "How to install and reference",
+  "I18N_DESCRIPTION": "Internationalization support for component library",
+  "BUTTON_DESCRIPTION": "Button component",
+  "COLORPICKER_DESCRIPTION": "Color picker component",
+  "COPYTOCLIPBOARD_DESCRIPTION": "Copy to clipboard component",
+  "DIVIDER_DESCRIPTION": "Divider component",
+  "EMPTY_DESCRIPTION": "Empty state component",
+  "FLEX_DESCRIPTION": "Flex layout component",
+  "ICON_DESCRIPTION": "Icon component",
+  "INPUT_DESCRIPTION": "Input component",
+  "MARQUEE_DESCRIPTION": "Marquee component",
+  "MESSAGE_DESCRIPTION": "Message component",
+  "NOTICE_DESCRIPTION": "Notice component",
+  "NOTIFICATION_DESCRIPTION": "Notification component",
+  "RADIO_DESCRIPTION": "Radio component",
+  "SELECT_DESCRIPTION": "Select component",
+  "TABLE_DESCRIPTION": "Table component",
+  "TOP_DESCRIPTION": "Back to top component",
+  "TYPOGRAPHY_DESCRIPTION": "Typography component",
+  "VARIABLES_DESCRIPTION": "Customize component library theme colors",
+  "API_REF_DESCRIPTION": "View component API documentation",
+  "LANGUAGE_SWITCH": "Language Switch",
+  "ENGLISH": "English",
+  "CHINESE": "中文",
+  "VERSION": "Version",
+  "BUTTON_COMPONENT": "Button Component",
+  "BUTTON_DESCRIPTION": "Customizable button component with multiple styles and sizes.",
+  "BASIC_USAGE": "Basic Usage",
+  "SHOW_VARIANTS_SIZES": "Display buttons with different variants and sizes.",
+  "VARIANT_BUTTONS": "Variant Buttons",
+  "SIZE_BUTTONS": "Size Buttons",
+  "DISABLED_STATE": "Disabled State",
+  "ICON_BUTTONS": "Buttons with Icons",
+  "CUSTOM_STYLE": "Custom Style",
+  "API_PARAMETERS": "API Parameters",
+  "PARAM_NAME": "Parameter Name",
+  "TYPE": "Type",
+  "DEFAULT_VALUE": "Default Value",
+  "DESCRIPTION": "Description",
+  "CHILDREN": "children",
+  "CHILDREN_DESC": "Button text content",
+  "VARIANT": "variant",
+  "VARIANT_DESC": "Button variant style",
+  "SIZE": "size",
+  "SIZE_DESC": "Button size",
+  "DISABLED": "disabled",
+  "DISABLED_DESC": "Whether the button is disabled",
+  "ON_CLICK": "onClick",
+  "ON_CLICK_DESC": "Click event callback",
+  "CLASS_NAME": "className",
+  "CLASS_NAME_DESC": "Custom CSS class name",
+  "STYLE": "style",
+  "STYLE_DESC": "Custom inline style",
+  "ICON": "icon",
+  "ICON_DESC": "Button prefix icon, supports string (built-in icon name) or custom icon node",
+  "CODE_EXAMPLES": "Code Examples",
+  "USAGE_IN_OTHER_PROJECTS": "Usage in Other Projects",
+  "BASIC_USAGE_CODE": "Basic Usage",
+  "DIFFERENT_SIZES": "Different Sizes",
+  "DISABLED_BUTTON": "Disabled Button",
+  "BUTTON_WITH_ICON": "Button with Icon",
+  "BUTTON_SEARCH": "Search",
+  "BUTTON_USER": "User",
+  "BUTTON_DELETE": "Delete",
+  "BUTTON_CONFIRM": "Confirm",
+  "BUTTON_WARNING": "Warning",
+  "CUSTOM_STYLE_CLICK": "Custom Style and Click Event",
+  "INSTALLATION": "Installation",
+  "INSTALLATION_DESCRIPTION": "IDP Design component library supports multiple installation methods, you can choose the one that suits your needs.",
+  "LOCAL_FILE_INSTALLATION": "Installation from Local Files",
+  "LOCAL_FILE_INSTALLATION_DESC": "If you have obtained the local files of the IDP Design component library, you can install it in the following ways:",
+  "NPM_LOCAL_INSTALL": "Install from local directory using npm",
+  "NPM_LOCAL_INSTALL_DESC": "Install the local component library directory as a dependency in your project:",
+  "YARN_LOCAL_INSTALL": "Install from local directory using yarn",
+  "PATH_TO_IDP_DESIGN": "/path/to/idp-design",
+  "PATH_TO_IDP_DESIGN_DESC": "is the absolute path to your local IDP Design component library.",
+  "GIT_REPO_INSTALLATION": "Installation from Git Repository",
+  "GIT_REPO_INSTALLATION_DESC": "You can directly install the IDP Design component library from the Git repository, supporting specified branches or tags:",
+  "LATEST_MAIN_BRANCH": "Install the latest version of the main branch",
+  "SPECIFIC_BRANCH": "Install a specified branch",
+  "BRANCH_NAME": "branch-name",
+  "BRANCH_NAME_DESC": "Replace with the branch name you want to install, for example",
+  "EXAMPLE_BRANCHES": "dev or feature/new-component.",
+  "SPECIFIC_TAG": "Install a specified tag version",
+  "V1_0_0": "v1.0.0",
+  "V1_0_0_DESC": "Replace with the specific version tag you want to install.",
+  "UPDATING_DEPENDENCIES": "Updating Dependencies",
+  "UPDATING_DEPENDENCIES_DESC": "When a new version of the IDP Design component library is released, you can update the dependencies in the following ways:",
+  "UPDATING_INSTALLED_DEPENDENCIES": "Update locally installed dependencies",
+  "REINSTALLING_LOCAL_FILES": "Reinstall local file dependencies",
+  "USING_FORCE_PARAM": "Use the --force parameter to force reinstallation to ensure you get the latest local files.",
+  "UPDATING_GIT_DEPENDENCIES": "Update Git repository dependencies",
+  "UNINSTALL_REINSTALL": "Or uninstall and then reinstall:",
+  "SEARCH": "Search",
+  "USER": "User",
+  "DELETE": "Delete",
+  "CONFIRM": "Confirm",
+  "WARNING": "Warning",
+  "REFERENCE_COMPONENT": "Reference Component",
+  "COLORPICKER_COMPONENT": "ColorPicker Component",
+  "COLORPICKER_DESCRIPTION": "Color selection component that supports preset colors, opacity adjustment, and gradient colors.",
+  "DIVIDER_ORIENTATION": "Divider orientation",
+  "DIVIDER_TYPE": "Divider type",
+  "DIVIDER_COLOR": "Divider color",
+  "DIVIDER_COMPONENT": "Divider Component",
+  "DIVIDER_DESCRIPTION": "Component for dividing page content, supporting both horizontal and vertical orientations, and solid and dashed types.",
+  "DIVIDER_SHOW_ORIENTATIONS_TYPES": "Display dividers with different orientations and types.",
+  "HORIZONTAL_DIVIDER": "Horizontal Divider",
+  "ABOVE_DEFAULT_HORIZONTAL": "Above is the default horizontal divider",
+  "BELOW_DEFAULT_HORIZONTAL": "Below is the default horizontal divider",
+  "VERTICAL_DIVIDER": "Vertical Divider",
+  "LEFT_CONTENT": "Left content",
+  "RIGHT_CONTENT": "Right content",
+  "SOLID_DASHED": "Solid and Dashed",
+  "ABOVE_SOLID_DEFAULT": "Above is the solid divider (default)",
+  "CONTENT_BETWEEN_DIVIDERS": "Content between solid and dashed dividers",
+  "BELOW_DASHED": "Below is the dashed divider",
+  "CUSTOM_COLOR": "Custom Color",
+  "DIVIDERS_DIFFERENT_COLORS": "Dividers with different colors",
+  "COMBINED_USAGE": "Combined Usage",
+  "HORIZONTAL_DASHED_CUSTOM_COLOR": "Horizontal dashed line with custom color",
+  "DIVIDERS_CUSTOM_STYLE": "Dividers with custom styles",
+  "DIVIDER_WITH_TEXT": "Divider with Text",
+  "TEXT_CONTENT": "Text content",
+  "COPY_URL_OR_TEXT_CONTENT": "URL or text content to copy",
+  "COPY_STATUS_CHANGE_CALLBACK": "Copy status change callback",
+  "CUSTOM_CHILD_ELEMENT": "Custom child element",
+  "COPY_OPERATION_PROMISE": "Copy operation Promise",
+  "COPY_SUCCESS": "Copy successful!",
+  "COPY_FAILED": "Copy failed!",
+  "COPYTOCLIPBOARD_COMPONENT": "CopyToClipboard Component",
+  "COPYTOCLIPBOARD_DESCRIPTION": "Component for copying text to clipboard, supporting custom styles and status callbacks.",
+  "DISPLAY_DIFFERENT_STYLES_COPY_BUTTONS": "Display copy buttons with different styles.",
+  "TEXT_LINK_STYLE": "Text Link Style",
+  "COPY_LINK": "Copy Link",
+  "BUTTON_STYLE": "Button Style",
+  "CLICK_TO_COPY_CUSTOM_LINK": "Click to copy custom link",
+  "STYLED_LINK": "Styled Link",
+  "COPY_STYLED_LINK": "Copy styled link",
+  "USING_USECOPY_HOOK": "Using useCopy Hook",
+  "USE_USECOPY_TO_COPY_LINK": "Use useCopy to copy link",
+  "COMPONENT": "Component",
+  "HOOK": "Hook",
+  "SUCCESS": "success",
+  "EMPTY_COMPONENT": "Empty Empty State",
+  "EMPTY_DESCRIPTION": "Empty state component used to display friendly prompt messages when there is no data.",
+  "DEFAULT_EMPTY_STATE": "Default Empty State",
+  "CUSTOM_DESCRIPTION": "Custom Description",
+  "CUSTOM_ICON": "Custom Icon",
+  "CUSTOM_IMAGE": "Custom Image",
+  "WITH_ACTION_BUTTON": "With Action Button",
+  "DIFFERENT_SIZES": "Different Sizes",
+  "COMBINED_USAGE": "Combined Usage",
+  "LARGE_SIZE": "Large Size",
+  "MIDDLE_SIZE": "Middle Size",
+  "SMALL_SIZE": "Small Size",
+  "NO_EXCEL_FILE": "No Excel Files",
+  "UPLOAD_FILE": "Upload File",
+  "VIEW_TEMPLATE": "View Template",
+  "LOAD_DATA": "Load Data",
+  "TRANSPARENCY_ADJUSTMENT": "Transparency Adjustment",
+  "ENABLE_ALPHA_PROPERTY": "Enable transparency adjustment through the alpha property, supporting RGBA color format.",
+  "WITH_TRANSPARENCY": "With Transparency",
+  "PRESET_COLORS": "Preset Colors",
+  "SET_PRESET_COLORS": "Set common preset colors through the presetColors property for quick selection.",
+  "DISABLED_STATE": "Disabled State",
+  "DISABLE_COLOR_PICKER": "Disable the color picker through the disabled property; cannot open the selection panel when disabled.",
+  "COLOR_SQUARE": "Color Square",
+  "COLOR_TEXT": "Color Text",
+  "COLOR_BUTTON": "Color Button",
+  "SELECT_COLOR": "Select Color",
+  "CUSTOM_STYLE": "Custom Style",
+  "CUSTOM_STYLE_PROPERTY": "Customize the style of the color picker through the style property.",
+  "CUSTOM_BORDER_RADIUS": "Custom Border Radius",
+  "GRADIENT_SUPPORT": "Gradient Support",
+  "ENABLE_GRADIENT": "Enable gradient color support through the gradient property, supporting linear gradient color selection.",
+  "BASIC_GRADIENT": "Basic Gradient",
+  "GRADIENT_COLOR": "Gradient Color",
+  "FEATURES": "Features",
+  "LIGHTWEIGHT": "Lightweight: Only 2.8KB gzipped (13 times lighter than react-color)",
+  "TREE_SHAKING": "Tree Shaking: Only import used parts",
+  "FAST": "Fast: Uses hooks and functional components",
+  "TYPE_SAFE": "Type Safe: Strict TypeScript support",
+  "MOBILE_FRIENDLY": "Mobile Friendly: Supports touch devices",
+  "ACCESSIBLE": "Accessible: Follows WAI-ARIA guidelines",
+  "NO_DEPENDENCIES": "No Dependencies: Does not depend on other libraries",
+  "FLEX_COMPONENT": "Flex Component",
+  "FLEX_DESCRIPTION": "General flex layout component that provides flexible layout options.",
+  "INTERACTIVE_EXAMPLE": "Interactive Example",
+  "ADJUST_PROPERTIES": "Adjust various properties of the flex layout in real-time through the buttons and input boxes below.",
+  "ITEM_COUNT": "Item Count",
+  "ITEMS": "items",
+  "DIRECTION": "Direction (higher priority than Layout)",
+  "CURRENT_VALUE": "Current Value",
+  "DEMONSTRATION_EFFECT": "Demonstration Effect",
+  "CURRENT_CONFIGURATION": "Current Configuration",
+  "MULTI_LEVEL_NESTING": "Multi-level Nesting Example",
+  "NESTING_DESCRIPTION": "Demonstrates the multi-level nesting usage of the Flex component to achieve complex layout structures.",
+  "TITLE_AREA": "Title Area",
+  "VERTICAL_LAYOUT": "Vertical Layout",
+  "CENTER_ALIGNMENT": "Center Alignment",
+  "JUSTIFY_BETWEEN": "Space Between",
+  "WRAP_LAYOUT": "Wrap Layout",
+  "COMPLEX_USAGE": "Complex Usage",
+  "LEFT_CONTENT": "Left Content",
+  "RIGHT_CONTENT": "Right Content",
+  "ACTION_AREA": "Action Area",
+  "FLEX_CHILDREN_DESC": "Child component content",
+  "FLEX_LAYOUT_DESC": "Quickly set the layout direction, horizontal for horizontal layout, column for column layout",
+  "FLEX_DIRECTION_DESC": "flex-direction property, with higher priority than layout",
+  "FLEX_JUSTIFY_DESC": "justify-content property",
+  "FLEX_ALIGN_DESC": "align-items property",
+  "FLEX_WRAP_DESC": "flex-wrap property",
+  "FLEX_GAP_DESC": "gap property, supporting numeric values (px) and strings",
+  "CENTER_CONTENT": "Center Content",
+  "MARQUEE_COMPONENT": "Marquee Announcement Component",
+  "MARQUEE_DESCRIPTION": "This is a customizable scrolling announcement component that supports various styles and configuration options.",
+  "DEFAULT_CONFIGURATION": "1. Default Configuration",
+  "DEFAULT_CONFIG_DESC": "Default height: 40px, default speed: 50, default gradient background",
+  "DEFAULT_ANNOUNCEMENT": "This is a default configured announcement message that scrolls from right to left and automatically repeats after playback!",
+  "CUSTOM_HEIGHT": "2. Custom Height",
+  "HEIGHT_60PX": "Height: 60px",
+  "CUSTOM_HEIGHT_ANNOUNCEMENT": "This is an announcement message with a custom height of 60px!",
+  "CUSTOM_SPEED": "3. Custom Speed",
+  "SLOW_SPEED": "Slow Speed: 20",
+  "SLOW_SPEED_ANNOUNCEMENT": "This is a slow-scrolling announcement message with a speed of 20!",
+  "FAST_SPEED": "Fast Speed: 100",
+  "FAST_SPEED_ANNOUNCEMENT": "This is a fast-scrolling announcement message with a speed of 100!",
+  "CUSTOM_BACKGROUND": "4. Custom Background",
+  "CUSTOM_GRADIENT_BACKGROUND": "Custom Gradient Background",
+  "GRADIENT_BACKGROUND_ANNOUNCEMENT_1": "This is an announcement with a custom gradient background",
+  "GRADIENT_BACKGROUND_ANNOUNCEMENT_2": "This is the second announcement with a custom gradient background",
+  "COMPREHENSIVE_CUSTOM": "5. Comprehensive Customization",
+  "COMPREHENSIVE_CUSTOM_DESC": "Height: 50px, Speed: 75, Custom Background",
+  "COMPREHENSIVE_ANNOUNCEMENT": "This is a comprehensively customized announcement, height 50px, speed 75, custom gradient background!",
+  "FIXED_TOP": "6. Fixed to Top",
+  "FIXED_TOP_DESC": "fixed=true, the announcement bar will be fixed at the top of the page",
+  "FIXED_TOP_ANNOUNCEMENT": "This is an announcement fixed at the top, remaining visible while scrolling!",
+  "CLOSE_CALLBACK": "7. Close Callback",
+  "CLOSE_CALLBACK_DESC": "Click the close button to trigger onClose callback",
+  "CLOSE_CALLBACK_ANNOUNCEMENT": "This is an announcement with close callback, click the X on the right to close!",
+  "FULL_FUNCTIONALITY": "8. Full Functionality Example",
+  "FULL_FUNCTIONALITY_DESC": "Fixed Top + Custom Height + Custom Speed + Close Callback",
+  "FULL_FUNCTIONALITY_ANNOUNCEMENT": "This is a fully functional announcement with fixed top, custom height and speed, and close support!",
+  "ANNOUNCEMENT_TEXT": "Announcement text, can be a string or string array",
+  "ANNOUNCEMENT_HEIGHT": "Height of the announcement bar in pixels",
+  "SCROLL_SPEED": "Scrolling speed, larger values scroll faster",
+  "ANNOUNCEMENT_BACKGROUND": "Background color of the announcement bar, can be solid color or gradient",
+  "DISPLAY_ANNOUNCEMENT": "Whether to display the announcement bar",
+  "FIXED_POSITION": "Whether to fix at the top of the page",
+  "FIXED_DISTANCE": "Distance from the top when fixed, in pixels",
+  "DISPLAY_ICON": "Whether to display the announcement icon",
+  "CLOSE_BUTTON_CALLBACK": "Callback function when the close button is clicked",
+  "COLORPICKER_CURRENT_COLOR": "Current Color",
+  "COLORPICKER_CURRENT_GRADIENT": "Current Gradient",
+  "COLORPICKER_COLOR_VALUE": "Current color value (supports HEX format)",
+  "COLORPICKER_CONFIRM_CHANGE": "Callback function after confirming color selection",
+  "COLORPICKER_REAL_TIME_CHANGE": "Callback function when color changes in real-time",
+  "COLORPICKER_PRESET_COLORS": "Array of preset colors",
+  "COLORPICKER_GRADIENT_SUPPORT": "Whether to support gradient colors; after enabling, can select linear gradient colors",
+  "COLORPICKER_CUSTOM_TRIGGER": "Custom trigger area, supports any React node",
+  "EMPTY_CUSTOM_ICON": "Custom icon",
+  "EMPTY_CUSTOM_IMAGE_PATH": "Custom image path",
+  "EMPTY_DATA": "No data",
+  "EMPTY_STATUS_DESCRIPTION": "Empty state description",
+  "EMPTY_CUSTOM_ACTION_AREA": "Custom action area",
+  "EMPTY_SIZE": "Empty state size",
+  "EMPTY_CUSTOM_STYLE": "Custom style",
+  "EMPTY_CUSTOM_CLASS_NAME": "Custom CSS class name",
+  "NOTICE_COMPONENT_DESC": "This is a scrolling notification bar component that uses react-fast-marquee to achieve seamless scrolling effects.",
+  "NOTICE_HIDDEN": "Notice hidden",
+  "HIDE_NOTICE": "Hide notice",
+  "SHOW_NOTICE": "Show notice",
+  "CUSTOM_CONFIGURATION": "Custom Configuration",
+  "NOTICE_TEXT": "Notice text",
+  "ENTER_NOTICE_TEXT": "Enter notice text",
+  "NOTICE_BAR_HEIGHT": "Notice bar height",
+  "SHOW_CLOSE_BUTTON": "Show close button",
+  "FLOAT_TO_TOP": "Float to top",
+  "SEAMLESS_SCROLL": "Uses Marquee component to achieve seamless scrolling effect",
+  "CONFIGURABLE_SPEED": "Scrolling speed configurable (default: 50, range: 10-100)",
+  "CUSTOM_NOTICE_TEXT": "Supports custom notice text content",
+  "CUSTOM_HEIGHT": "Supports custom notice bar height (default: 60px, range: 30-100px)",
+  "OPTIONAL_CLOSE_BUTTON": "Optional close button, 30px wide, click to hide the notice bar",
+  "FLOATING_TOP_FUNCTION": "Supports floating top function, fixed at the top of the page",
+  "TYPESCRIPT_SUPPORT": "Component supports TypeScript type definitions",
+  "USAGE_SCENARIOS": "Usage Scenarios",
+  "WEBSITE_ANNOUNCEMENT": "Website announcements",
+  "SYSTEM_NOTIFICATION": "System notifications",
+  "PROMOTION_INFO": "Promotional activity information",
+  "IMPORTANT_REMINDER": "Important message reminders",
+  "SPEED_DESC": "Scrolling speed, larger values scroll faster",
+  "HEIGHT_DESC": "Height of the notice bar in pixels",
+  "STYLES_DESC": "Custom notice bar styles",
+  "ICON_NOTICE_DESC": "Icon before the notice text",
+  "SHOW_CLOSE_BUTTON_DESC": "Whether to show the close button",
+  "CLOSE_STYLE_DESC": "Custom close button style",
+  "FLOATING_TOP_DESC": "Whether to fix and float at the top of the page",
+  "PAUSE_ON_HOVER_DESC": "Whether to pause scrolling when hovering",
+  "MESSAGE_COMPONENT_DESC": "Lightweight message prompt box for displaying success, warning and error messages.",
+  "CLICK_BUTTONS_TO_SHOW_MESSAGES": "Click the buttons to display different types of message prompts.",
+  "SHOW_SUCCESS_MESSAGE": "Show success message",
+  "SHOW_WARNING_MESSAGE": "Show warning message",
+  "SHOW_ERROR_MESSAGE": "Show error message",
+  "OPERATION_SUCCESS": "Operation successful!",
+  "WARNING_CHECK_INPUT": "Warning: Please check your input!",
+  "OPERATION_FAILED_RETRY": "Operation failed, please try again!",
+  "MESSAGE_TYPE": "Message type",
+  "MESSAGE_CONTENT": "Message content",
+  "MESSAGE_DURATION": "Message auto-close duration (milliseconds)",
+  "MESSAGE_CLOSE_CALLBACK": "Message close callback",
+  "MODAL_COMPONENT_DESC": "Modal dialog component for displaying important information or operations that require user confirmation.",
+  "CLICK_BUTTON_OPEN_BASIC_MODAL": "Click the button to open the basic modal.",
+  "OPEN_BASIC_MODAL": "Open Basic Modal",
+  "BASIC_MODAL": "Basic Modal",
+  "MODAL_CONTENT_AREA": "This is the content area of the modal, which can contain any content.",
+  "MODAL_CENTERED": "The modal will be centered horizontally and vertically.",
+  "CUSTOM_SIZE": "Custom Size",
+  "CAN_CUSTOMIZE_MODAL_WIDTH_HEIGHT": "You can customize the width and height of the modal.",
+  "SMALL_SIZE_MODAL": "Small Size Modal",
+  "LARGE_SIZE_MODAL": "Large Size Modal",
+  "SMALL_SIZE_MODAL_CONTENT": "This is a small size modal with a width of 400px.",
+  "LARGE_SIZE_MODAL_CONTENT": "This is a large size modal with a width of 800px and height of 500px.",
+  "CAN_PLACE_MORE_CONTENT": "You can place more content.",
+  "ASYNC_CONFIRMATION": "Async Confirmation",
+  "CLICK_CONFIRM_TO_PERFORM_ASYNC_OPERATION": "Click the confirm button to perform asynchronous operations, and close the modal after completion.",
+  "ASYNC_CONFIRMATION_MODAL": "Async Confirmation Modal",
+  "AFTER_CLICK_CONFIRM_BUTTON": "After clicking the confirm button, it will simulate a 1-second asynchronous operation.",
+  "MODAL_WILL_AUTOMATICALLY_CLOSE_AFTER_OPERATION_COMPLETE": "The modal will automatically close after the operation is complete.",
+  "CONTENT_HEIGHT_AUTO_ADJUSTMENT": "Content Height Auto-adjustment",
+  "WHEN_HEIGHT_NOT_SET_CONTENT_AREA_ADAPTS": "When height is not set, the content area height adapts; when height is set, the content area height is automatically calculated.",
+  "AUTO_ADJUST_HEIGHT": "Auto-adjust Height",
+  "CONTENT_SCROLL_EXAMPLE": "Content Scroll Example",
+  "AUTO_ADJUST_HEIGHT_MODAL": "Auto-adjust Height Modal",
+  "THIS_IS_A_MODAL_WITHOUT_HEIGHT_SET": "This is a modal without height set, and the content area height will automatically adjust according to the content.",
+  "YOU_CAN_ADD_MORE_CONTENT_TO_TEST_ADAPTIVE_EFFECT": "You can add more content to test the adaptive effect.",
+  "CONTENT_SCROLL_MODAL": "Content Scroll Modal",
+  "LONG_CONTENT_TEST": "Long Content Test",
+  "THIS_IS_A_MODAL_WITH_FIXED_HEIGHT": "This is a modal with fixed height, and the content area height is automatically calculated.",
+  "WHEN_CONTENT_EXCEEDS_CALCULATED_HEIGHT": "When the content exceeds the calculated height, a scrollbar will be automatically displayed.",
+  "ANIMATION_DIRECTION_DEMONSTRATION": "Animation Direction Demonstration",
+  "SUPPORT_FOUR_ANIMATION_DIRECTIONS": "Supports four animation directions, and opening and closing will use the same direction setting.",
+  "CENTER_ANIMATION": "Center Animation",
+  "TOP_RIGHT_ANIMATION": "Top Right Animation",
+  "BOTTOM_RIGHT_ANIMATION": "Bottom Right Animation",
+  "NORMAL_ANIMATION": "Normal Animation",
+  "OPEN_FROM_CENTER_POINT_ENLARGE": "Open: Enlarge from the center point",
+  "CLOSE_FROM_CENTER_POINT_SHRINK": "Close: Shrink from the center point",
+  "OPEN_FROM_TOP_RIGHT_MOVE_AND_ENLARGE": "Open: Move from top right and enlarge",
+  "CLOSE_TO_TOP_RIGHT_MOVE_AND_SHRINK": "Close: Move to top right and shrink",
+  "OPEN_FROM_BOTTOM_RIGHT_MOVE_AND_ENLARGE": "Open: Move from bottom right and enlarge",
+  "CLOSE_TO_BOTTOM_RIGHT_MOVE_AND_SHRINK": "Close: Move to bottom right and shrink",
+  "OPEN_SLIGHTLY_ENLARGE_AND_FADE_IN": "Open: Slightly enlarge and fade in",
+  "CLOSE_SLIGHTLY_SHRINK_AND_FADE_OUT": "Close: Slightly shrink and fade out",
+  "CUSTOM_TOP_POSITION": "Custom Top Position",
+  "THROUGH_TOP_PARAM_CUSTOMIZE_MODAL_DISTANCE_FROM_TOP": "You can customize the modal's distance from the top through the top parameter. When direction is set at the same time, direction will be forced to use normal.",
+  "USE_TOP_AND_DIRECTION_SIMULTANEOUSLY": "Use top and direction simultaneously",
+  "THIS_MODAL_IS_100PX_FROM_TOP": "This modal is 100px from the top",
+  "USE_TOP_PARAM_TO_CUSTOMIZE_MODAL_VERTICAL_POSITION": "Use the top parameter to customize the vertical position of the modal",
+  "THIS_MODAL_IS_200PX_FROM_TOP": "This modal is 200px from the top",
+  "ALTHOUGH_DIRECTION_TOP_RIGHT_SET_BUT_DUE_TO_TOP_PARAM": "Although direction=\"top-right\" is set, direction is forced to normal because the top parameter is set at the same time",
+  "CUSTOM_FOOTER": "Custom Footer",
+  "CAN_CUSTOMIZE_BOTTOM_BUTTONS_THROUGH_FOOTER_PARAM": "You can customize the bottom buttons through the footer parameter. When footer is null, default buttons are displayed; when a value is provided, custom buttons are displayed.",
+  "CUSTOM_FOOTER_MODAL": "Custom Footer Modal",
+  "CANCEL": "Cancel",
+  "SAVE": "Save",
+  "DELETE": "Delete",
+  "THIS_IS_A_MODAL_WITH_CUSTOM_FOOTER": "This is a modal with custom footer, which displays three buttons at the bottom: Cancel, Save, and Delete.",
+  "YOU_CAN_CUSTOMIZE_FOOTER_CONTENT_AND_STYLE": "You can customize the content and style of the footer according to your needs.",
+  "CUSTOM_MOUNT_CONTAINER": "Custom Mount Container",
+  "CAN_SPECIFY_MODAL_MOUNT_HTML_NODE_THROUGH_GET_CONTAINER_PARAM": "You can specify the HTML node where the Modal is mounted through the getContainer parameter. false means mount in the current DOM.",
+  "MOUNT_IN_CURRENT_DOM": "Mount in Current DOM",
+  "MOUNT_IN_CUSTOM_CONTAINER": "Mount in Custom Container",
+  "THIS_IS_A_CUSTOM_MOUNT_CONTAINER": "This is a custom mount container",
+  "CLICK_MOUNT_IN_CUSTOM_CONTAINER_BUTTON": "Click the \"Mount in Custom Container\" button, and the Modal will be mounted here",
+  "THIS_MODAL_IS_MOUNTED_IN_CURRENT_DOM": "This Modal is mounted in the current DOM, not in document.body.",
+  "CAN_ACHIEVE_THIS_EFFECT_THROUGH_GET_CONTAINER_FALSE": "You can achieve this effect through getContainer={false}.",
+  "THIS_MODAL_IS_MOUNTED_IN_CUSTOM_CONTAINER": "This Modal is mounted in a custom container on the page.",
+  "CAN_SPECIFY_MOUNTED_HTML_NODE_THROUGH_GET_CONTAINER_PROPERTY": "You can specify the mounted HTML node through the getContainer property.",
+  "CUSTOM_MASK_BACKGROUND_COLOR": "Custom Mask Background Color",
+  "CAN_CUSTOMIZE_MASK_BACKGROUND_COLOR_AND_OTHER_STYLES": "You can customize the mask background color and other styles through the maskStyle property.",
+  "THIS_MODAL_MASK_USES_CUSTOM_BACKGROUND_COLOR": "The mask layer of this Modal uses a custom background color (semi-transparent red).",
+  "CAN_SET_VARIOUS_STYLES_OF_MASK_THROUGH_MASK_STYLE_PROPERTY": "You can set various styles of the mask through the maskStyle property, such as background color, opacity, etc.",
+  "CUSTOM_ZINDEX": "Custom zIndex",
+  "CAN_SET_MASK_LAYER_LEVEL_THROUGH_ZINDEX_PROPERTY": "You can set the level of the mask layer through the zIndex property, with a default value of 1000. In the case of nested Modals, you need to set different zIndex values to ensure the correct display level.",
+  "OPEN_FIRST_MODAL": "Open First Modal",
+  "FIRST_MODAL_ZINDEX_1000": "First Modal (zIndex: 1000)",
+  "CLOSE": "Close",
+  "OPEN_SECOND_MODAL": "Open Second Modal",
+  "THIS_IS_THE_FIRST_MODAL_USING_DEFAULT_ZINDEX_1000": "This is the first Modal, using the default zIndex value (1000).",
+  "CLICK_OPEN_SECOND_MODAL_BUTTON_TO_POP_UP_SECOND_MODAL": "Click the \"Open Second Modal\" button to pop up the second Modal.",
+  "SECOND_MODAL_ZINDEX_1010": "Second Modal (zIndex: 1010)",
+  "THIS_IS_THE_SECOND_MODAL_USING_HIGHER_ZINDEX_1010": "This is the second Modal, using a higher zIndex value (1010).",
+  "DUE_TO_HIGHER_ZINDEX_IT_WILL_DISPLAY_ABOVE_FIRST_MODAL": "Due to the higher zIndex setting, it will be displayed above the first Modal.",
+  "MODAL_VISIBLE_DESC": "Controls whether the modal is displayed/hidden (required)",
+  "MODAL_TITLE_DESC": "Modal title",
+  "MODAL_WIDTH_DESC": "Modal width",
+  "MODAL_HEIGHT_DESC": "Modal height (optional, adapts if not set)",
+  "MODAL_HEADER_HEIGHT_DESC": "Top area height",
+  "MODAL_FOOTER_HEIGHT_DESC": "Bottom area height",
+  "MODAL_CONFIRM_LOADING_DESC": "Whether the confirm button shows loading status",
+  "MODAL_DIRECTION_DESC": "Animation direction for opening and closing",
+  "MODAL_TOP_DESC": "Distance from the top of the modal; when set, direction will be forced to normal",
+  "MODAL_FOOTER_DESC": "Bottom content, shows default buttons when null, shows custom content when provided",
+  "MODAL_ON_CANCEL_DESC": "Cancel button click callback",
+  "MODAL_ON_OK_DESC": "Confirm button click callback",
+  "MODAL_CHILDREN_DESC": "Modal content",
+  "MODAL_GET_CONTAINER_DESC": "Specifies the HTML node where the Modal is mounted; false means mount in current DOM",
+  "MODAL_OK_TEXT_DESC": "Confirm button text",
+  "MODAL_CANCEL_TEXT_DESC": "Cancel button text",
+  "MODAL_MASK_STYLE_DESC": "Custom mask layer style",
+  "MODAL_MASK_CLASS_NAME_DESC": "Custom mask layer class name",
+  "MODAL_Z_INDEX_DESC": "z-index value of the mask layer",
+  "TYPOGRAPHY_COMPONENT": "Typography Component",
+  "TYPOGRAPHY_DESCRIPTION": "Typography component, supports custom width and row limits, displays ellipsis when exceeding row limits.",
+  "SHOW_BASIC_USAGE_TYPOGRAPHY": "Demonstrates the basic usage of the Typography component.",
+  "DEFAULT_DISPLAY_NO_ROW_LIMIT": "Default display (no row limit)",
+  "LIMIT_1_ROW": "Limit to 1 row",
+  "LIMIT_2_ROWS": "Limit to 2 rows",
+  "LIMIT_3_ROWS": "Limit to 3 rows",
+  "DIFFERENT_WIDTHS": "Different widths",
+  "WIDTH_200PX_LIMIT_1_ROW": "Width 200px, limit to 1 row",
+  "WIDTH_300PX_LIMIT_2_ROWS": "Width 300px, limit to 2 rows",
+  "WIDTH_500PX_LIMIT_3_ROWS": "Width 500px, limit to 3 rows",
+  "MIXED_TEXT_WRAPPING": "Mixed Chinese and English text (testing line break issues)",
+  "MIXED_TEXT_CONTENT": "This is a test text containing English, used to test line break issues when mixing Chinese and English. When the text content exceeds the container width, English should follow immediately after Chinese instead of starting a new line separately.",
+  "MIXED_TEXT_LIMIT_2_ROWS": "Mixed Chinese and English text (limit to 2 rows)",
+  "TYPOGRAPHY_LONG_TEXT": "This is a long test text used to test the row limit function of the Typography component. When the text content exceeds the specified row limit, ellipsis should be displayed at the end. This component supports custom width and row limits to meet different layout needs.",
+  "TYPOGRAPHY_CHILDREN_DESC": "Text content",
+  "TYPOGRAPHY_WIDTH_DESC": "Width limit",
+  "TYPOGRAPHY_ROWS_DESC": "Row limit",
+  "TYPOGRAPHY_STYLE_DESC": "Custom style",
+  "TYPOGRAPHY_CLASSNAME_DESC": "Custom class name",
+  "TYPOGRAPHY_MIXED_TEXT": "This is a test text containing English, used to test line break issues when mixing Chinese and English. When the text content exceeds the container width, English should follow immediately after Chinese instead of starting a new line separately.",
+  "TYPOGRAPHY_MIXED_TEXT_2": "This is a test text containing English, used to test line break issues when mixing Chinese and English. When the text content exceeds the container width, English should follow immediately after Chinese instead of starting a new line separately.",
+  "TYPOGRAPHY_DEFAULT_DISPLAY": "Default display (no row limit)",
+  "TYPOGRAPHY_LIMIT_1_ROW": "Limit to 1 row",
+  "TYPOGRAPHY_LIMIT_2_ROWS": "Limit to 2 rows",
+  "TYPOGRAPHY_LIMIT_3_ROWS": "Limit to 3 rows",
+  "TYPOGRAPHY_DIFFERENT_WIDTHS": "Different widths",
+  "TYPOGRAPHY_MIXED_TEXT_TEST": "Mixed Chinese and English text (testing line break issues)",
+  "TYPOGRAPHY_MIXED_TEXT_TEST_2": "Mixed Chinese and English text (limit to 2 rows)",
+  "TYPOGRAPHY_BASIC_USAGE": "Basic usage",
+  "TYPOGRAPHY_API_PARAMETERS": "API parameters",
+  "TYPOGRAPHY_CODE_EXAMPLE": "Code example",
+  "TYPOGRAPHY_COMPONENT": "Typography component",
+  "TYPOGRAPHY_COMPONENT_DESCRIPTION": "Typography component that supports custom width and row limits, displaying ellipsis when exceeding row limits.",
+  "TYPOGRAPHY_BASIC_USAGE_DESCRIPTION": "Demonstrates the basic usage of the Typography component.",
+  "TYPOGRAPHY_WIDTH_200PX": "Width 200px, limit to 1 row",
+  "TYPOGRAPHY_WIDTH_300PX": "Width 300px, limit to 2 rows",
+  "TYPOGRAPHY_WIDTH_500PX": "Width 500px, limit to 3 rows"
+}