{
  "BootstrapBlazor.Shared.App": {
    "Title": "Bootstrap Blazor enterprise-level UI component library",
    "Reload": "Reload",
    "ErrorMessage": "An unhandled exception has occurred. See browser dev tools for details."
  },
  "BootstrapBlazor.Shared.Pages.Index": {
    "BodyClassString": "welcome-body-en",
    "HeaderTitle": "Bootstrap style Blazor UI component library",
    "HeaderDesc": "Based on the <code>Bootstrap</code> style library, it is carefully built, and {0} a variety of commonly used components have been added to bring you an extraordinary feeling for rapid development projects",
    "HeaderBody": "The ",
    "HeaderBody1": "native Blazor components library on the market",
    "DynamicText": "best to use",
    "DynamicText1": "best looking",
    "DynamicText2": "most simple and practical",
    "TagTitle": "Component",
    "Span1": "Tree",
    "Span2": "Menu",
    "Span3": "Tag",
    "Span4": "Table",
    "Span5": "Layout",
    "Span6": "Notification",
    "Span7": "Upload",
    "Span8": "Switch",
    "CarouselH1": "Chart Component",
    "CarouselP1": "Provide a variety of commonly used chart components",
    "CarouselH2": "Chart IconComponent",
    "CarouselP2": "Multi-dimensional data comparison",
    "CarouselH3": "Full-featured table component",
    "CarouselP3": "With all functions of adding, deleting, modifying, searching, paging, and sorting",
    "CarouselH4": "Super timeline function",
    "CarouselP4": "Custom nodes display arbitrary components",
    "ContainerH1": "Rich Components",
    "ContainerD1": "This set of components library contains more than {0} multiple components, from simple buttons to complex page-level components",
    "ContainerH2": "Performance",
    "ContainerD2": "Each control has been fine-tuned to optimize the refresh logic between parent and child components to avoid multiple loop updates",
    "ContainerH3": "Easy to use",
    "ContainerD3": "Easily grasp how to use components and quickly incorporate BootstrapBlazor controls into the project",
    "ContainerH4": "Free and open source",
    "ContainerD4": "Simple, direct, free to use, no dependent components, dependent on jQuery Bootstrap are all built-in",
    "ContainerH5": "Demos and examples",
    "ContainerD5": "Detailed documentation and online demonstration, simple function setting, direct copy code out of the box",
    "ContainerH6": "Continually updated",
    "ContainerD6": "Gitee platform hosting open source, never closed source, continuous update, timely response to questions and feedback",
    "DonateH1": "Donate",
    "DonateH2": "Scan the code to donate and invite the author to have a cup of coffee"
  },
  "BootstrapBlazor.Shared.Shared.HomeLayout": {
    "FooterH1": "Related Works",
    "FooterLi1": "Slider verification code",
    "FriendLink": "Links",
    "FriendLi1": "Lin Dexi's Blog",
    "FriendLi2": "CCFlow",
    "Community": "Community",
    "CommunityLi1": "Contribution guide",
    "CommunityLi2": "Join us",
    "CommunityLi3": "Contact details",
    "SpecialAcknowledgements": "Special Thanks",
    "Footer": "Gitee Hosting Platform"
  },
  "BootstrapBlazor.Shared.Samples.Labels": {
    "Title": "Component label",
    "P1": "This set of components includes <code>ValidateForm</code> <code>EditorForm</code> and a variety of <b>Form components</b> inherited from <code>ValidateBase&lt;TValue&gt;</code>. Among these components There is a special set of display front label logic, now let’s sort it out in a unified way:",
    "UlLi1": "The <a href='/validateforms' target='_blank'>ValidateForm</a> component is a <b>verifiable</b> form component. The form component in this component will automatically perform data compliance checks. If Data non-compliance will prevent the <b>Submit</b> action, which is the most frequently used component in data submission",
    "UlLi2": "The <a href='/editorforms' target='_blank'>EditorForm</a> component is an ordinary form component. After this component is bound to the <code>Model</code>, the entire form can be automatically generated, which greatly reduces repetition Code, put the <code>ValidateForm</code> on the outside to open the <b>data compliance check</b> very convenient, concise and efficient",
    "P2": "Take the <a href='inputs' target='_blank'>BootstrapInput</a> input box component as an example to explain whether to display the <code>Label</code> logic",
    "Tips": "The logic of <code>ShowLabel</code> is the principle of proximity. The closer the setting is to itself, the setting takes effect. For example, the form component is built into the <code>ValidateForm</code> component, even if <code>ValidateForm</code> is set to <code>>ShowLabel=true</code>, when the form component itself sets <code>ShowLabel=false</code>, the final result of the label is <b>not displayed</b>",
    "Block1Title": "Use alone",
    "Block1Intro": "Suitable for data entry",
    "Block1P1": "When two-way binding is not used",
    "Block1Li1": "<code>Label</code> will not be displayed by default",
    "Block1Li2": "Control whether to display through the <code>ShowLabel</code> property",
    "Block1Li3": "Display content when setting <code>DisplayText</code>",
    "Block1Li4": "When not set, render a contentless <code>label</code> component as a placeholder",
    "GroupBox1Title": "No two-way binding",
    "GroupBox1D1": "No settings in the first text box, no label",
    "GroupBox1D2": "The second text box setting <code>ShowLabel='true' DisplayText=``</code> displays a placeholder label without content",
    "GroupBox1D3": "The third text box setting <code>ShowLabel='true' DisplayText='Name'</code> shows the set content label",
    "GroupBox1D4": "The fourth text box setting <code>ShowLabel='true' DisplayText='@@null'</code> displays a placeholder label without content",
    "P3": "When using two-way binding",
    "GroupBox2Title": "Two-way binding",
    "GroupBox2D1": "The first text box is set to <code>@@bind-Value='Dummy.Name'</code>, no label is displayed",
    "GroupBox2D2": "The second text box setting <code>@@bind-Value='Dummy.Name' ShowLabel='true' DisplayText='@@Localizer[nameof(Foo.Address)]'</code> Display the contents of the setting",
    "GroupBox2D3": "The third text box setting <code>@@bind-Value='Dummy.Name' ShowLabel='true' DisplayText=``</code> Show no content placeholder label",
    "GroupBox2D4": "The fourth text box setting <code>@@bind-Value='Dummy.Name' ShowLabel='true' DisplayText='@@null'</code> Display the label content under the resource file mechanism<code>Label</code> code>",
    "Block2Title": "Used in EditorForm",
    "Block2Intro": "Not used in <code>ValidateForm</code>",
    "P4": "<b>Show label</b><div>The <code>ShowLabel</code> property of the <coe>EditorForm</coe> component is not set. If it is not set, it is equivalent to set to <code>true</code>. All components <b>display</b> tags</div>",
    "P5": "<b>Do not display labels</b><div>Set <code>ShowLabel='false'</code>, all form components in the component <b>Do not display</b> tags</div>",
    "Block3Title": "Use in EditorForm built-in ValidateForm",
    "Block3Intro": "Used in external <code>ValidateForm</code>",
    "P6": "<b>Show label</b><div>The <code>ShowLabel</code> property of the <coe>EditorForm</coe> component is not set. If it is not set, it is equivalent to set to <code>true</code>. All components <b>display</b> tags</div>",
    "P7": "<b>Do not display labels</b><div>Set <code>ShowLabel='false'</code>, all form components in the component <b>Do not display</b> tags</div>",
    "Block4Title": "Used in ValidateForm",
    "Block4Intro": "Show labels are automatically turned on by default",
    "P8": "<b>Show label</b><div>The <code>ShowLabel</code> property of the <coe>EditorForm</coe> component is not set. If it is not set, it is equivalent to set to <code>true</code>. All components <b>display</b> tags</div>",
    "P9": "<b>Do not display labels</b><div>Set <code>ShowLabel='false'</code>, all form components in the component <b>Do not display</b> tags</div>",
    "P10": "<b>Show labels</b><div>set class <code>form-inline</code> for the all labels within the component are prefixed</div>"
  },
  "BootstrapBlazor.Shared.Pages.Install": {
    "InstallTitle": "Install",
    "GitP1": "There are many kinds of Git tools that everyone is familiar with, here I introduce two Git client tools",
    "GitP2": "It is recommended to use the <a href='https://fork.dev'>Fork</a> tool to install, it can better and <a href='https://visualstudio.microsoft.com/vs/getting- started/' target='_blank'>Visutal Studio</a> to use with development tools.",
    "NugetInstall": "Nuget Install",
    "NugetP1": "Use <a href='https://www.nuget.org/packages?q=BootstrapBlazor' target='_blank'>nuget.org</a> to install BootstrapBlazor components",
    "EnvBuildTitle": "Project Environment Construction",
    "EnvLi1": "Install .net core sdk <a href='http://www.microsoft.com/net/download' target='_blan'>Official Website</a>",
    "EnvLi2": "Install Visual Studio 2019 and above <a href='https://visualstudio.microsoft.com/vs/getting-started' target='_blank'>Official website",
    "EnvLi3": "Pull the project code BootstrapBlazor <a href='https://gitee.com/LongbowEnterprise/BootstrapBlazor' target='_blank'>Warehouse URL</a>"
  },
  "BootstrapBlazor.Shared.Pages.Template": {
    "Title": "Project Template",
    "SubTitle": "Bootstrap Blazor App Template",
    "P1": "In order to make it easier for everyone to use this set of components to quickly build projects, the author has made <b>Project Templates</code></b>, using <code>dotnet new</code> command line mode, using Proceed as follows:",
    "P2": "1. Install the project template",
    "P3": "2. Create project",
    "P4": "After the project is created, the <code>BootstrapBlazorApp</code> solution will be generated in the current folder, and the <code>src</code> directory contains <code>Server-Side</code> <code>Wasm</code> Both types of projects can be run directly with <kbd>F5</kbd>",
    "P5": "3. Update project template",
    "P6": "The dotnet new --update-apply option checks if there are updates available for the template packages that are currently installed and installs them.",
    "P7": "3. Uninstall project template",
    "SubTitle1": "Bootstrap Blazor App Extension",
    "P8": "In order to facilitate the use of the <code>Bootstrap Blazor</code> component library, the author has created the <b>Project Template (<code>Bootstrap Blazor Project Template</code>)</b> extension plug-in, which can be installed through <code >Visual Studio 2022 IDE</code> When creating a new project, select the <code>Bootstrap Blazor project template</code>, and the solution is built in two types: <code>Server-Side</code> and <cide>wasm</cide> project"
  },
  "BootstrapBlazor.Shared.Pages.Golbalization": {
    "Title": "Globalization",
    "SubTitle": "ASP.NET Core Blazor Globalization",
    "P1": "Please check <a href='https://docs.microsoft.com/zh-cn/aspnet/core/blazor/globalization-localization?view=aspnetcore-3.1' target='_blank'> before reading the following knowledge points Official document</a>"
  },
  "BootstrapBlazor.Shared.Components.InstallContent": {
    "H1": "Component reference",
    "P1": "There are many ways to reference components, please refer to <a href='install'>Installation</a>",
    "H2": "CSS file",
    "P2": "Add the Bootstrap CSS file in the form of <code>&lt;link&gt;</code> tags to the <code>{0}</code> file <code>&lt;head&gt;</code> tags, and place them in all Before other style sheets.",
    "Tips": "After this set of components version <b>5.0.32</b> remove the built-in <code>font-awesome</code> icon, please download it yourself or use the <b>CDN</b> acceleration service",
    "Tips2": "If you use the <code>Blazor App</code> template to create a project, please remove the default <code>Bootstrap</code> style link <code>&lt;link rel='stylesheet' href='css/bootstrap/bootstrap.min.css' /&gt;</code>",
    "H3": "JS file",
    "P3": "Many components provided by Bootstrap rely on JavaScript to run. Specifically, these components rely on jQuery, Popper.js, and our own JavaScript plug-ins. Put the following <code>&lt;script&gt;</code> tag at the end of the <code>{0}</code> file and before the <code>&lt;/body&gt;</code> tag, it will work.",
    "H4": "Add the namespace to the <code>_Imports.razor</code> file",
    "H5": "Registration Service",
    "H6": "Use components",
    "P4": "Reference the <code>BootstrapBlazor</code> component in the <code>razor</code> component",
    "Pre3": "&lt;Button Color='Color.Primary'&gt;Button&lt;/Button&gt;"
  },
  "BootstrapBlazor.Shared.Pages.Install_Server": {
    "Title": "Server Side",
    "Configure": "Configure Service",
    "CodeComment": "Add this line of code"
  },
  "BootstrapBlazor.Shared.Pages.Install_wasm": {
    "Title": "Client Side",
    "CodeComment": "Add this line of code"
  },
  "BootstrapBlazor.Shared.Samples.Dividers": {
    "Title": "Dividing line",
    "H1": "The dividing line that separates the content.",
    "Block1Title": "Basic usage",
    "Block1Intro": "Split text paragraphs in different chapters.",
    "P1": "Youth is a short dream, when you wake up, it has long since disappeared.",
    "P2": "A small amount of evil is enough to cancel out all the noble qualities, causing people to be infamous.",
    "Block2Title": "Set copy",
    "Block2Intro": "You can customize the content of the copy on the dividing line.",
    "D1": "Young Bao Qingtian",
    "D2": "League of Legends",
    "D3": "Learning Quotations",
    "P3": "A sunny day above my head, I missed one in my heart",
    "P4": "When the knight returns, the day the broken sword is reforged",
    "P5": "A cute icon",
    "P6": "Learning makes me happy",
    "Block3Title": "Settings icon",
    "Block3Intro": "You can customize the content of the copy on the dividing line.",
    "D4": "Bookmarks",
    "Block4Title": "Vertical split",
    "Block4Intro": "Display dividing line vertically",
    "S1": "Rain",
    "S2": "Old hometown",
    "S3": "Deep vegetation",
    "D5": "Dividing line",
    "Block5Title": "Custom content",
    "Block5Intro": "Any content can be customized by setting the content of <code>ChildContent</code>",
    "Div": "I am a custom content <code>div</code> element",
    "Desc1": "Set the split line to display text",
    "Desc2": "Set the split line display icon",
    "Desc3": "Set the split line display text alignment",
    "Desc4": "Set whether the dividing line is vertical division",
    "Desc5": "ChildContent template"
  },
  "BootstrapBlazor.Shared.Samples.Scrolls": {
    "Title": "Scroll",
    "H1": "Add scroll bars to components whose height or width exceeds the standard",
    "P1": "The scroll bar can be rendered only when its element has a fixed height. Its <code>height</code> attribute can be set through the coat element",
    "Block1Title": "Common usage",
    "Block1Intro": "Add a scroll bar to the component. By setting the height of <code>Height</code> to 200px, the scroll bar appears when the height of the inner child element is 400px",
    "D1": "Please scroll the scroll bar on the right",
    "D2": "bottom",
    "Desc1": "Subassembly",
    "Desc2": "Component height"
  },
  "BootstrapBlazor.Shared.Samples.Layouts": {
    "Title": "Layout",
    "H1": "The container component used for layout, which is convenient to quickly build the basic structure of the page:",
    "Code1": "Outer container. When the child element contains <code>Header</code> or <code>Footer</code>, all child elements will be arranged vertically up and down, otherwise they will be arranged horizontally.",
    "Code2": "Top bar container",
    "Code3": "Sidebar container",
    "Code4": "Main area container",
    "Code5": "Bottom bar container",
    "H2": "Component overview",
    "Code6": "Layout container, <code>Header</code> <code>Sider</code> <code>Main</code> <code>Footer</code> or <code>Layout</code> itself can be nested under it , Can be placed in any parent container",
    "Code7": "Top layout, with default style, any elements can be nested under it",
    "Code8": "Sidebar, with default style and basic functions, any elements can be nested under it",
    "Code9": "The content part, with its own default style, any element can be nested under it",
    "Code10": "Bottom layout, with default style, any element can be nested under it",
    "P1": "The above components adopt flex layout, please make sure the target browser is compatible before using. In addition, the child element of <code>Layout</code> can only be the latter four, and the parent element of the latter four can only be <code>Layout</code>",
    "b1": "Matters needing attention",
    "P2": "In order to make it easy for everyone to use this set of components to quickly build projects, the author has created <b>Project Templates</code></b>, using the <code>dotnet new</code> command line, and < code>Bootstrap Blazor App Extension extension plug-in</code> Create a new project through <code>Visual Studio 2019</code>. For specific usage and steps, please click <a href='template' target='_blank'>Portal</a>",
    "H3": "Common page layout",
    "Block1Title": "Top, middle and bottom layout",
    "Block1Intro": "Commonly found in Internet website layout",
    "Block2Title": "Left and right structural layout in the middle",
    "Block2Intro": "The middle part adopts the left and right structure, which is mostly used for back-end management website layout. When the <code>Side</code> component is added to the layout template, the upper middle and lower parts are used by default, and the middle part adopts the left and right structure layout.",
    "Block3title": "Left and right structure",
    "Block3Intro": "The right side adopts an upper, middle and lower structure, which is mostly used for back-end management of the website layout, and the layout is controlled to the left and right structure by setting the <code>IsFullSide</code> attribute value",
    "Block4Title": "Customize sidebar width support percentage",
    "Block4Intro": "The width of the sidebar is controlled by setting the <code>SideWidth</code> property, which supports percentage writing. When setting <code>0</code>, the width setting function is turned off, and the internal sub-controls are used to fill the width feature",
    "Block5Title": "Practical application",
    "D1": "In actual use, the sidebar generally has two uses",
    "D2": "The sidebar fills the entire screen, and scroll bars appear when the overall height of the menu exceeds the screen",
    "D3": "The sidebar is not processed and the height is automatically opened by the content",
    "D4": "Because there are many ways to use it, this component is not packaged, and it is up to you to decide how to carry out the layout. The following is a practical example in actual use",
    "P3": "In order to facilitate your study and comparison, try to use the <code>style</code> inline style in the following practical examples",
    "P4": "In this example, a scroll bar appears after clicking the menu on the left to expand",
    "Tips1": "The available area in the right panel is all by default, which is suitable for layouts with <code>Tab</code> components. In this example, for the sake of beauty, the <code>Main</code> template has a built-in <code>div</code > And set the style to <code>style='padding: 1rem;'</code>",
    "P5": "In this example, if the scroll bar does not appear after clicking the left menu to expand, the height of the parent container will be expanded",
    "P6": "Please refer to <a href='/tabs'>Tab component</a> for practical examples of using <code>Layout</code> component and <code>Tab</code> component together",
    "Block6Title": "Full page level components",
    "Tips2": "By setting the <code>IsPage</code> property to set whether the <code>Layout</code> component controls the layout of the front page level, after setting it to <code>true</code>, the component adopts the full-screen layout",
    "Li": "Whole page component generator",
    "Desc1": "Header component template",
    "Desc2": "Sidebar component template",
    "Desc3": "Sidebar width, support percentage, turn off the width function when set to 0",
    "Desc4": "Content component template",
    "Desc5": "Footer component template",
    "Desc6": "Sidebar menu data collection when the whole page is laid out",
    "Desc7": "Whether the sidebar occupies the entire left",
    "Desc8": "Whether it is the whole page layout",
    "Desc9": "Whether to fix the Footer component",
    "Desc10": "Whether to fix the Header component",
    "Desc11": "Whether to show contraction and expansion Bar",
    "Desc12": "Whether to show Footer template",
    "Desc13": "Whether to display the back to top button",
    "Desc14": "Whether to open multi-label mode",
    "Desc15": "Collection of additional programs, passed to the Tab component for use",
    "Desc16": "Contract expand callback delegate",
    "Desc17": "Call back the delegate when the menu item is clicked",
    "TabDefaultUrl": "Set the default url of Tab"
  },
  "BootstrapBlazor.Shared.Samples.Footers": {
    "Title": "Footer",
    "H1": "Displayed at the bottom of the page, with a back to top button",
    "P1": "When using <code>Footer</code> components, pay attention to the setting of the style sheet <code>position</code> attribute",
    "BlockTitle": "Basic usage",
    "BlockIntro": "Pass the ID of the scroll bar component to the footer component",
    "P2": "The Footer component is displayed at the bottom, and the page will automatically scroll back to the top when you click to return to the top",
    "P3": "This example passes the component client ID",
    "Desc1": "The text displayed by the footer component",
    "Desc2": "The ID of the scroll bar component controlled by the footer component"
  },
  "BootstrapBlazor.Shared.Samples.Rows": {
    "Title": "Row",
    "H1": "The number of components displayed in a row can be easily set",
    "Block1Title": "Place common controls",
    "Block1Intro": "Put your own components inside <code>Row</code>",
    "b1": "3 rows are displayed, using <code>Row</code>",
    "Block2Title": "Place form controls (inline)",
    "Block2Intro": "When placing form controls, you can specify <code>RowType</code> as <code>Inline</code>, and <b>Label</b> will be displayed on the left, and the control will fill the remaining space",
    "Block3Title": "Place form controls",
    "Block3Intro": "When placing form controls, you can specify <code>Normal</code> as <code>FormRow</code>, and <b>Label</b> will be displayed on the top, and the control will be full",
    "P1": "In this example, the <code>Row</code> component is built into the <code>ValidateForm</code> component, and the front <code>Label</code> tag is automatically added",
    "Block4Title": "Nested use",
    "Block4Intro": "The <code>Row</code> component supports nested use. For example, the outermost <code>Row</code> below sets a row to display two controls, the first is <code>TextBox</code>, the second One is still <code>Row</code>, and the second <code>Row</code> continues to be set to display two controls",
    "Block5Title": "Cross-column",
    "Block5Intro": "The <code>Row</code> component can set the number of spanning columns by specifying the <code>ColSpan</code> value. Combining these functions can achieve complex layouts",
    "b2": "4 in a row",
    "b3": "2 in a row",
    "b4": "The row shows 4 <code>Address</code> in 2 columns",
    "b5": "Row shows 4, the second component <code>ColSpan</code> is set to 3",
    "b6": "Row shows 2, the first component <code>ColSpan</code> is set to 3",
    "b7": "A component in a row",
    "Desc1": "Set a row to display several controls",
    "Desc2": "Set the layout format, if the child Row is not specified, the parent Row’s settings will be used",
    "Desc3": "Set the number of columns of child Row across parent Row",
    "Desc4": "Set the maximum number of controls displayed in a row"
  },
  "BootstrapBlazor.Shared.Samples.Skeletons": {
    "Title": "Skeleton",
    "H1": "Provide a placeholder graphic combination where you need to wait for content to load",
    "b1": "When to use",
    "Li1": "When the network is slow and it takes a long time to wait for the loading process",
    "Li2": "Lists/cards with more graphic information content",
    "Li3": "Only used when loading data for the first time",
    "Li4": "Can be completely replaced by Spin, but can provide better visual effects and user experience than Spin in available scenarios",
    "Block1Title": "Picture frame screen",
    "Block1Intro": "Suitable for display when loading avatars, pictures, etc.",
    "P1": "It can be set to a circle display by setting the <code>Circle</code> property",
    "Block2Title": "Paragraph skeleton screen",
    "Block2Intro": "Applicable to display when loading large paragraphs of text and other types",
    "P2": "The default paragraph skeleton screen only displays three lines. If you need multiple lines to occupy space, please place multiple <code>SkeletonParagraph</code>.",
    "Block3Title": "Form skeleton screen",
    "Block3Intro": "Suitable for display when the edit form is loaded",
    "Block4Title": "Table skeleton screen",
    "Block4Intro": "Applicable to display when the edit table is loaded"
  },
  "BootstrapBlazor.Shared.Pages.Coms": {
    "Search": "Search for the desired component",
    "Text1": "Layout",
    "DividerText": "Divider",
    "LayoutText": "Layout",
    "FooterText": "Footer",
    "RowText": "Row",
    "ScorllText": "Scroll",
    "SkeletonText": "Skeleton",
    "SplitText": "Split",
    "Text2": "Navigation",
    "AnchorText": "Anchor",
    "AnchorLinkText": "AnchorLink",
    "BreadcrumbText": "Breadcrumb",
    "MenuText": "Menu",
    "NavText": "Nav",
    "DropdownText": "Dropdown",
    "FullScreenText": "FullScreen",
    "GoTopText": "GoTop",
    "LogoutText": "Logout",
    "PaginationText": "Pagination",
    "StepsText": "Steps",
    "TabText": "Tab",
    "Text3": "Form",
    "EditorFormText": "EditorForm",
    "ValidateFormText": "ValidateForm",
    "AutoCompleteText": "AutoComplete",
    "AutoFillText": "AutoFill",
    "ButtonText": "Button",
    "CascaderText": "CascadingSelection",
    "CheckboxText": "Checkbox",
    "CheckboxListText": "CheckboxList",
    "ColorPickerText": "ColorPicker",
    "DateTimePickerText": "DateTimePicker",
    "DateTimeRangeText": "DateTimeRange",
    "EditorText": "Editor",
    "InputText": "Input",
    "InputNumberText": "InputNumber",
    "MarkdownText": "Markdown",
    "FloatingLabelText": "FloatingLabel",
    "RadioText": "Radio",
    "RateText": "Rate",
    "SelectText": "Select",
    "MultiSelectText": "MultiSelect",
    "SliderText": "Slider",
    "SwitchText": "Switch",
    "TextareaText": "Textarea",
    "ToggleText": "Toggle",
    "TransferText": "Transfer",
    "UploadText": "Upload",
    "Text4": "Data",
    "AvatarText": "Avatar",
    "BadgeText": "Badge",
    "CardText": "Card",
    "CalendarText": "Calendar",
    "CaptchaText": "Captcha",
    "CarouselText": "Carousel",
    "CircleText": "Circle",
    "ClientText": "Client",
    "DisplayText": "Display",
    "EmptyText": "Empty",
    "LocatorText": "Locator",
    "IpText": "IpAddress",
    "PrintText": "Print",
    "TitleText": "Title",
    "DownloadText": "Download",
    "TransitionText": "Transition",
    "CollapseText": "Collapse",
    "DropdownWidgetText": "DropdownWidget",
    "GroupBoxText": "GroupBox",
    "LinkButtonText": "LinkButton",
    "ListViewText": "ListView",
    "PopoverText": "Popover",
    "QRCodeText": "QRCode",
    "SearchText": "Search",
    "TableText": "Table",
    "TagText": "Tag",
    "TimelineText": "Timeline",
    "TooltipText": "Tooltip",
    "TreeText": "Tree",
    "BarcodeReaderText": "BarcodeReader",
    "BlockText": "Block",
    "CameraText": "Camera",
    "HandwrittenPageText": "Handwritten",
    "Text5": "Message",
    "AlertText": "Alert",
    "ConsoleText": "Console",
    "DialogText": "Dialog",
    "DrawerText": "Drawer",
    "EditDialogText": "EditDialog",
    "MessageText": "Message",
    "ModalText": "Modal",
    "LightText": "Light",
    "PopconfirmText": "Popconfirm",
    "ProgressText": "Progress",
    "SpinnerText": "Spinner",
    "SweetAlertText": "SweetAlert",
    "SearchDialogText": "SearchDialog",
    "ToastText": "Toast",
    "TimerText": "Timer",
    "Text6": "图表 Chart",
    "ChartText": "Chart",
    "ChartSummaryText": "Summary",
    "ChartLineText": "Line",
    "ChartBarText": "Bar",
    "ChartPieText": "Pie",
    "ChartDoughnutText": "Doughnut",
    "ChartBubbleText": "Bubble",
    "DispatchText": "Dispatch"
  },
  "BootstrapBlazor.Shared.Samples.GlobalException": {
    "Title": "Global exception",
    "Introduce": "Added component <code>ErrorLogger</code> Through this component, global logs and exceptions can be output uniformly; currently, the <code>Blazor</code> framework does not provide a <code>MVC</code> like < b>Global exception</b> The overall solution, for the time being, you need to use <code>try/catch</code> in the code block for exception capture",
    "H1": "Instructions",
    "Step1": "1. Add <code>AddLogging</code> to the <code>Startup</code> file to enable the <code>net core</code> system log function",
    "Step1Introduce": "Use <code>AddFileLogger</code> need to reference <b>Longbow.Logging</b> component package",
    "Step2": "2. Use <code>BlazorLogger</code> to wrap the content, such as: <code>Body</code> in <code>MainLayout</code>",
    "Step3": "3. Use cascading parameters in the code to get examples",
    "Step4": "4. Console or <b>IIS</b> output visible log information",
    "Step5": "5. Controls whether error details are displayed",
    "Step5Intro": "Through the configuration file <code>appsettings.json</code>, which is <code>appsettings.Development.json</code> in the development environment, if not set, it defaults to <code>false</code> and is not displayed. The default behavior is only a pop-up prompt to prevent the exposure of sensitive information",
    "Block1Title": "Test",
    "Block1Intro": "This function is to obtain the component instance through the cascade parameter and use its function",
    "ExceptionTestIntroduce": "In this example code, an error code that divides by zero is written. Because <code>try/catch</code> is used to capture the exception, the error message is displayed in the console below",
    "ButtonText": "test",
    "Block2Title": "OnErrorHandleAsync",
    "Block2Intro": "Set custom exception handling logic by setting <code>OnErrorHandleAsync </code> callback method",
    "Tips": "Both the <code>Layout</code> component and the <code>Tab</code> component have built-in <code>ErrorLogger</code> components. Please do not add them in the above two components. The following is the simplified example code"
  },
  "BootstrapBlazor.Shared.Samples.Splits": {
    "Title": "Split",
    "Block1Title": "Basic usage",
    "Block1Intro": "Left and Right",
    "Pannel1": "I am the left panel",
    "Pannel2": "I am the right panel",
    "Block2Title": "Set initialization percentage",
    "Block2Intro": "Set the proportion of the initial position by setting the <code>Basis</code> attribute",
    "Block3Title": "Vertical split",
    "Block3Intro": "Control the vertical split panel by setting the <code>IsVertical</code> property",
    "Pannel3": "I am the upper panel",
    "Pannel4": "I am the bottom panel",
    "Block4Title": "Nested use",
    "Block4Intro": "Combine layout by nesting <code>Split</code> components",
    "Pannel5": "Upper",
    "Pannel6": "Lower",
    "Pannel7": "Right",
    "Desc1": "style",
    "Desc2": "Percentage of first pane position",
    "Desc3": "First pane template",
    "Desc4": "Second pane template"
  },
  "BootstrapBlazor.Shared.Samples.Dropdowns": {
    "Title": "Dropdown",
    "H1": "Collapse actions or menus into drop-down menus",
    "Block1Title": "Basic usage",
    "Block1Intro": "Use <code>TagName='a'</code> to open a drop-down list with a button tag",
    "Block2Title": "Dropdown empty drop-down menu",
    "Block2Intro": "Allow empty <code>Items</code> drop-down menus",
    "Block3Title": "Drop-down box with color",
    "Block3Intro": "Provide warning message boxes in various colors. Quote <code>Color='Color.Primary'</code> and other color and style classes to define the appearance of the drop-down menu",
    "Block4Title": "Split button drop-down menu",
    "Block4Intro": "You can create a split drop-down menu with tags similar to a single button drop-down menu, and add ShowSplit='true' (you need to add <code>DropdownType='DropdownType.ButtonGroup</code>') when you use a split component. Insert this symbol as a drop-down The options are handled at appropriate intervals (distance).",
    "Block5Title": "Size definition",
    "Block5Intro": "The drop-down menu has a variety of size specifications to choose from <code>Size</code> attributes, including preset and split button drop-down menus.",
    "Block6Title": "Expanding direction",
    "Block6Intro": "Add the style of <code>Direction='Direction.Dropup'</code> to make the drop-down menu expand upward.",
    "Block7Title": "Menu alignment",
    "Block7Intro": "By default, the right side of the drop-down menu is aligned by setting <code>MenuAlignment=Alignment.Right</code>",
    "Block8Title": "Bind data source",
    "Block8Intro": "When you click the button on the right, the menu items in the drop-down box will increase",
    "Button1Text": "Add",
    "Button2Text": "Delete",
    "Block9Title": "Bind data source",
    "Block9Intro": "When you change the options, the menu items in the drop-down box will increase",
    "Block10Title": "Cascade binding",
    "Block10Intro": "By selecting different options in the first drop-down box, the second drop-down box is filled with content dynamically.",
    "FixedButtonTextTitle": "Fixed Button Text",
    "FixedButtonTextIntro": "Set <code>IsFixedButtonText</code> to <b>true</true> make the ButtonText to const",
    "ADesc1": "Currently selected value",
    "ADesc2": "Style",
    "ADesc3": "Color",
    "ADesc4": "Drop-down box pop-up direction",
    "ADesc5": "Drop-down box value",
    "ADesc6": "Menu alignment",
    "ADesc7": "Menu item rendering label",
    "ADesc8": "Menu alignment",
    "ADesc9": "Split button drop-down menu (you need to add MenuType='MenuType.Btngroup' when using split component)",
    "ADesc10": "Size",
    "ADesc11": "Label",
    "EDesc1": "Triggered when the value of the drop-down box changes"
  },
  "BootstrapBlazor.Shared.Samples.GoTops": {
    "Title": "GoTop",
    "H1": "Click to return to the top of the specified container",
    "Block1Title": "Basic usage",
    "Block1Intro": "Click to return to the top usage",
    "P1": "The Footer component appears at the bottom, and the page automatically scrolls back to the top when you click Back to the Top",
    "P2": "This example passes the component client ID",
    "Desc1": "The scroll bar component ID controlled by the footer component"
  },
  "BootstrapBlazor.Shared.Samples.Menus": {
    "Title": "Menu",
    "H1": "A list of menus that provide navigation for pages and features.",
    "Tips1": "<code>Menu</code> component is generally used for menu navigation, i.e. redirect navigation by clicking on the address bar after the menu, but sometimes you don't need navigation in real life, by setting <code>OnClick</code> callback delegate, custom processing logic, at this point by setting Property <code>The</code> of TheableNavigation, in this case all <code>Menu</code> are set to <code>true</code> disable navigation because they are analog menu clicks and do not actually navigate the address bar",
    "Block1Title": "Top bar",
    "Block1Intro": "A wide range of basic usages are applicable.",
    "Block2Title": "Bottom bar",
    "Block2Intro": "Set the parameter <code>IsBottom</code> value is <b>true</b> menu bar at the bottom of the container, for the mover",
    "Tips2": "Because the <b> bottom bar menu</b> is relatively positioned relative to the parent container, you need to set the parent node style <code>position-</code>, or customize the style <code>theposition-fixed</code>",
    "Block3Title": "Top bar menu with icon",
    "Block3Intro": "For simple website apps, set the menu icon by setting the menu item <code>the <code>Icon</code> property of the MenuItem</code>",
    "Block4Title": "Sidebar",
    "Block4Intro": "For sites with left and right structure layouts, change the navigation menu to sidebar by setting <code></code>",
    "Block5Title": "Sidebar menu with icon",
    "Block5Intro": "Set the menu icon by setting the menu item <code>the <code>Icon</code> property of the MenuItem</code>",
    "Block6Title": "Sidebar for accordion effects",
    "Block6Intro": "Set the accordion effect sidebar menu by setting the <code>IsAccordion</code> property",
    "Block7Title": "Sidebar effect with shrink",
    "Block7Intro": "Set the sidebar menu to the put-away state by setting the <code>IsCollapsed</code> property",
    "AlertText": "Note that the <code>IsCollapsed</code> property is available only if the <code>IsVertical</code> is true, i.e. only sidebar menus",
    "P1": "In this example, the layout component <code>Layout</code> is used to build a web page, set the <code>SideWith'0'</code> turn off the sidebar width setting, and use the internal menu width from fit",
    "Block7aTitle": "Click expand to shrink the left menu",
    "Block7Span": "I am the title of the website",
    "Block8Title": "Menu with pendant",
    "Block8Intro": "Set the custom component into the menu by setting the <code>Component</code> property of the MenuItem</code> <code>",
    "Block9Title": "Custom node shrinkage",
    "Block9Intro": "Set whether the node is receding by setting the <code>IsCollapsed</code> property of the <code>MenuItem</code>",
    "P2": "In this example, the <b> permission settings </b> node is expanded and the remaining nodes are in the recess state",
    "Block10Title": "Dynamically change the menu",
    "Block10Intro": "Change the menu item by dynamically setting <code>Theitems</code> property values",
    "Block10Button1": "Update the menu",
    "Block10Button2": "Reset the menu",
    "Block11Title": "Some menus disable functionality",
    "Block11Intro": "Set whether the node is disabled by setting the <code>IsDisabled</code> property of the</code>MenuItem<code>",
    "P3": "In this example<b> navigation two</b> node is disabled and the menu and its submenu are not clickable",
    "b1": "Example of a disablement of the sidebar",
    "Desc1": "A collection of menu component data",
    "Desc2": "Whether it is a sidebar",
    "Desc3": "Whether it is the bottom bar",
    "Desc4": "Whether the accordion effect",
    "Desc5": "Whether to disable address bar navigation",
    "Desc6": "This method is called back when a menu item is clicked",
    "System": "System",
    "Website": "Website",
    "Task": "Task",
    "Authorize": "Authorize",
    "User": "User",
    "Menu": "Menu",
    "Role": "Role",
    "Log": "Log",
    "Access": "Access",
    "Login": "Login",
    "Operation": "Operation",
    "Nav1": "Menu 1",
    "Nav2": "Menu 2",
    "Nav3": "Menu 3",
    "SubMenu1": "Sub Menu 1",
    "SubMenu2": "Sub Menu 2",
    "SubMenu3": "Sub Menu 3",
    "SubMenu11": "Sub Menu 11",
    "SubMenu12": "Sub Menu 12",
    "SubMenu21": "Sub Menu 21",
    "SubMenu22": "Sub Menu 22",
    "SubMenu31": "Sub Menu 31",
    "SubMenu32": "Sub Menu 32",
    "SubMenu41": "Sub Menu 41",
    "SubMenu42": "Sub Menu 42"
  },
  "BootstrapBlazor.Shared.Samples.Navs": {
    "Title": "Nav",
    "H1": "A menu that provides navigation for your site.",
    "Block1Title": "Basic navigation style.",
    "Block1Intro": "In this example, by setting the <code>Items</code> property, the navigation component is assigned through the program api and the <code>NavLink</code> component is written directly to the <code>ChildContext</code> of the navigation component",
    "Block2Title": "Align",
    "Block2Intro": "Control component alignment by setting the property of <code>Signment</code>",
    "Divider": "Split the line",
    "Block3Title": "Vertical",
    "Block3Intro": "In this example, you control whether the navigation is vertically distributed by setting the <code>IsVertical</code> property",
    "Block4Title": "Capsule",
    "Block4Intro": "Control the background color of the navigation menu by setting the <code>IsPills</code> property",
    "Block5Title": "Fill and align",
    "Block5Intro": "By setting the <code>IsFill</code> properties controls that the navigation menu is evenly distributed to fill the entire navigation bar",
    "Block6Title": "Equal width",
    "Block6Intro": "By setting the <code>IsIze</code> property so that each navigation item will have the same width.",
    "Desc1": "Content",
    "Desc2": "Component alignment",
    "Desc3": "Vertical distribution",
    "Desc4": "Capsule",
    "Desc5": "Padding",
    "Desc6": "Equal width"
  },
  "BootstrapBlazor.Shared.Samples.Paginations": {
    "Title": "Pagination",
    "H1": "When there is too much data, use paging to break down the data.",
    "Block1Title": "Basic usage",
    "Block1Intro": "You can select the amount of data displayed per page by the drop-down box",
    "Block2Title": "Only text prompts are displayed",
    "Block2Intro": "Only one page does not display the switch page number component, only text prompts",
    "Block3Title": "Only paginated components are displayed",
    "Block3Intro": "By <code>ShowPaginationInfo = 'false'</code> setting does not display text prompts",
    "Desc1": "The current page number",
    "Desc2": "The amount of data displayed per page",
    "Desc3": "An external data source that displays the amount of data per page",
    "Desc4": "Whether to display paginated data summary information",
    "Desc5": "The total number of data",
    "Event1": "The first argument is the current page number, and the second argument is the number of data items displayed in the current per-page setting",
    "Event2": "Click Set the callback method when displaying the amount of data per page",
    "AiraPageLabel": "Pagination",
    "AiraPrevPageText": "Prev Page",
    "AiraFirstPageText": "First Page",
    "AiraNextPageText": "Next Page",
    "PageInfoText": "Page info",
    "TotalInfoText": "Total info",
    "PrePageInfoText": "Perpage info",
    "RowInfoText": "Row info",
    "LabelString": "Label string",
    "SelectItemsText": "Selected items label text"
  },
  "BootstrapBlazor.Shared.Samples.Stepss": {
    "Title": "Steps",
    "H1": "A navigation bar that guides the user through the process",
    "P1": "Step-by-step navigation bar that guides the user through the process, setting steps of no less than 2 steps based on the actual scenario",
    "p2": "<code>Steps</code> component supports UI rendering by setting the <code>Items</code> property or by embedding the <code>Step</code> component directly",
    "Block1Title": "Basic usage",
    "Block1Intro": "Simple step bar, by directly binding the data source <code>Items</code>",
    "Button1Text": "Next",
    "Button2Text": "Reset",
    "Block2Title": "Basic usage",
    "Block2Intro": "A simple step bar that uses the <code>Step</code> component setup step directly inside the component",
    "Step1Title": "Step 1",
    "Step2Title": "Step 2",
    "Step3Title": "Step 3",
    "Step4Title": "Step 4",
    "Step5Title": "Step 5",
    "StepDesc1": "This is a long descriptive text",
    "StepDesc2": "Conclusion",
    "Block3Title": "There is a description of the step bar",
    "Block3Intro": "Each step described has its own description bar of step status",
    "Block4Title": "Center the step bar",
    "Block4Intro": "Both the title and description will be centered",
    "Block5Title": "Step bar with icon",
    "Block5Intro": "Various custom icons can be enabled within the step bar",
    "AttributeTitle": "StepItem Atributes",
    "Desc1": "Set up a collection of step data",
    "Desc2": "The direction of the display",
    "Desc3": "Center alignment",
    "Desc4": "Set the status of the current step",
    "Att1": "Center alignment",
    "Att2": "Make steps to display using the icon",
    "Att3": "Whether it is the last step",
    "Att4": "Step order number",
    "Att5": "Spacing is not filled in to support the percentage of adaptive spacing",
    "Att6": "The steps display text",
    "Att7": "The step displays an icon",
    "Att8": "Describe the information",
    "Att9": "Set the status of the current step",
    "Att10": "Set up the content template for the current step",
    "Event1": "Call back the delegate when the component state changes"
  },
  "BootstrapBlazor.Shared.Samples.Tabs": {
    "Title": "Tabs",
    "H1": "A collection of data that is associated with the separation content but belongs to a different category.",
    "P1": "Tab components are designed in the form of templates, and this component is used by adding <code>TabItem</code> subcomponents to the <code>tabItems</code> in the template",
    "TipsP": "<code>Tab</code> components are generally used in two ways:",
    "TipsLi1": "Split as data",
    "TipsLi2": "Page navigation",
    "TipsDiv": "The default behavior of this component is data segmentation,Clicking on the <code>TabItem</code> title does not navigate, and if you need to navigate the address bar, set the <code>ClickTabToNavigation</code> property to <code>true</code>，When you click on the <code>TabItem</code> title, the address bar redirects navigation, mostly for the background management system to be used in conjunction with the <code>Menu</code> components，The actual combat can refer to the <code>multi-label</code> mode in the <a href='layout-page' target='_blank'>background template simulator</a>,  When you have <code>Razor Component</code> in the additional Assemblies, set the <code>AdditionalAssemblies</code> property value correctly so that the route within the label component is resolved correctly, and the relevant documentation <a href='https://docs.microsoft.com/zh-cn/aspnet/core/blazor/fundamentals/routing?WT.mc_id-DT-MVP-5004174-view-aspnetcore-3.1-route-to-components-from-multiple-assemblies' target'_blank'>[Portal]</a>",
    "TipsP2": "This component adapts to width height, etc., and scroll arrows can appear left and right or up and down when appropriate",
    "InfoTitle": "Set additional information during tab navigation",
    "InfoItem2": "Tab properties can be set when navigating using the built-in extension method <code>Navigator.NavigateTo(\"url\", \"text\", \"icon\", \"closable\")</code>",
    "InfoItem4": "Setting <code>@attribute [TabItemOption(Text = \"LayoutPage\", Icon = \"fa fa-fa\")]</code> in <code>razor</code> page",
    "TabItem1Text": "User",
    "TabItem1Content": "I am a user manager",
    "TabItem2Text": "Menu",
    "TabItem2Content": "I am menu management",
    "TabItem3Text": "Roles",
    "TabItem3Content": "I am roles management",
    "TabItem4Text": "Department ",
    "TabItem4Content": "I am department management",
    "TabItem5Text": "System logs",
    "TabItem5Content": "I am a system log",
    "TabItem6Text": "Sign log",
    "TabItem6Content": "I am Sign log management",
    "TabItem7Text": "Timed task",
    "TabItem7Content": "I am a timed task manager",
    "TabItem8Text": "Count",
    "TabItem9Text": "Weather forecast",
    "Block1Title": "Basic usage",
    "Block1Intro": "Basic, concise tabs.",
    "Block2Title": "Tab style ",
    "Block2Intro": "Set tab-style tabs by <code>isCard='true'</code>.",
    "Block3Title": "Carding",
    "Block3Intro": "Set tab-style tabs by <code>IsBorderCard='true'</code>.",
    "Block4Title": "Icon",
    "Block4Intro": "Set the tab icon by setting the <code>Icon</code> property of the <code>TabItem</code> component",
    "Block5Title": "Close",
    "Block5Intro": "Show the close button to the tab by setting the <code>ShowClose</code> property",
    "Tips2": "<p><code>Tab</code> component turns on the <code>showClose</code> , <code>TabItem</code> property <code>Closable</code> can be set individually to close tab, <b>defaulting to </b><code>true</code>;In this example <b> User </b> Tabs do not provide a to turn off functionality</p>",
    "Block6Title": "Position",
    "Block6Intro": "By setting the <code>Placement</code> property to change the label position, a small arrow scrolls up and down to <code>TabItem</code> switch when you change to left or right",
    "DividerText": "Split Line",
    "Block7Title": "Custom add tab triggers",
    "Block7Intro": "Dynamically add/remove <code>TabItem</code> by calling the component api",
    "AddButtonText": "Add",
    "RmoveButtonText": "Rmove",
    "ActiveButtonText": "Activate the first one",
    "Block8Title": "Additional components are built in",
    "Block8Intro": "other components are built into the <code>TabItem</code>",
    "P2": "<code>Tab</code> The contents of each panel of the component remain state by default, and in this case the original data is maintained when the panel switches",
    "Block9Title": "The program dynamically adds the TabItem panel",
    "Block9Intro": "This feature allows you to click on the menu link in the sidebar and render multiple labels at the top of the data area on the right",
    "P3": "In this example, the right the <code>Tab</code> the inside of the panel remains in state, and the component reloads when it is closed and reopened",
    "Block9Div": "Header",
    "Block10Title": "Live Tab components",
    "Block10Intro": "By setting  the <code>ShowExtendButtons</code> property to <code>true</code>, turning on the left and right buttons of the component and closing the drop-down menu, it is very useful in practice",
    "Tips3": "Dynamically adjust the number of <code>TabItem</code> by  <b> adding </b> , <b> delete </b> buttons  to view the left and right effects beyond the number of containers, <b> user management </b> is set to not close, and the feature button cannot close this tab",
    "Block11Title": "Only the current label is rendered",
    "Block11Intro": "By setting the <code>isOnlyRenderActiveTab</code> parameter, the component renders only the current active label",
    "Att1": "Whether it is a bordered card style",
    "Att2": "Whether it is a card style",
    "Att3": "Whether to render only Active labels",
    "Att4": "Whether to display the close button",
    "Att5": "Whether to display the extension button",
    "Att6": "Whether to navigate when you click on the title",
    "Att7": "Set the label position",
    "Att8": "Set the label height",
    "Att9": "TabItem collection",
    "Att10": "ChildContent template",
    "Att11": "A collection of additional programs to initialize the route",
    "Att12": "Call back the delegate method when you click on the TabItem title",
    "Att13": "Set the tab to display the title collection, and when not set, an internal attempt is made to use menu item data",
    "Method1": "Add TabItem to Tab",
    "Method2": "Remove TabItem",
    "Method3": "The setting specifies tabItem as active",
    "Method4": "Switch to the previous label method",
    "Method5": "Switch to the next label method",
    "Method6": "Close the current tab method",
    "Method7": "Close other tab methods",
    "Method8": "Close all tab methods",
    "Method9": "Get current tab methods",
    "BackAddTabText": "I am a new Tab with the name {0}",
    "BackText1": "Counter",
    "BackText2": "Weather forecast",
    "AttTitle": "Attributes",
    "MethodTitle": "Method",
    "DefaultUrl": "Default page"
  },
  "BootstrapBlazor.Shared.Samples.AutoCompletes": {
    "Title": "AutoComplete",
    "H1": "The input box autocompletes the function",
    "Block1Title": "Basic usage",
    "Block1Intro": "By setting <code>Items</code> data collection when the user types information that is automatically displayed",
    "P1": "In this example, type 123 strings to display the viewing effect, automatically give the component initialization to the auto-prompt dataset, and the dataset does not change",
    "Block2Title": "Blur queries and ignore case",
    "Block2Intro": "By setting the <code>IsLikeMatch</code> value settings to turn on fuzzy matching of collections, you control whether case is ignored by setting the <code>IgnoreCase</code>",
    "P2": "In this example, type the abc string to display the viewing effect and select all matches in the collection that contain abc and have the same case",
    "Block3Title": "Custom prompt message",
    "Block3Intro": "By setting the <code>NoDataTip</code> value setting automatically completes the custom prompt message that appears when the data is not found",
    "P3": "In this example, type 567 strings because the autocomplete information center does not display custom prompt information - <code>the data you want is not found</code>",
    "AutoTip": "There is nothing",
    "Block4Title": "Custom candidates",
    "Block4Intro": "By setting up <code>ValueChanged</code> callback method reorganizes the data collection based on the data entered by the user before prompting for information",
    "P4": "In this example, type any string to display the viewing effect, and automatically complete the component's dynamic changes from the newly obtained prompt dataset based on the string you type",
    "Block5Title": "The label is displayed",
    "Block5Intro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "P5": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the <a href='inputs'>[portal]</a>",
    "DebounceTitle": "Debounce",
    "DebounceIntro": "Set <code>Debounce</code> value turn on debounce",
    "DebounceDetails": "In this example, please type any string to display the viewing effect. Within the anti shake time, the auto completion component will only send the results to the back end after the last entry, which will greatly improve the performance",
    "Divider1Text": "Bidirectional binding displays labels",
    "Divider2Text": "Bidirectional bindings do not display labels",
    "Divider3Text": "Customize DisplayText",
    "AutoText": "Custom city",
    "Att1": "whether to display the front label",
    "Att2": "content",
    "Att3": "content",
    "Att4": "Prompt information when no matches are automatically completed",
    "Att4DefaultValue": "No matching data",
    "Att5": "The number of data displayed when the data is matched",
    "Att6": "Call back the delegate method when the text box value changes",
    "Att7": "whether to turn on fuzzy matching",
    "Att8": "whether case is ignored when matching",
    "Att9": "custom collection filtering rules"
  },
  "BootstrapBlazor.Shared.Samples.FullScreens": {
    "Title": "FullScreen",
    "H1": "Human-computer interaction by injecting service calls <code>Show</code> method pop-ups",
    "Tips": "This component provides functionality in the form of injection services, the user experience is very comfortable to use, anytime, anywhere calls, need to be built into the page using this component <code>FullScreen</code> component, or in the main layout component of <code>MainLayout</code>, the sample code is as follows:",
    "Block1Title": "Basic usage",
    "Block1Intro": "The entire page is fully screened by calling the <code>Show</code> method that <code>FullScreenService</code> service instance",
    "ButtonText1": "FullScreen",
    "Block2Title": "Button",
    "Block2Intro": "The full screen of the entire web page is component <code>FullScreenButton</code>",
    "Li1": "The button default icon can be set through the <code>ButtonIcon</code>, and the full-screen icon can be set through the <code>FullScreenIcon</code> property",
    "Li2": "Use the <code>Title</code> property to set the prompt bar text when the mouse hovers",
    "Button1Text": "Tap for a full screen operation",
    "Pre": "FullScreenButton Title='Click for full screen operation'"
  },
  "BootstrapBlazor.Shared.Samples.Buttons": {
    "Title": "Button",
    "H1": "Common action buttons.",
    "Button1Text": "Primary",
    "Button2Text": "Secondary",
    "Button3Text": "Success",
    "Button4Text": "Danger",
    "Button5Text": "Warning",
    "Button6Text": "Information",
    "Button7Text": "Dark",
    "Button8Text": "Highlight",
    "Button9Text": "Link",
    "Button10Tetx": "Ultra-small",
    "Button11Text": "Small",
    "Button12Text": "Button",
    "Button13Text": "Medium",
    "Button14Text": "Big",
    "Button15Text": "Oversized",
    "Button16Text": "Block",
    "Block1Title": "Basic usage",
    "Block1Intro": "The underlying button usage.",
    "Block2Title": "Different styles",
    "Block2Intro": "Display different button styles by setting the <code>ButtonStyle</code>",
    "Block3Title": "Outline",
    "Block3Intro": "Set the color style of the button border by setting the <code>IsOutline='true'</code>.",
    "Block4Title": "Different sizes.",
    "Block4Intro": "The Button component provides a variety of sizes in addition to the default values, and by setting the <code>Size</code> property, you can select the appropriate button size in different scenarios.",
    "Block5Title": "Disable the state",
    "Block5Intro": "Button is not available. By setting the <code>IsDisabled</code> property",
    "P1": "Button disable effects can be achieved by setting its own <code>IsDisabled</code> property in the <code>OnClick</code> callback method, or by calling the component instance method <code>SetDisable</code>",
    "P2": "Because using the <code>IsDisabled</code> property requires an explicit manual call to the <code>StateHasChanged</code> method, which causes the component where the button is located to refresh as a whole, it is recommended that you use the instance method <code>SetDisable</code> refresh the button only",
    "b1": "Performance comparison:",
    "Li1": "This page transfer is <code>4.8K</code> when set with the <code>IsDisabled</code> property",
    "Li2": "This page transfer is <code>280B</code> when set up using the <code>SetDisable</code> method",
    "Button17Text": "Click to be disabled",
    "Button23Text": "Click to make the first button available",
    "TooltiTitle": "Tooltip is destroyed when the button is clicked",
    "Block6Title": "Button group",
    "Block6Intro": "A combination of multiple buttons",
    "Button18Tetx": "Button one",
    "Button19Text": "Button two",
    "Block7Title": "Button with icon",
    "Block7Intro": "Set the button icon by setting the <code>Icon</code> property, which is <code>fa-fa</code> when using font strings such as the <code>font-awesome</code> icon",
    "Button20Text": "Status button",
    "Button21Text": "Progress button",
    "Block8Title": "Secondary encapsulation button",
    "Block8Intro": "The button display text is set by setting the <code>Text</code> property of the <code>winButton</code> component, and the click button is the text on the right that shows the clicked button",
    "Block9Title": "Asynchronous request button",
    "Block9Intro": "By setting whether the <code>isAsync</code> property button is <b> asynchronous request button by setting whether the is </b>  <code>false</code> by default",
    "P3": "When the button is an asynchronous request button, the button is changed to disabled, and the <code>loading</code> small icon is displayed, returning to normal after the asynchronous request ends, in this case, after clicking  <b> the asynchronous request </b> button, the request load animation is displayed and returns to normal after 5 seconds",
    "Button22Text": "Asynchronous",
    "EventDesc1": "This event is triggered when the button is clicked",
    "EventDesc2": "This event is triggered when the button is clicked and the current component is not refreshed for performance improvement",
    "Att1": "color",
    "Att2": "icon",
    "Att3": "An animated icon when loaded asynchronously",
    "Att4": "displays text",
    "Att5": "size",
    "Att6": "style",
    "Att7": "fill button",
    "Att8": "whether to disable it",
    "Att9": "whether there is a border",
    "Att10": "whether it is an asynchronous button",
    "Att11": "content",
    "Att12": "button style",
    "Att13": "The type of button",
    "MethodDesc1": "set whether the button is available"
  },
  "BootstrapBlazor.Shared.Samples.Cascaders": {
    "Title": "Cascader",
    "Block1Title": "Cascade selection",
    "Block1Intro": "Drop-down selection boxes are available in a variety of colors",
    "Block2Title": "Turn off cascading selection",
    "Block2Intro": "Cascading selection is not available",
    "Block3Title": "Two-way binding",
    "Block3Intro": "The values in the text box change when you change the cascading selection option by binding the <code>Value</code> property with the <code>Select</code> component.",
    "Block4Title": "Client validation",
    "Block4Intro": "When cascading selection is not selected, click the submit button to block.",
    "ButtonText": "Submit",
    "Block5Title": "The binding generic is the Guid structure",
    "Block5Intro": "The component binding value is an example of a Guid structure",
    "Block6Title": "The label is displayed",
    "Block6Intro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "P1": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the <a href='inputs'>[portal]</a>",
    "Divider1": "Bidirectional binding displays labels",
    "Divider2": "Bidirectional bindings do not display labels",
    "Divider3": "Customize DisplayText",
    "CascaderText": "Custom city",
    "Att1": "Whether to display the front label",
    "Att2": "The front label displays text",
    "Att3": "The place-in display text when not selected",
    "Att3Default": "Click to select ...",
    "Att4": "Style",
    "Att5": "Color",
    "Att6": "Whether to disable it",
    "Att7": "The data collection",
    "Event1": "This event is triggered when the cascading selection option changes"
  },
  "BootstrapBlazor.Shared.Samples.Checkboxs": {
    "Title": "Checkbox",
    "H1": "Multiple-select in a set of alternatives",
    "StatusText1": "Selected",
    "StatusText2": "Not selected",
    "Block1Title": "Basic usage",
    "Block1Intro": "Using alone can represent a switch between two states, and column head or header can represent a switch between three states when used. Components support generic data binding, setting the binding data type the <code>TValue</code>, and setting the component state by <code>State</code>",
    "Block2Title": "Disable the check box",
    "Block2Intro": "Check box is not available, and the <code>IsDisabled</code> is set by whether the component is available",
    "Block3Title": "Color",
    "Block3Inrto": "Change the component background color by setting the <code>Color</code> property",
    "Block4Title": "Size",
    "Block4Intro": "Change the component size by setting the <code>Size</code> property",
    "Block5Title": "Label text",
    "Block5Intro": "The check box displays text, and the component status flips when you tap display text, using the <code>DisplayText</code> settings component to display text",
    "P1": "Set <code>DisplayText</code> property, or display text messages through bidirectional binding",
    "Checkbox1Text": "Displays text",
    "Block6Title": "Two-way binding boolean",
    "Block6Intro": "Binding variables within a component, data automatically synchronized, binding data types <code>boolean</code> type when the value is automatically flipped",
    "Checkbox2Text": "Two-way binding",
    "Block7Title": "Bind string data in both directions",
    "Block7Intro": "Binding variables within a component, data is automatically synchronized",
    "Block8Title": "Used in forms",
    "Block8Intro": "When you use <code>Checkbox</code> in a form, the display label text is placed in front of the component",
    "P2": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component <a href='inputs'>[portal]</a>",
    "Checkbox3Text": "Handwritten labels",
    "Att1": "Whether to display the front label",
    "Att2": "Whether to display the rear label",
    "Att3": "The front label displays text",
    "Att4": "Whether to disable it",
    "Att5": "The type of control",
    "Event1": "This method is called back when the selection box state changes",
    "Event2": "The state changes the callback method"
  },
  "BootstrapBlazor.Shared.Samples.CheckboxLists": {
    "Title": "CheckboxList",
    "H1": "The control is used to create a multi-select check box group",
    "Blok1Title": "Basic usage",
    "Block1Intro": "Show check box groups by data binding",
    "P1": "Instructions:",
    "Li1": "Set bidirectional binding data value through <code>bind-Value</code >",
    "Li2": "Set candidate data sources through <code>Items</code>",
    "Li3": "Get the changed item instance through the <code>onSelectedChanged</code> callback method",
    "Block2Title": "Client Validation",
    "Block2Intro": "Built in validateform",
    "P2": "You can experience adaptive layout by changing the window size",
    "P3": "In this example, the <code>Name</code> field of the binding model <code>binditem</code> is automatically changed by checking the option",
    "P4": "Because it is built into the <code>ValidateForm</code> form, in this example, <code>RequiredAttribute</code> required for verification is added. When all options are cancelled, the verification result will be prompted",
    "Block3Title": "Bidirectional binding collection",
    "Block3Intro": "Binding values are collections",
    "P5": "Tvalue is set to <code>IEnumerable&lt;int&gt;</code> generic collection, the <Code>ValueField</Code> specified field of the bound collection must be consistent with the generic type",
    "P6": "TValue is set to <code>IEnumerable&lt;string&gt;</code> generic collection",
    "Block4Title": "Bidirectional binding enumeration",
    "Block4Intro": "The binding value is enumeration",
    "P7": "When <code>CheckboxList</code> binds an enumeration set, <code>Items</code> does not need to be specified, <code>Items</code> will be automatically set to all values in the enumeration. If you need to bind some values, please provide the enumeration set <code>Items</code>",
    "Block5Title": "No border",
    "Block5Intro": "By setting <code>ShowBorder='false'</code> do not display borders",
    "P8": "Displays a red border when validation fails",
    "Block6Title": "Vertical arrangement",
    "Block6Intro": "Arrange checkboxes vertically by setting <code>IsVertical = 'true' </code >",
    "Block7Title": "Disable",
    "Block7Intro": "Disable by setting <code>IsDisabled='true'</code>",
    "Att1": "Data source",
    "Att2": "Disable",
    "Att3": "Component values are used for bidirectional binding",
    "Att4": "Whether to arrange vertically",
    "Event1": "Call back this method when the state of the check box changes"
  },
  "BootstrapBlazor.Shared.Samples.ColorPickers": {
    "Title": "ColorPicker Color Picker",
    "H1": "Select color to use",
    "Block1Title": "Basic Usage",
    "Block1Intro": "Set the color value by setting the <code>Value</code> property",
    "Block2Title": "Set Initial Value",
    "Block2Intro": "Set the color value by setting the <code>Value</code> property",
    "P1": "Set <code>Value='@Value2'</code> to initialize the default value",
    "Block3Title": "Two-way binding",
    "Block3Intro": "Set the color value by setting the <code>Value</code> property",
    "Block4Title": "Disabled",
    "Block4Intro": "Disable this component by setting the <code>IsDisabled</code> property",
    "Block5Title": "Used in the verification form",
    "Block5Intro": "Built in <code>ValidateForm</code> to use",
    "Event1": "Color change callback delegate method"
  },
  "BootstrapBlazor.Shared.Samples.DateTimePickers": {
    "Title": "DatePicker",
    "H1": "Used to select or enter a date",
    "Block1Title": "Select the day",
    "Block1Intro": "Select the control based on the date of the day in 「day」as the base unit",
    "Block2Title": "Select any point in time",
    "Block2Intro": "You can choose any time",
    "Block3Title": "Data is bound in both directions",
    "Block3Intro": "Click the confirm button to select the box value consistent with the text box value",
    "codetext": "type",
    "Block4Title": "Client validation",
    "Block4Intro": "Check data validity and prompt automatically based on custom validation rules",
    "Block5Title": "Click on the pop-up date box",
    "Block5Intro": "Select the control based on the date of the day in 「day」 as the base unit",
    "Block6Title": "Data is bound in both directions",
    "Block6Intro": "The values in the text box change as the date component time changes",
    "Block7Title": "Selector with time",
    "Block7Intro": "Select the date and time in the same selector, click the confirm button and close the pop-up window",
    "P1": "Set the value of the <code>viewModel</code> property to The <code>DateTime</code> of DatePickerViewModel.DateTime",
    "Block8Title": "Allow empty time",
    "Block8Intro": "More for conditional selection",
    "P2": "The <b> empty </b> button automatically appears when the binding value is <code>DateTime?</code> for an empty type",
    "Block9Title": "The label is displayed",
    "Block9Intro": "When you are a form component, the label in front of the component is displayed",
    "P3": "Set the <code>DisplayText</code> property value to <code>select time</code>",
    "P4": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component  of the <a href='inputs'>[portal]</a>",
    "DisplayText": "Select the time",
    "Block10Title": "disable",
    "Block10Intro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "Block11Title": "Sidebar with shortcuts",
    "Block11Intro": "When you set the <code>ShowSidebar</code> property value to <code>true</code>, the component displays the shortcut sidebar",
    "Block12Title": "Set the range of values",
    "Block12Intro": "Set the <code>MinValue</code> property value to the <code>MaxValue</code> limit the range of optional values, in this case setting the range to <b> 45 </b> days",
    "Att1": "Whether to display the front label",
    "Att2": "Whether to display the shortcut sidebar",
    "Att3": "The front label displays text",
    "Att4": "Date format string The default is yyyyy-MM-dd",
    "Att5": "Whether to display this component",
    "Att6": "Whether to disable Fasle by default",
    "Att7": "Time format string The default is hh:mm:ss",
    "Att8": "The value of the component is a two-way binding with ValueChanged",
    "Att9": "Get/Set Component Display Mode The default is the month-to-day display mode",
    "Event1": "Confirm that the button calls back the delegate",
    "Event2": "Callback delegates are used for bidirectional binding when component values change",
    "Log1Text": "The date selected is",
    "Log2Text": "The time selected is",
    "SubmitText": "Save",
    "ModelValidateValue": "ModelValidateValue",
    "ModelValidateValue.Required": "{0} is required."
  },
  "BootstrapBlazor.Shared.Samples.Editors": {
    "Title": "Editor",
    "H1": "Convert the entered text into <code>html</code> code snippets",
    "P1": "The <code>Editor</code> component is a secondary package of <a href='https://summernote.org/' target='_blank'><code>Summernote component</code></a>, such as If you need to use the localization function, please download the corresponding language pack from the official website and quote it by yourself",
    "Block1Title": "Basic usage",
    "Block1Intro": "The default rendering is <code>div</code> and it becomes a rich text edit box when clicked",
    "P2": "Set the <code>IsEditor</code> attribute value to control whether the component defaults to <code>div</code> or <code>editor</code>",
    "Div1": "I am a normal <code>div</code> click and can’t edit",
    "Block2Title": "Custom prompt message",
    "Block2Intro": "The prompt message when a null value is set by setting the <code>Placeholder</code> attribute",
    "P3": "The default prompt is <b>Edit after clicking</b>",
    "Placeholder1": "Customize the prompt message for empty values",
    "Block3Title": "Display as a rich text edit box by default",
    "Block3Intro": "Set the component to be directly displayed as a rich text edit box by setting the <code>IsEditor</code> property",
    "Block4Title": "Custom height",
    "Block4Intro": "Set the height of the component by setting the <code>Height</code> property",
    "Block5Title": "Two-way binding",
    "Block5Intro": "In actual combat, two-way binding to <code>Value</code> automatically obtains the editing content of the client's rich text box in the background",
    "P4": "Use <code>bind-Value</code> to bind the backend properties of <code>EditorValue</code> in two ways. After editing in the edit box, click the <b>Finish</b> button, and then enter the text box below. Show edited result",
    "Label1": "Show edit content:",
    "Block6Title": "Customize the extended edit box button",
    "Block6Intro": "Customize the extension of the edit box toolbar by setting the <code>CustomerPluginItems</code> property, and do the function by setting the <code>OnClickPluginItem</code> callback delegate",
    "P5": "In this example, two buttons are added to the toolbar by extending the <code>CustomerPluginItems</code> property. Click the button to pop up the <code>SweetAlert</code> modal box, click the modal box confirmation button and insert the text box A piece of content",
    "Block7Title": "Customize the rich text edit box of the toolbar",
    "Block7Intro": "Customize the toolbar content by setting the <code>ToolbarItems</code> property. For the currently supported toolbar values, please refer to <a href='https://summernote.org/' target='_blank'>Summernote</a> Official website",
    "P6": "In this example, by setting the <code>ToolbarItems</code> property, the default available toolbar buttons are changed",
    "Att1": "Prompt message when the value is empty",
    "Att1DefaultValue": "Click to edit",
    "Att2": "Whether to directly display as a rich text edit box",
    "Att3": "Component height",
    "Att4": "Rich Text Box Toolbar Tool",
    "Att5": "Custom button",
    "InitValue": "Initial value <b>Test</b>",
    "UpdateValue": "Changed value",
    "ToolTip1": "This is the tip of plugin1",
    "ToolTip2": "This is the tip of plugin2",
    "Swal1Title": "A pop-up window will pop up after clicking the plugin1 button",
    "Swal1Content": "After clicking the plug-in button, the window will pop up and confirm before proceeding to the next step.",
    "Ret1": "<div class='text-danger'>Data returned from plugin1</div>",
    "Swal2Title": "After clicking the plugin2 button, a pop-up window will appear",
    "Swal2Content": "After clicking the plug-in button, the window will pop up and confirm before proceeding to the next step.",
    "Ret2": "Data returned from plugin2"
  },
  "BootstrapBlazor.Shared.Samples.EditorForms": {
    "Title": "EditorForm",
    "H1": "Edit forms are automatically rendered through the bound data model",
    "P1": "<code>EditorForm</code> component is a very useful component that, when editing data, simply assigns the <code>Model</code> property.",
    "Li1": "The binding model automatically generates all properties by default, and you can change to not automatically build by setting <code>AutoGenerateAllItem</code>",
    "Li2": "If you don't need to edit the columns, set the <code>Editable</code>, the default is <code>true</code> build editing components",
    "Li3": "Complex edit columns, set up <code>EditTemplate</code> templates, and edit custom components",
    "Li4": "The buttons in the form can be set up multiplely, just set the buttons <code>Buttons</code> template",
    "Block1Title": "Basic usage",
    "Block1Intro": "By binding <code>TModel</code> data model, editable forms for individual fields of the model are automatically generated",
    "P2": "Directly bind the model <code>model</code>, setting the <b> Education </b> <b>complete </b> field not to appear",
    "GroupBox1": "An example of a form",
    "ButtonText": "Submit",
    "Block2Title": "Turn on data validation",
    "Block2Intro": "Data compliance checks are implemented through nested <code>ValidateForm</code> components",
    "P3": "The component is built into the <code>ValidateForm</code> to turn on data compliance checks, and <b> hobby </b> fields use the <code>EditTemplate</code> template to customize the component to render the data",
    "P4": "Make the <code>birthday</code> field read-only by setting the <code>Readonly</code> property",
    "GroupBox2": "An example of a form",
    "Block3Title": "It is not automatically generated by default",
    "Block3Intro": "By setting the property <code>AutoGenerateAllItem</code> value of <code>false</code> the property is prohibited from being automatically generated, and the display property is controlled by setting the <code>FieldItems</code> internal collection",
    "GroupBox3": "An example of a form",
    "P5": "In this example, by setting <code>the autoGenerate AllItem</code> value to <code>false</code>, turning off auto-generation, and rendering the form editing by manually adding two <code>EditoItem</code> edits",
    "Block4Title": "The components within the form component bind fields that are not model-independent",
    "Block4Intro": "By setting the property <code>AutoGenerateAllItem</code> value of <code>false</code> the property is prohibited from being automatically generated, and the display property is controlled by setting the <code>FieldItems</code> internal collection",
    "GroupBox4": "An example of a form",
    "P6": "In some cases, the value of some columns in the form may be a secondary classification, etc., and you need to know the information for a level 1 classification, at which point the first-level classification requires additional components to render if <code>Select</code>, which is independent of the current context binding model <code>Model</code>, which requires that you set the <code>SkipValidate</code> value to <code>true</code>, turn off model validation for this component",
    "Block5Title": "Set the number of controls displayed per row",
    "Block5Intro": "Control the layout by setting the property values <code></code>ItemsPerRow",
    "P7": "This example sets <code>ItemsPerRow=3</code> show 3 components per row",
    "GroupBox5": "An example layout",
    "Block6Title": "Custom rendering component types",
    "Block6Intro": "Control the rendering component type by setting the <code>CompnentType</code> property values",
    "Li5": "<code>inline</code> layout mode aligns the labels in the form right by setting the</code> <code>LabelAlign''Alignment.Right'",
    "Li6": "<code>Buttons</code> template you can nest <code>div</code> and style <code>text-end</code> align the right side of the button",
    "TestName": "Tom",
    "TestAddr": "The test address",
    "AttrAttributeTitle": "EditorItem Attribute",
    "Att1": "The currently bound data model",
    "Att2": "Bind column templates",
    "Att3": "Button template",
    "Att4": "Whether to display label",
    "Att5": "Whether to generate all properties",
    "Att6": "The number of components is displayed per row",
    "Att7": "Set how components are laid out",
    "Att8": "Label alignment in Inline layout mode",
    "Att9": "The current bound data value",
    "Att10": "Binding column data types",
    "Att11": "Whether to allow editing",
    "Att12": "Whether to read only",
    "Att13": "Edit the column's front label name",
    "Att14": "Column editing template",
    "IsDisplay": "Shown as Display component"
  },
  "BootstrapBlazor.Shared.Samples.FloatingLabels": {
    "Title": "FloatingLabel",
    "H1": "Enter characters with the mouse or keyboard",
    "Normal": "Basic usage",
    "NormalIntro": "Provides basic text entry components",
    "DisplayTitle": "One-way binding data",
    "DisplayIntro": "Displays the value of variables within the component",
    "Block3Title": "Client validation",
    "Block3Intro": "Check data validity and prompt automatically based on custom validation rules",
    "DisplayText1": "Client validation",
    "Block4Title": "The password box",
    "Block4Intro": "By setting the property <code>type</code> value to <code>password</code> the password input box that is blocked by <code>*</code> after entering text",
    "P1": "In order to support more text box properties this component can be written directly to <code>type's 'email'</code> <code>type'number'</code> <code>type'phone'</code> and so on<code>httpl5</code> all property values supported by the new standard, the component does not set the <code>type</code> value using the default <code>type='text'</code>",
    "DisplayText2": "The password box",
    "Block5Title": "Generic binding",
    "Block5Intro": "<code>BootstrapInput</code> component bidirectional binding value is generic, in this case a two-way binding of an int type value",
    "DisplayText3": "Generic binding",
    "Div1": "The binding value: {0}",
    "Block6Title": "Disable",
    "Block6Intro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "DisplayText4": "Disable",
    "Block7Title": "Custom format",
    "Block7Intro": "When you set the <code>FormatString</code> property value to <code>yyyy-MM-dd</code>, the component displays a time format of the year and day",
    "Div2": "Set up",
    "P2": "<code>The BootstrapInput</code> component binds <code>byte[]</code> array and formats it as an example of <code>base64</code> encoded string",
    "DisplayText5": "An array of bytes",
    "Span": "Basic usage",
    "DisplayText6": "Please enter your password",
    "TestName": "Tom",
    "Att1": "Validate the control",
    "Att2": "Whether to display the front label",
    "Att3": "The front label displays text",
    "Att4": "The numerically formatted string",
    "Att5": "TableHeader instance",
    "Att6": "The type of control",
    "Att7": "Whether to disable,Default is fasle"
  },
  "BootstrapBlazor.Shared.Samples.Inputs": {
    "Title": "Input",
    "H1": "Enter characters with the mouse or keyboard",
    "Block1Title": "Basic usage",
    "Block1Intro": "Provides basic text entry components",
    "P1": "You can set the <code>IsAutoFocus</code> whether to automatically get focus, and the components that are last executed when multiple text boxes set auto-focus will get focus",
    "Span1": "Basic usage",
    "Block2Title": "Color",
    "Block2Intro": "Change the color of the text border by setting <code>Color</code>",
    "Block3Title": "Keyboard response",
    "Block3Intro": "Using <code>OnEnterAsync</code> <code>OnEscAsync</code> callback delegates to respond to the <kbd>Enter</kbd> <kbd>ESC</kbd> keystrokes",
    "Div1": "Press the keyboard <kbd>Enter</kbd> or <kbd>Esc</kbd> test",
    "Block4Title": "One-way binding data",
    "Block4Intro": "Displays the value of variables within the component",
    "Span2": "One-way binding",
    "Block5Title": "Bind data in both directions",
    "Block5Intro": "Binding variables within a component, data is automatically synchronized",
    "P2": "when <code>BootstrapInput</code> components turn on bidirectional binding, the <code>Display/DisplayName</code> label value is automatically fetched based on the bound <code>Model</code> property value and appears as a <code>pre-Label</code>, by <code>DisplayText</code> Properties can customize the display of pre-labels, or turn off the display of pre-labels through the <code>ShowLabel</code> property",
    "Divider1": "Custom labels",
    "P3": "Set the <code>DisplayText</code> value to <b>custom label</b>",
    "InputText1": "Custom labels",
    "Divider2": "Occupants",
    "P4": "The value of <code>DisplayText</code>  is displayed when <code>ShowLabel</code> is <code>true</code>, regardless of whether the value is set",
    "Divider3": "Do not occupy seats",
    "P5": "The value of <code>DisplayText</code> is not displayed when the <code>ShowLabel</code> is <code>false</code>",
    "Block6Title": "Client valiation",
    "Block6Intro": "Check data validity and prompt automatically based on custom validation rules",
    "Tips1": "When using bidirectional binding, you will automatically look for <code>the key</code> value  the resource file with a value of <code>{FieldName}.PlaceHolder</code> the corresponding value as <code>placeholder</code> shows that in this example, the <code>placeholder</code> value is the <code>Name.PlaceHolder</code> key corresponding value in the resource file<code>required</code> non-empty ",
    "Block7Title": "The password box",
    "Block7Intro": "By setting the property <code>type</code> value to <code>password</code> the password input box that is blocked by <code>*</code> after entering text",
    "P6": "In order to support more text box properties this component can be written directly to <code>type='email'</code> <code>type='number'</code> <code>type='phone'</code> and so on<code>html5</code> all property values supported by the new standard, the component does not set the <code>type</code> value using the default <code>type='text'</code>",
    "Block8Title": "Generic binding",
    "Block8Intro": "<code>BootstrapInput</code> component bidirectional binding value is generic, in this case a two-way binding of an int type value",
    "Div2": "The binding value",
    "Block9Title": "Disable",
    "Block9Intro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "Block10Title": "Custom format",
    "Block10Intro": "When you set the <code>FormatString</code> property value to <code>yyyy-MM-dd</code>, the component displays a time format of the year and day",
    "Div3": "Set up",
    "P7": "The <code>BootstrapInput</code> component binds <code>byte[]</code> array and formats it as an example of <code>base64</code> encoded string",
    "Block11Title": "The password box",
    "Block11Intro": "Use the <code>BootstrapPassword</code> component",
    "IsTrimTitle": "Trim",
    "IsTrimIntro": "Use <code>IsTrim=\"true\"</code> to automatically trim white space when entering content",
    "PlaceHolder": "Please enter ...",
    "TestName": "Tom",
    "Log": "The key triggers the current text box value",
    "Att1": "Validate the control",
    "Att2": "Whether to display the front label",
    "Att3": "The front label displays text",
    "Att4": "Color",
    "Att5": "The numerically formatted string",
    "Att6": "TableHeader instance",
    "Att7": "The type of control",
    "Att8": "The user presses enter to call back the delegate",
    "Att9": "The user presses the Esc key to call back the delegate",
    "Att10": "Whether to disable Fasle by default",
    "Att11": "Whether to get the focus automatically Default is fasle",
    "IsSelectAllTextOnFocus": "Whether auto select the all text after focus"
  },
  "BootstrapBlazor.Shared.Samples.InputNumbers": {
    "Title": "InputNumber",
    "H1": "Only standard numeric values are allowed, and custom ranges and other advanced features are supported",
    "Block1Title": "Basic usage",
    "Block1Intro": "The <code>Numer</code> numeric type displays a text box, and the mobile side automatically pops up the numeric keypad",
    "Block2Title": "Interval limit usage",
    "Block2Intro": "Set the <code>Max</code> <code>Min</code> to control the range of value intervals 1-10",
    "Block3Title": "Control button",
    "Block3Intro": "Set the <code>ShowButton</code> parameter to control whether the buttons are displayed to increase or decrease",
    "P1": "This example sets a maximum of 10 minimum value of 0",
    "Block4Title": "Custom steps",
    "Block4Intro": "Set the <code>Step</code> parameter to control the increase or decrease in steps",
    "P2": "The step defaults to 1",
    "P3": "The step defaults to 10",
    "p4": "The step defaults to 0.1",
    "Block5Title": "Color",
    "Block5Intro": "Set the <code>Color</code> parameter to customize the button color",
    "P5": "Show button",
    "P6": "No button",
    "Block6Title": "Data type",
    "Block6Intro": "This component uses generic support the underlying data type <code>int short long float double decimal</code>",
    "Block7Title": "Disable",
    "Block7Intro": "When you set the <code>IsDisabled</code> property value to <code>true</code>, the component suppresses input",
    "Block8Title": "The label is displayed",
    "Block8Intro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "p7": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the > of the <a href=inputs'>[The portal]</a>",
    "Divider1": "Bidirectional binding displays labels",
    "Divider2": "Bidirectional bindings do not display labels",
    "Divider3": "Custom  DisplayText",
    "InputText": "Customization",
    "Att1": "The current value",
    "Att2": "Maximum values can be allowed",
    "Att3": "Minimum values can be allowed",
    "Att4": "Step",
    "Att5": "Whether to disable,Default is fasle",
    "Att6": "Whether to display the front label",
    "Att7": "The front label displays text"
  },
  "BootstrapBlazor.Shared.Samples.Markdowns": {
    "Title": "Markdown",
    "H1": "A text editor that provides support for the Markdown syntax",
    "P1": "Precautions",
    "P2": "This component relies on <a href='https://www.nuget.org/packages?q-BootstrapBlazor.Markdown' target'_blank'><code>BootstrapBlazor.Markdown</code></a>, which needs to reference its component package when using this component",
    "P3": "Nuget package installation",
    "P4": "Install the</code> components of <code>BootstrapBlazor.Markdown using <a href='https://www.nuget.org/packages?q-BootstrapBlazor.Markdown' target'_blank'>nuget.org</a>",
    "H2": "CSS file",
    "H3": "JS file",
    "H4": "Localization",
    "Tips1": "The component has a built-in Chinese to switch between current cultural information for Chinese",
    "Block1Title": "Common usage",
    "Block1Intro": "The default setting",
    "P5": "Once you <code>Markdown</code> code, click on the relevant area below to display the data",
    "Block2Title": "Load the data asynchronously",
    "Block2Intro": "Get <code>Markdown</code> display with <code>Webapi</code>",
    "ButtonText": "load",
    "Block3Title": "Common properties",
    "Block3Intro": "Change the default parameters",
    "P6": "Set the minimum height of the <code>Markdown</code> Editor <code>300px</code>, the default height <code>500px</code>, indicating that this is the <code>Markdown</code>, <code>tab</code> display, the default display of the WYSIWYG page",
    "PlaceHolder": "This is Markdown",
    "Block4Title": "Browser mode",
    "Block4Intro": "Simple browsing mode, not editable",
    "P7": "Set the <code>markdown</code> editor to browse-only mode, <code>IsViewer='true'</code>",
    "Att1": "Control height",
    "Att2": "The minimum height of the control",
    "Att3": "The interface displayed at initialization",
    "Att4": "Preview mode",
    "Att5": "UI language",
    "Att6": "Prompt information",
    "Att7": "Whether it is pure browsing mode"
  },
  "BootstrapBlazor.Shared.Samples.MultiSelects": {
    "Title": "MultiSelect",
    "H1": "When you have multiple options, use the drop-down menu to present and provide a search for multiple choices",
    "Block1Title": "Color",
    "Block1Intro": "Multi-select drop-down boxes in a variety of colors are available",
    "Block2Title": "A two-way binding value string",
    "Block2Intro": "Bind a comma string-splitting string",
    "Div1": "<div>The <code>mutltiSelect</code> component data source <code>Items</code> and <b> selected values</b> the <code>SelectItemsValue</code> support bidirectional binding;In this example, the <code>SelectItemsValue</code> variable by binding bidirectionally, and chooses to change its value through the drop-down box. </div>",
    "ButtonText1": "Add",
    "ButtonText2": "Decrease",
    "ButtonText3": "Clear",
    "Block3Title": "A collection of bidirectional binding values",
    "Block3Intro": "Bind a generic <code>a collection of IEnumerable<T></code>",
    "P1": "In this example, the <code>SelectArrayValues</code> collection variable by binding bidirectionally, and selects to change its value through the drop-down box",
    "Block4Title": "An array of two-way bound values",
    "Block4Intro": "Bind an array <code>int[]</code>",
    "P2": "In this example, an array variable <code>SelectedIntArrayValues</code>  selected by a bidirectional binding, selects to change its value through a drop-down box",
    "Block5Title": "Bidirectional binding enumerates the collection",
    "Block5Intro": "Bind a generic a collection of <code>IEnumerable<Enum></code>",
    "P3": "In this example, by binding <code>SelectEnumValues</code> collection variables in both directions, you choose to change their values through the drop-down box, <b> and you do not need to set the <code>Items</code> parameter when enumerating </b> type, the added feature is that the component tries to find resource files or <code>DisplayAttribute</code> And <code>DescriptionAttribute</code> labels attempt local translation, such as this example when switching to <b>Chinese</b> enumerates the values <b> elementary school </b> <b> middle school </b>",
    "Block6Title": "Search function",
    "Block6Intro": "Turn on search by setting the <code>ShowSearch</code> value",
    "P4": "In this example, the search callback delegate method is set <code>onSearchTextChanged</code> to customize search results if the display text is used internally to make a fuzzy match when not set",
    "Block7Title": "Disable the feature",
    "Block7Intro": "Set the component disabled state by setting the <code>IsDisabled</code> value",
    "P5": "The component does not respond when the state is disabled",
    "Block8Title": "Events when the option changes",
    "Block8Intro": "Get the currently selected data set change event by setting the <code>onSelectedItemsChanged</code> callback method by setting",
    "Block9Title": "Client validation",
    "Block9Intro": "When the drop-down box is not selected, it is blocked when the submit button is clicked.",
    "P6": "When built into the <code>ValidateForm</code> component, client authentication is automatically turned on, and the binding model has <code>Required</code> tags",
    "ButtonText4": "Submit",
    "Block10Title": "The label is displayed",
    "Block10Intro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "P7": "The pre-label explicit rules are consistent with the <code>BootstrapInput</code> component of the of the <a href='inputs'>[The portal]</a>",
    "Divider1": "Bidirectional binding displays labels",
    "Divider2": "Bidirectional bindings do not display labels",
    "Divider3": "Customize DisplayText",
    "MutiText1": "Custom name",
    "Block11Title": "Options for extra-long text",
    "Block11Intro": "The candidate text is particularly long",
    "MutiText2": "Extra long text",
    "Block12Title": "Full and reverse buttons",
    "Block12Intro": "By setting <code>ShowSelectAllButton</code> value settings component displays the All and Anti buttons",
    "Block13Title": "Set the maximum and minimum number of options",
    "Block13Intro": "Set the limit on the number of options available to components by setting the <code>max</code> <code>Min</code> values",
    "P8": "You can select up to two options",
    "P9": "Select at least two options",
    "Block14Title": "Extend the toolbar button",
    "Block14Intro": "Customize features by setting <code>ButtonTemplate</code> custom toolbar buttons",
    "ButtonText": "Test",
    "Block15Title": "Cascading bindings",
    "Block15Intro": "The second drop-down box dynamically populates the content by selecting the different options for the first drop-down box.",
    "P10": "In this example, clicking on the first drop-down box allows you to get the data source for the second multi-box by asynchronous means, and after assigning, call <code>StateHasChanged</code> to re-render the <b> multi-box </b>",
    "Att1": "Whether to display the front label",
    "Att2": "是否显示前置标签关闭按钮",
    "Att3": "Whether to display the function button",
    "Att4": "Whether to display the default feature button",
    "Att5": "The front label displays text",
    "Att6": "The place-in display text when not selected",
    "Att6DefaultValue": "Click to multi-select ...",
    "Att7": "Style",
    "Att8": "Color",
    "Att9": "Whether to disable it",
    "Att10": "The data collection",
    "Att11": "Extend the button template",
    "Event1": "This event is triggered when the drop-down option changes",
    "Event2": "Call back this method when the search text changes",
    "Log1": "Search for text",
    "Log2": "Select the collection of items"
  },
  "BootstrapBlazor.Shared.Samples.Radios": {
    "Title": "Radio",
    "H1": "Single in a set of alternatives",
    "Block1Title": "Basic usage",
    "Block1Intro": "Select selectors are recommended because the options are visible by default and should not be too many",
    "Block2Title": "Turn off the radio box",
    "Block2Intro": "The unavailable status of the radio box is <code>IsDisabled='true'</code>",
    "Block3Title": "Label text",
    "Block3Intro": "The radio box displays text",
    "RadioText": "Button group",
    "Block4Title": "Bind data in both directions",
    "Block4Intro": "Binding variables within a component, data automatically synchronized, binding an array of selectedItem types",
    "Block5Title": "Vertical arrangement",
    "Block5Intro": "Make the components vertically arranged internally by setting the <code>IsVertical</code>",
    "Block6Title": "The binding enumeration type",
    "Block6Intro": "You do not need to set up <code>Items</code> <code>Value</code> by binding both directions",
    "P1": "By setting the <code>IsAutoAddNullItem</code> automatically adds the <b> empty value </b> option, and by setting the <code>NullItemText</code> the custom <b> null </b> option",
    "RadioText2": "null",
    "Block7Title": "Color",
    "Block7Intro": "Change the component background color by setting the <code>Color</code> property",
    "Att1": "Displays text",
    "Att2": "The empty value displays the text",
    "Att3": "Whether to disable it",
    "Att4": "Whether it is vertically distributed",
    "Att5": "Whether the binding automatically adds an empty value when the type is enumerated",
    "Att6": "Bind the data source",
    "Event1": "Call back this method when the check box state changes",
    "Log1": "The component selects the value:",
    "Log2": "The value is displayed:",
    "Log3": "Component value:",
    "Item1": "Option one",
    "Item2": "Option two",
    "Add1": "Beijing",
    "Add2": "Shanghai"
  },
  "BootstrapBlazor.Shared.Samples.Rates": {
    "Title": "Rate",
    "H1": "Scoring components",
    "Block1Title": "Basic usage",
    "Block1Intro": "<code>Rate</code> component represents the numeric level with 1 - 5 stars, and the value can be bound in both directions in the background by <code>bind-Value</code> Through the <code>Rate</code> component changes its value, the mouse swipe changes the value, and confirms its value when you click on the star",
    "Block2Title": "Disable",
    "Block2Intro": "Disable components by setting <code>IsDisable</code> property values",
    "SwitchOn": "Disable",
    "SwitchOff": "Enable",
    "Att1": "The component value",
    "Att2": "Whether to disable Fasle by default",
    "Event1": "Call back the delegate when the value changes",
    "Log": "Star rating:"
  },
  "BootstrapBlazor.Shared.Samples.Selects": {
    "Title": "Select",
    "H1": "When there are too many options, use the drop-down menu to present and select content",
    "Block1Title": "Select drop-down selection box",
    "Block1Intro": "Drop-down selection boxes are available in a variety of colors",
    "P1": "In this example, the first drop-down box does not have a <code>Value </code> bidirectional binding, so you only change when you select different options, and the remaining drop-down boxes share the same data source<code>Items </code> and bind <code>Value </code> values in both directions, changing together when you select different options",
    "Block2Title": "Select disables the drop-down box",
    "Block2Intro": "Selector unavailable state",
    "P2": "The options in the drop-down box <b> disable the </b> example",
    "Block3Title": "Select two-way binding",
    "Block3Intro": "The values in the text box change as you change the drop-down option by binding the <code>Model.Name</code> property to the component with <code>Select </code> .",
    "Block4Title": "Select cascading binding",
    "Block4Intro": "The second drop-down box dynamically populates the content by selecting the different options for the first drop-down box.",
    "ButtonText1": "Example of a window intermediate joint",
    "Block5Title": "Select client validation",
    "Block5Intro": "When the drop-down box is not selected, it is blocked when the submit button is clicked.",
    "Option1": "Please select ...",
    "Option2": "Beijing",
    "Option3": "Shanghai",
    "Option4": "Guangzhou",
    "ButtonText2": "Submit",
    "Block6Title": "Grouping",
    "Block6Intro": "Alternatives are presented in groups",
    "Block7Title": "The binding generic is the Guid structure",
    "Block7Intro": "The component binding value is an example of a Guid structure",
    "Block8Title": "The label is displayed",
    "Block8Intro": "When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions",
    "P3": "The pre-label explicit rules are consistent with the <code> BootstrapInput </code> component of the  of the <a href='inputs'>[The portal]</a>",
    "Divider1": "Bidirectional binding displays labels",
    "Divider2": "Bidirectional bindings show that bidirectional bindings do not display labels",
    "Divider3": "Customize DisplayText",
    "SelectText": "Custom city",
    "Block9Title": "Static data",
    "Block9Intro": "Hard-coded writing directly inside the <code>Select </code> component is suitable for static data drop-down boxes",
    "Block10Title": "Enumerate the data",
    "Block10Intro": "an example of a type enumerated a <code>select</code> component binding",
    "P4": "Enumeration When the binding value is an empty enumeration type, the component automatically adds preferences internally through the <code> PlaceHolder </code> value, and when the <code> PlaceHolder </code> value is not set, <b>please select ...  </b> as a preference, and this example binds <code> the EnumEducation </code> enumeration type data",
    "P5": "Setting <code>PalceHolder </code> is not valid when the binding value is an enumerated type",
    "SelectText1": "Can be empty",
    "SelectText2": "Not empty",
    "Block11Title": "The binding can be an empty type",
    "Block11Intro": "<code>an example of the Select</code> component binding <code>int?</code> type",
    "P6": "When the first option is selected, the binding value <code> SelectIntItem </code> to <code>null </code>",
    "Block12Title": "The binding can be an empty Boolean type",
    "Block12Intro": "an example of the <code>bool?</code> type of <code> select </code> component binding",
    "P7": "Can be used for the empty boolean type more than in the conditional search box",
    "P8": "When the first option is selected, the binding value <code> SelectIntItem </code> to <code>null </code>",
    "Block13Title": "Custom option templates",
    "Block13Intro": "By setting the <code>ItemTemplate </code> you can customize the option rendering style",
    "BlockShowSearchTitle": "Drop-down box with search box",
    "BlockShowSearchIntro": "Controls whether the search box is displayed by setting the <code>ShowSearch</code> property, which is not displayed by default false",
    "Block15Title": "Drop-down box with confirmation",
    "Block15Intro": "Block changes to the current value by setting the <code> onBeforeSelectedItemChange </code> delegate.",
    "SwalTitle": "The drop-down box value changes",
    "SwalContent": "Are you sure you want to change the option value?",
    "SwalFooter": "Click Confirm to change the option value and select Cancel to leave the value unchanged",
    "ShowLabel": "Whether to display the front label",
    "ShowSearch": "Whether to display the search box",
    "DisplayText": "The front label displays text",
    "Class": "Style",
    "Color": "Color",
    "IsDisabled": "Whether to disable it",
    "Items": "The data collection",
    "SelectItems": "Static data templates",
    "ItemTemplate": "The data options template",
    "ChildContent": "The data template",
    "Category": "The dialog icon",
    "Content": "The contents of the dialog box",
    "ContentDefaultValue": "Are you sure you want to change the current value?",
    "OnSelectedItemChanged": "This event is triggered when the drop-down option changes",
    "OnBeforeSelectedItemChange": "This event is triggered before the drop-down option changes",
    "PlaceHolder": "Not selected"
  },
  "BootstrapBlazor.Shared.Samples.Sliders": {
    "Title": "Slider",
    "H1": "Select within a fixed interval by dragging the slider",
    "Block1Title": "Basic usage",
    "Block1Intro": "Change the current value as you drag the slider",
    "Slider1Label": "Customize the initial value",
    "Slider2Label": "Disable",
    "Block2Title": "Slider bidirectional binding",
    "Block2Intro": "Select within a fixed interval by dragging the slider",
    "Slider3Label": "Customize the initial value",
    "Class": "Style",
    "IsDisabled": "Whether to disable it",
    "Value": "The current value of the component",
    "ValueChanged": "ValueChanged callback method"
  },
  "BootstrapBlazor.Shared.Samples.Switchs": {
    "Title": "Switch",
    "H1": "The most common switching applications are available",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Click the button to switch statuses",
    "P1": "Click the first switch to output the log with value",
    "OnText": "On",
    "OffText": "Off",
    "DisableTitle": "Disable the state",
    "DisableIntro": "Control the unavailable state of the component by setting the <code>IsDisabled </code> property",
    "ColorTitle": "Switch color",
    "ColorIntro": "Set the switch status color by setting the <code> OnColor </code> <code>OffColor </code> property values",
    "BindingTitle": "Two-way binding",
    "BindingIntro": "Binding variables within a component, data is automatically synchronized",
    "P2": "when the <code>Switch </code> component turns on bidirectional binding, the <code>DisplayName </code> label value is automatically obtained based on the bound <code> Model </code> property value and appears as a pre-<code>Label </code>, which can be customized to display the pre-label through the <code>DisplayText </code> property, or through the <code> ShowLabel </code> property turns off the display of the prelabel",
    "P3": "The pre-label explicit rules are consistent with the <code> BootstrapInput </code> component  of the <a href='inputs'>[The portal]</a>",
    "DisplayText1": "An example of a two-way binding",
    "DivText1": "The binding value",
    "DividerText1": "Custom labels",
    "P4": "Set the <code> DisplayText </code> value to <b> custom label </b>",
    "DisplayText2": "Custom labels",
    "DividerText2": "Occupants",
    "P5": "The value of <code> DisplayText </code> is displayed when <code> ShowLabel </code> is <code>true </code>, regardless of whether the value is set",
    "DividerText3": "Do not occupy seats",
    "P6": "The value of <code> DisplayText </code> is not displayed when the <code> ShowLabel </code> is <code>false </code>",
    "DisplayText3": "Do not display",
    "InnerTextTitle": "Displays built-in text",
    "InnerTextIntro": "By setting <code> ShowInnerText </code> property control component displays built-in text",
    "P7": "By setting the <code> onInnerText </code> <code>OffInnerText </code> property to change the built-in text, a Chinese character is recommended by default to customize the component width to increase the amount of built-in text",
    "LabelText1": "Default text:",
    "LabelText2": "Custom text:",
    "OnInnerText": "Be",
    "OffInnerText": "Not",
    "NullableTitle": "Can be an empty type switch",
    "NullableIntro": "Control the default value of the <code>Null </code> value by setting the <code> DefaultValueWhenNull </code> property, which is <code>false </code> when not set",
    "Class": "Style",
    "Height": "Control height",
    "IsDisabled": "Whether to disable it",
    "OffColor": "Off color settings",
    "OnColor": "Turn on the color settings",
    "OnTextAttr": "The text is displayed when component On",
    "OffTextAttr": "The text is displayed when the component is off",
    "OnInnerTextAttr": "Component On has built-in display text",
    "OffInnerTextAttr": "The component is built-in to display text when off",
    "OnInnerTextDefaultValue": "On",
    "OffInnerTextDefaultValue": "Off",
    "ShowInnerText": "Whether to display the built-in display text",
    "Width": "The width of the component",
    "Value": "Get the value",
    "ShowLabel": "Whether to display the front label",
    "DisplayText": "The front label displays text",
    "OnValueChanged": "Call back the delegate method when the value changes",
    "ValueChanged": "Gets the value of the selection change"
  },
  "BootstrapBlazor.Shared.Samples.Textareas": {
    "PlaceHolder": "Please enter ...",
    "Title": "Textarea",
    "SubTitle": "Used to enter a large amount of text",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "A large amount of text is acceptable",
    "BasicUsageLabel": "Basic usage",
    "DisableTitle": "Disable",
    "DisableIntro": "When you set the <code>IsDisabled </code> property value to <code>true </code>, the component suppresses input",
    "BindValue": "The binding value",
    "ReadonlyTitle": "Readonly",
    "ReadonlyIntro": "When you set the <code>readonly </code> property, the component prohibits input",
    "HeightTitle": "height",
    "HeightIntro": "When you set the <code>rows </code> property, component initialization displays a fixed row height",
    "BindWayTitle": "Two-way binding",
    "BindWayIntro": "Binding variables within a component, data is automatically synchronized",
    "ShowLabel": "Whether to display the front label",
    "DisplayText": "The front label displays text",
    "IsDisabled": "Whether to disable Default is fasle"
  },
  "BootstrapBlazor.Shared.Samples.Toggles": {
    "OnText": "On",
    "OffText": "Off",
    "Title": "Toggle",
    "SubTitle": "The most common switching application is available with a value of <code>true </code> <code>false </code>",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Click the button to switch statuses",
    "BasicUsageP": "Click the first switch to output the log with value",
    "DisableTitle": "Disable the state",
    "DisableIntro": "The switch is not available.",
    "BindToWayTitle": "Bind data in both directions",
    "BindToWayIntro": "Binding variables within a component, data is automatically synchronized",
    "BindToWayP1": "when the <code>Switch </code> component turns on bidirectional binding, the <code>DisplayName </code> label value is automatically obtained based on the bound <code> Model </code> property value and appears as a <code> pre-Label </code>, which can be customized to display the pre-label through the <code>DispalyText </code> property, or through the <code> ShowLabel </code> property turns off the display of the prelabel",
    "BindToWayDiaspalyText1": "An example of a two-way binding",
    "BindToWayDiv": "The binding value:",
    "CustomLabelText": "Custom labels",
    "BindToWayP2": "Set the <code> DisplayText </code> value to <b> custom label </b>",
    "BindToWayP3": "The </code> value of <code> DisplayText is displayed when <code> ShowLabel </code> is <code>true </code>, regardless of whether the value is set",
    "OccupantsText": "Occupants",
    "NotOccupantsText": "Not Occupants",
    "BindToWayP4": "The value of <code> DisplayText </code> is not displayed when the <code> ShowLabel </code> is <code>false </code>",
    "NotDisplayText": "Do not display",
    "Color": "Color",
    "IsDisabled": "Whether to disable it",
    "OffTextAttr": "The text is displayed when the component is off",
    "OffTextDefautValue": "Shrink",
    "OnTextAttr": "The text is displayed when component On",
    "OnTextDefautValue": "Unfold",
    "Width": "The width of the component",
    "Value": "Get the value",
    "ShowLabel": "Whether to display the front label",
    "DisplayText": "The front label displays text",
    "OnValueChanged": "Call back the delegate method when the value changes",
    "ValueChanged": "Gets the value of the selection change",
    "DisplayName": "Binding label"
  },
  "BootstrapBlazor.Shared.Samples.Transfers": {
    "LeftPannelText": "The list on the left",
    "LeftButtonText": "To the left",
    "RightPannelText": "The list on the right",
    "RightButtonText": "To the Right",
    "PlaceHolder": "Please enter",
    "Title": "Transfer",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Searchable",
    "CustomizableTitle": "Customizable",
    "CustomizableIntro": "You can customize the list title copy, button copy, rendering function of data items, check status copy at the bottom of the list, content area at the bottom of the list, and so on.",
    "SearchableTitle": "Searchable",
    "SearchableIntro": "In cases where there is a lot of data, you can search and filter the data.",
    "BindToWayTitle": "Two-way binding",
    "BindToWayIntro": "When component data changes, the bidirectional binding <code>bind-Value</code> values change synchronously",
    "BindToWayP1": "<code>Transfer </code> component is a generic component that supports three binding types <code> string </code> <code>IEnumerable&lt;string&gt;</code> <code>IEnumerable&lt;SelectedItem&gt;</code> in this case bidirectional binding The<code> SelectValue </code> type is <code> IEnumerable&lt;SelectedItem&gt; </code>",
    "BindToWayButtonText1": "Add",
    "ClientValidationTitle": "Client Validation",
    "ClientValidationIntro": "When component data changes, the bidirectional binding <code>bind-Value</code> values change synchronously",
    "ClientValidationP1": "The <code>Transfer</code> component built into the <code>ValidateForm </code> component turns on client authentication, in this case the component bidirectional binding <code> Model.Hobby </code> type is <code> IEnumerable&lt;string&gt; </code>",
    "ClientValidationButtonText": "Submit",
    "DisableTitle": "Disable",
    "DisableIntro": "When you set the <code>IsDisabled </code> property value to <code>true </code>, the component suppresses input",
    "ItemStyleTitle": "Set the Item style",
    "ItemStyleIntro": "By setting the <code>OnSetItemClass</code> callback method styles options based on the </code> values of <code>SelectedItem",
    "Items": "A collection of component-bound data items",
    "LeftButtonTextAttr": "The left button displays text",
    "LeftPanelTextAttr": "The left panel Header displays text",
    "LeftPanelDefaultValue": "List 1",
    "RightButtonTextAttr": "The right button displays text",
    "RightPanelTextAttr": "The right panel Header displays text",
    "RightPanelTextDefaultValue": "List 2",
    "ShowSearch": "The right panel Header displays text ...",
    "LeftPannelSearchPlaceHolderString": "The search box placeholder string in the left panel",
    "RightPannelSearchPlaceHolderString": "The search box placeholder string in the right panel",
    "IsDisabled": "Whether to disable it",
    "OnItemsChanged": "The callback method when the component binding data item collection options change",
    "OnSetItemClass": "Set the Item style callback method",
    "Data": "Data",
    "Backup": "Backup"
  },
  "BootstrapBlazor.Shared.Samples.Uploads": {
    "Title": "Upload",
    "SubTitle": "Upload the file by clicking",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "The <code> InputUpload </code> component is used with other form components to display the file name, select the file and upload it by clicking the <b>browse button</b>, and by setting the <code>ShowRemoveButton </code> parameter, display the <b> delete button</b>, click the delete button to call back <code> onDelete </code> delegate method",
    "BasicUsageLabelName": "Name:",
    "BasicUsageLabelAdress": "Adress:",
    "BasicUsageLabelPhoto": "Photo:",
    "FormTitle": "FormSettings",
    "FormIntro": "Use the file upload component to constrain the file format within the form",
    "FormLi1": "Using the <code>ValidateForm </code> form component, custom validation is set by setting the <code>fileValidation </code> label of the model properties to support file <b> extension </b> <b> size </b> validation, in this case with the extension <code>.png .jpg .jpeg</code> and the file size limit to <code>50K </code>",
    "FormLi2": "After selecting the file and not starting to upload the file, click the <code> submit </code> button to verify that the data is legitimate, and then upload the file <code> OnSubmit </code> callback delegate, noting that the <b> Picture </b> property type is <code> IBrowserFile </code>",
    "FormButtonText": "Submit",
    "ClickUploadTitle": "Click upload",
    "ClickUploadIntro": "The <code> ButtonUpload </code> components, classic styles, user click button to pop up the file selection box.",
    "ClickUploadP1": "Click on the <code> browse button </code> select file upload, in this case set <code>IsMultiple-true</code> multiple-selectable file can be uploaded",
    "ClickUploadP2": "When you set up <code> IsSingle </code>, you can upload only one image or file",
    "UploadedFilesTitle": "A list of files has been uploaded",
    "UploadedFilesIntro": "Use <code> DefaultFileList </code> to set up uploaded content",
    "UploadFolderTitle": "Upload a folder",
    "UploadFolderIntro": "Use <code> DefaultFileList </code> to set up uploaded content",
    "AvatarUploadTitle": "User profile picture upload",
    "AvatarUploadIntro": "<code> AvatarUpload </code> component, using the <code>OnChange </code> to limit the format and size of images uploaded by users. In this example, only <code>jpg/png/bmp/jpeg/gif </code> five picture formats are allowed",
    "AvatarUploadP1": "Card form avatar box",
    "AvatarUploadP2": "Round avatar frame",
    "AvatarUploadP3": "When you set up <code> IsSingle </code>, you can upload only one image or file",
    "AvatarUploadP4": " <div>The component provides <code>Accept</code> property for upload file filtering, in this case the circular avatar box accepts both GIF and JPEG images, sets the <code> Accept='image/gif, image/jpeg' </code> and can be written as: <code> Accept='image/*' </code> if you don't restrict the format of the image. Whether this property is not secure or should be to file format validation using the <b> server-side authentication </b></div>",
    "AvatarUploadP5": "RELATED: <a href='https://www.runoob.com/tags/att-input-accept.html' target='_blank'>[Accept]</a>  < a href='http://www.iana.org/assignments/media-types/media-types.xhtml' target='_blank' >[Media Types]</a>",
    "AvatarUploadP6": "Set the preview address <code>PrevUrl </code> with the <code> DefaultFileList </code> property",
    "AvatarUploadP7": "Verify that an example of using a picture box is used in the form",
    "AvatarUploadButtonText": "Submit",
    "PreCardStyleTitle": "Preview the card style",
    "PreCardStyleIntro": "<code> CardUpload </code> components and rendered in card-style band preview mode",
    "PreCardStyleSSR": "<b> SSR mode </b>",
    "PreCardStyleServerSide": "<code> Server Side </code> mode, you can use the <code>IWebHostEnvironment </code> injection service to get to the <code> wwwroot </code> directory and save the file to the <code>images/uploader </code>, which does not require a direct call the controller secondary of <b>  MVC </b> <code> SaveToFile </code> method",
    "PreCardStyleWasm": "<b> Wasm mode </b>",
    "PreCardStyleWasmSide": "It wasn't available in <code> wasm </code> mode, <code> IWebHostEnvironment </code> needed to save files to the server side by calling <code> webapi </code> interface, and so on",
    "PreCardStyleLink": "Interested students can view their knowledge of <code> Upload </code> components through the <code> wiki </code> in the open source repository related resources of the <a href='{0}' target='_blank'>[The portal]</a>",
    "PreCardStyleValidation": "In this example, server-side verification prompts the file for too much prompt when the file size exceeds <code>200MB </code>",
    "PreCardStyleP1": "In this example, the <code> ShowProgress=true </code> display upload progress bar",
    "PreCardStyleP2": "When you set up <code> IsSingle </code>, you can upload only one image or file",
    "FileIconTitle": "The file icon",
    "FileIconIntro": "Icons are displayed in different file formats",
    "ShowDeleteButton": "Whether to display the delete button",
    "IsDisabled": "Whether to disable it",
    "PlaceHolder": "The place-in string",
    "Accept": "Upload the received file format",
    "BrowserButtonClass": "Upload button style",
    "BrowserButtonIcon": "Browse the button icon",
    "BrowserButtonText": "The browse button displays text",
    "DeleteButtonClass": "Remove the button style",
    "DeleteButtonIcon": "Remove the button icon",
    "DeleteButtonText": "Delete the button text",
    "DeleteButtonTextDefaultValue": "Delete",
    "OnDelete": "Call back this method when you click the Delete button",
    "OnChange": "Call back this method when you click the browse button",
    "IsDirectory": "Whether to upload the entire directory",
    "IsMultiple": "Whether to allow multiple file uploads",
    "IsSingle": "Whether to upload only once",
    "ShowProgress": "Whether to display the upload progress",
    "DefaultFileList": "The collection of files has been uploaded",
    "OnGetFileFormat": "Set the file format icon to call back the delegate",
    "Width": "The width of the preview box",
    "Height": "The height of the preview box",
    "IsCircle": "Whether it is circular avatar mode",
    "Success": "The upload was successful",
    "Error": "The simulated upload failed",
    "FormatError": "The file format is incorrect",
    "AvatarMsg": "Avatar upload",
    "FileMsg": "Upload the file",
    "FileError": "The file size is greater than 200MB",
    "SaveFileError": "Failed to save the file",
    "UploadFile": "Upload the file",
    "WasmError": "Wasm mode does not implement saving code",
    "SaveFile": "Save the file",
    "SaveFileMsg": "The current mode is WebAssembly, call Webapi mode to save files to the server side or database",
    "RemoveMsg": "The removal was successful"
  },
  "BootstrapBlazor.Shared.Samples.ValidateForms": {
    "ChangeButtonText": "Change",
    "ResetButtonText": "Reset",
    "ButtonText": "Submit",
    "Title": "ValidateForm",
    "SubTitle": "Form components that can be used for data compliance checks",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Data compliance checks are automatically performed when components placed in the <code>ValidateForm </code> are submitted",
    "BasicUsageP1": "Component description:",
    "BasicUsageLi1": "<code> ValidateForm </code> component supports asynchronous setting of <code> Model </code> values",
    "BasicUsageLi2": "The form event is for <code> OnValidSubmit </code> <code>OnInvalidSubmit</code>",
    "BasicUsageLi3": "<code> Model </code> parameter is required is not allowed to be empty",
    "BasicUsageLi4": "Multiple buttons can be placed within the form to set whether the <code> ButtonType='ButtonType.Submit'</code> parameter is submitted to the form",
    "BasicUsageLi5": "The client authentication mechanism supports the model's <code>Required </code> label, setting the default English prompt information when not set by setting the <code> ErrorMessage </code> parameter prompt",
    "BasicUsageLi6": "The form checks by default whether the binding field values within the form are legitimate, and you can set the <code> ValidateAllProperties </code> property value to <code> true </code> if you need to check all fields in the model",
    "BasicUsageLi7": "Set the asynchronous submission form by setting the value of the Button <code> Button </code> property <code> IsAsync </code>",
    "BasicUsageLi8": "Components within a form are typically used to bind the property values of <code> Model </code> in both directions using bidirectional binding techniques, causing the component to refresh and re-render when its value changes <code> StateHasChanged </code>, and the method is called, i.e. its component or page is refreshed and re-rendered",
    "BasicUsageP2": "Note:",
    "InnerComponentTitle": "Built-in components",
    "InnerComponentIntro": "Place the support form components into the <code>ValidateForm </code>",
    "InnerComponentLabel": "Examples of components that support form validation",
    "InnerComponentP1": "Example illustration",
    "InnerComponentLi1": "The name is the string type",
    "InnerComponentLi2": "The age is an integer type",
    "InnerComponentLi3": "Birthday is the datetime type",
    "InnerComponentLi4": "Education is an enumeration type",
    "InnerComponentLi5": "Hobbies are collection types",
    "InnerComponentP2": "In this example, by setting the <b> submit button </b> property <code> IsAsync </code> to submit the form asynchronously, click Submit to disable itself, and resume after the asynchronous operation is complete",
    "CustomDisplsyErrorTitle": "Custom displays error messages",
    "CustomDisplsyErrorIntro": "Set the custom error message by calling <code> SetError </code> method",
    "CustomDisplsyErrorP1": "<b> scenario </b>, <div> the client verification after the pass of the database save operation, if other problems, you can still make a form custom error prompt, in this case, after the data verification is legal, click the <code> submit form </code> button, the name field will show, <code> the database already exists </code> such a custom prompt </div>",
    "ValidatorAllFieldTitle": "Validate all field values",
    "ValidatorAllFieldIntro": "This component checks the model binding field values within the form by default, setting the <code> ValidateAllProperties </code> values if you need to check all field values for the model",
    "ValidatorAllFieldP1": "The <code>Address </code> is not placed in this example, because the <code>ValidateAllProperties </code> parameter value is <code>true </code>, the <code> Addres </code> field is still checked, and <code> OnInvalidSubmit </code> is triggered when the data is submitted after all the data in the timely form is legitimate callback delegate",
    "ComplexValidationTitle": "Complex type support",
    "ComplexValidationIntro": "Supports any complex type of binding and validation",
    "ComplexValidationP1": "The second binding in this example is a super-complex type <code>ComplexModel.Dummy.Dummy2.Name</code> Empty the value, click <b> submit the form </b> validate the data. After the second text box verifies compliance, the error prompt is displayed again by calling the <code> SetError </code>",
    "ComplexValidationPre": "ComplexForm.SetError('Dummy.Dummy2.Name','数据库中已存在');",
    "DynamicFormTitle": "Dynamically adjust the components within the form",
    "DynamicFormIntro": "By changing the components within the form, verify that the form can still be validated correctly",
    "DynamicFormP1": "Click the <b> Change component </b> button <code> address</code> The component changes to <code> count </code> components, <b> reset component </b> button recovery, <code> name</code> <code> address</code> component is required, <code> count </code> The component has a default value of <code>0</code> So you can check through the data",
    "InnerFormLabelTitle": "Set the component label right alignment within the form",
    "InnerFormLabelIntro": "Set the alignment of labels throughout the station or in a specific form with style uniformity",
    "InnerFormLabelP1": "Address text box adds <b> email address </b> validation rules",
    "CustomValidationFormTitle": "Customize the verification form",
    "CustomValidationFormIntro": "Add custom validation rules by setting <code>Rules</code>",
    "CustomValidationFormP1": "Address text box adds <b> email address </b> verification rules, click On Submission to verify",
    "CustomValidationFormComment1": "Add mailbox validation rules",
    "CustomValidationFormComment2": "Used in Razor files",
    "Model": "Form component-bound data model, required properties",
    "ValidateAllProperties": "Whether to check all fields",
    "ShowRequiredMark": "Whether the required items in the form display the * mark",
    "ChildContent": "The instance of the subcomponent template",
    "OnValidSubmit": "Callback delegate when data compliance checks pass when the form is submitted",
    "OnInvalidSubmit": "Callback delegates when the data compliance check fails when the form is submitted",
    "SetError": "Set up a validation failure method",
    "OnInvalidSubmitLog": "OnInvalidSubmit callback delegate: The validation failed",
    "OnValidSubmitLog": "OnValidSubmit callback delegate: Verification passed",
    "OnValidSubmitSatringLog": "OnValidSubmit callback delegate: Starting ...",
    "OnValidSubmitDoneLog": "OnValidSubmit callback delegate: Done!",
    "OnInvalidSubmitCallBackLog": "OnInvalidSubmit callback delegate",
    "OnValidSubmitCallBackLog": "OnValidSubmit callback delegate",
    "DatabaseExistLog": "Exists in the database"
  },
  "BootstrapBlazor.Shared.Samples.Avatars": {
    "Title": "Avatar",
    "SubTitle": "Present user or thing information as icons, pictures, or characters.",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Set the shape and size of your avatar <code> is </code> and <code>Size </code>.",
    "BasicUsageDivider": "Split the line",
    "IconTitle": "The type of presentation",
    "IconIntro": "Three types are supported: icons, pictures, and characters",
    "BorderTitle": "Border",
    "BorderIntro": "By setting the <code> IsBorder </code> whether to display the avatar border, the border in this mode when the picture fails to load is <code>border-danger</code> style, and when the load is successful, the border is <code>border-success</code>; The borders in the remaining modes are <code>border-info </code>",
    "BorderDiv1": "The first fillet square avatar box is loaded correctly, so the border is <b class='text-info' > blue </b>",
    "BorderDiv2": "The second circular avatar loads the picture path incorrectly, so the border is <b class='text-danger'> red </b> and the picture appears as the default icon",
    "CircletTitle": "Asynchronous loading",
    "CircleIntro": "Suitable for scenarios where the picture address is obtained asynchronously by interfaces such as <code>webapi</code>",
    "Size": "The size of the avatar box",
    "IsBorder": "Whether the border is displayed",
    "IsCircle": "Whether it is a circle",
    "IsIcon": "Whether it is an icon",
    "IsText": "Whether to display as text",
    "Icon": "The avatar box displays an icon",
    "Text": "The avatar box displays text",
    "Url": "Image avatar path address",
    "GetUrlAsync": "Gets the Image avatar path address asynchronous callback delegate"
  },
  "BootstrapBlazor.Shared.Samples.Badges": {
    "Title": "Badge",
    "SubTitle": "A number or status tag that appears next to a button, icon, or icon",
    "BasicusageTitle": "Basic usage",
    "BasicusageIntro": "Small badge assembly in a variety of colors is available",
    "PillTitle": "Capsule badge",
    "PillIntro": "Set the badge pendant with the  of the property <code> IsPill='true'</code> to set the fillet",
    "ButtonTitle": "The badge inside the button",
    "ButtonIntro": "Button internal badge",
    "ButtonSpan": "The primary button",
    "ChildContent": "Content",
    "Class": "Style",
    "Color": "Color",
    "IsPill": "Capsule style"
  },
  "BootstrapBlazor.Shared.Samples.BarcodeReaders": {
    "Title": "BarcodeReader",
    "SubTitle": "This component scans the bar code by calling the camera to obtain the bar code content bar code/QR code",
    "Attention": "Pay special attention to:",
    "Li1": "The site wants to enable <code> https </code>, which is required by browser vendors",
    "Li2": "The mobile iOS system must use the <code> Safari </code> browser to switch the front/rear camera keys to turn off the function button",
    "Li3": "The high probability of Android phones requiring native system browsers, <code> Chrome </code> is certain to be possible, and some browsers may not be compatible with cameras",
    "Li4": "The bar code recognition rate is related to the pixel, bar code size and mobile phone execution efficiency",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "The code is identified by the camera",
    "Step": "How to do this:",
    "BasicUsageLi1": "Tap to start turning on the camera",
    "BasicUsageLi2": "Scan the barcode",
    "BasicUsageLi3": "Click the close button to turn off the camera",
    "ImageTitle": "Basic usage",
    "ImageIntro": "Scan code recognition with still pictures",
    "ImageLi1": "Click the code to pop up the selection file box",
    "ImageLi2": "Select a picture that contains barcodes",
    "ImageLi3": "Start recognizing barcodes",
    "AutoStartTitle": "Start automatically",
    "AutoStartIntro": "Turn on the camera automatically by setting the <code> AutoStart </code> parameter settings",
    "AutoStartLi1": "Click the code to pop up the selection file box",
    "AutoStartLi2": "Select a picture that contains barcodes",
    "AutoStartLi3": "Start recognizing barcodes",
    "ButtonScanText": "Scan button text",
    "ButtonScanTextDefaultValue": "Scan",
    "ButtonStopText": "Turn off button text",
    "ButtonStopTextDefaultValue": "Turn off",
    "AutoStopText": "Auto-turn off button text",
    "AutoStopTextDefaultValue": "Turn off automatically",
    "DeviceLabel": "Pre-label text for the device list",
    "DeviceLabelDefaultValue": "Camera",
    "InitDevicesString": "Initialize the device list text",
    "InitDevicesStringDefaultValue": "The camera is being identified",
    "NotFoundDevicesString": "No video-related device text was found",
    "NotFoundDevicesStringDefaultValue": "No video-related devices were found",
    "AutoStart": "Whether the camera is automatically turned on when the component is initialized",
    "AutoStop": "Whether to stop automatically after scanning to barcode",
    "ScanType": "Scan the camera or picture",
    "OnInit": "Initialize the camera callback method",
    "OnResult": "Scan to barcode callback method",
    "OnStart": "Turn on the camera callback method",
    "OnClose": "Turn off the camera callback method",
    "OnError": "An error callback method occurred",
    "InitLog": "Initialize the camera to complete",
    "ScanCodeLog": "Scan to barcode",
    "ErrorLog": "An error has occurred",
    "OpenCameraLog": "Turn on the camera",
    "CloseCameraLog": "Turn off the camera"
  },
  "BootstrapBlazor.Shared.Samples.Blocks": {
    "Title": "Block",
    "SubTitle": "Depending on the parameter conditions, the contents of the block are determined to be displayed, usually in conjunction with permission authorization",
    "BasicUsageTitle": "Common usage",
    "BasicUsageIntro": "Determines whether component content is displayed by setting the <code>OnQueryCondition </code> callback method return value",
    "TemplateTitle": "Template",
    "TemplateIntro": "By setting <code>authorized </code> <code> NotAuthorized </code> you can set what appears when you meet and do not meet the criteria, respectively",
    "TemplateDiv1": "I am the component content that  displayed in <b> accordance </b> with the criteria",
    "TemplateDiv2": "I am the component content that  displayed that <b> not accordance </b> the  criteria",
    "AuthorizateTitle": "Judging by permissions",
    "AuthorizateIntro": "This example simulates a user logging in to control whether the content <code> Block </code> is displayed, which is easier to use than <code> AuthorizeView </code>",
    "AuthorizateDiv1": "I am the contents of the component of the <code> CondtionBlock </code>, and the current logged-in user: <code>{0}</code>",
    "AuthorizateDiv2": "I am the contents of the <code> AuthorizeView </code> component and the current logged-in user: <code>{0}</code>",
    "AuthorizateDiv3": "I am the contents of the <code> AuthorizeView </code> component and are not currently logged in",
    "UsersTitle": "Pre-set the user",
    "UsersIntro": "By setting <code>Users</code> controls the display, which is displayed when the currently logged-in user is a preset user",
    "UsersDiv1": "The current user <code>{0}</code> allows you to see this content",
    "RolesTitle": "Preset roles",
    "RolesIntro": "By setting <code> Roles </code> controls the display, which is displayed when the currently logged-in user is in a preset role",
    "RolesDiv1": "The current role <code> User </code> allow this content to be seen",
    "Tips": "By setting different <code> Name </code> as a resource, combined with the authorization system to authorize this resource can be achieved to any element of the Web page permission control",
    "OnQueryCondition": "Whether to display this Block",
    "ChildContent": "The content is displayed within the Block block",
    "Authorized": "The contents of the block block are displayed in a compliant condition",
    "NotAuthorized": "The block does not meet the criteria for displaying content",
    "IsShow": "Show",
    "IsHide": "Hide",
    "Login": "Login",
    "Logout": "Logout"
  },
  "BootstrapBlazor.Shared.Samples.Cards": {
    "Title": "Card",
    "SubTitle": "Aggregate information to display in a card container",
    "BasicUsageTitle": "Card card components",
    "BasicUsageIntro": "Card is a simple example",
    "FooterTitle": "Header 和 Footer",
    "FooterIntro": "You can show the content by adding the CardHeader and CardFooter elements",
    "IsCenterTitle": "The content is centered",
    "IsCenterIntro": "By setting, <code> IsCenter-true </code> center the content",
    "ColorTitle": "A card with a border color",
    "ColorIntro": "By setting, <code> The </code> makes the border and Body color appropriate",
    "CardBody": "Get/set up CardBody",
    "CardFooter": "Get/set up CardFooter",
    "CardHeader": "Get/set up CardHeader",
    "Class": "Style",
    "Color": "Set the color of the card border",
    "IsCenter": "By setting, IsCenter-true centers the content"
  },
  "BootstrapBlazor.Shared.Samples.Calendars": {
    "Title": "Calendar",
    "SubTitle": "Containers that display data as calendars. When the data is date or by date, such as schedule, schedule, price calendar, etc., lunar calendar, etc. Year/month switching is currently supported.",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "The underlying calendar is displayed.",
    "BindTitle": "Data is bound in both directions",
    "BindIntro": "The calendar box automatically updates the text box when the time is selected",
    "ViewModelTitle": "Show by week",
    "ViewModelIntro": "By setting the property <code> CalendarViewModel.Week </code>",
    "AppTitle": "Practical applications",
    "AppIntro": "Curriculum",
    "AppText": "Currently, the <code>ChildContext </code> is temporarily rendered by the week component, and the data-related operating components in all cells are not encapsulated and will be refined later",
    "None": "None",
    "Chinese": "Chinese",
    "Math": "Math",
    "English": "English",
    "Study": "Study",
    "Siesta": "Siesta",
    "Value": "The component value",
    "ChildContent": "Subcomponents",
    "ValueChanged": "Call back the delegate when the value changes"
  },
  "BootstrapBlazor.Shared.Samples.Cameras": {
    "Title": "Camera",
    "SubTitle": "This component takes pictures by calling the camera",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Take pictures through the camera",
    "BasicUsageStep": "Steps:",
    "BasicUsageLi1": "Click start to open the camera",
    "BasicUsageLi2": "Click the photo button",
    "BasicUsageLi3": "Click the close button to close the camera",
    "ShowPreviewTitle": "Show preview",
    "ShowPreviewIntro": "Set the <code>ShowPreview</code> property to control whether to display the photo preview",
    "AutoStartTitle": "Start automatically",
    "AutoStartIntro": "Set the <code>AutoStart</code> property to control whether the camera is directly turned on when the component is running",
    "ShowPreview": "Whether to show photo preview",
    "DeviceLabel": "Device list front label text",
    "FrontText": "Front display text",
    "BackText": "Display text behind",
    "PlayText": "Open button display text",
    "StopText": "Close button display text",
    "PhotoText": "Take picture button display text",
    "InitDevicesString": "Initialize device list text",
    "InitDevicesStringDefaultValue": "Recognizing camera",
    "NotFoundDevicesString": "No video related device text found",
    "NotFoundDevicesStringDefaultValue": "Video related equipment not found",
    "OnInit": "Initialize the camera callback method",
    "OnStart": "Start scanning code callback method",
    "OnClose": "Turn off the scan code callback method",
    "OnCapture": "Callback method for successful scan code"
  },
  "BootstrapBlazor.Shared.Samples.Captchas": {
    "Title": "Captchas",
    "SubTitle": "Human-machine recognition by dragging the slider",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Simple human-machine identification",
    "ImageTitle": "Specify the path and name of the graph bed",
    "ImageIntro": "Set the map bed path <code> ImagesPath</code>, the picture name by <code> ImagesName </code>, and the background by calculating the full path name of the stitched random picture",
    "ImageCallbackTitle": "Specify the graph bed delegate method",
    "ImageCallbackIntro": "Set a custom method to stitch the full path name of a random picture by <code> GetImageName </code>",
    "ImagesPath": "Figure the path of the bed",
    "ImagesName": "The name of the slider background file",
    "HeaderText": "Component Header displays text",
    "HeaderTextDefaultValue": "Please complete the security verification",
    "BarText": "Drag the slider to display the text",
    "BarTextDefaultValue": "Swipe right to fill the puzzle",
    "FailedText": "The background map failed to load to display text",
    "FailedTextDefaultValue": "The load failed",
    "LoadText": "The background map displays text when it loads",
    "LoadTextDefaultValue": "Loading ...",
    "TryText": "The puzzle failure slider displays text",
    "TryTextDefaultValue": "Try again",
    "Offset": "Puzzle alignment offset",
    "Width": "Puzzle width",
    "Height": "Puzzle height",
    "OnValid": "The slider verification code calls back this method after the validation results are determined",
    "GetImageName": "Custom method for getting the name of the background map file"
  },
  "BootstrapBlazor.Shared.Samples.Carousels": {
    "Title": "Carousel",
    "SubTitle": "In limited space, loop through the same type of pictures, text, and more",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "A wide range of basic usages are used to bind components to an array of picture paths by setting the <code>Items </code> property values",
    "FadeTitle": "Fade in and out",
    "FadeIntro": "By setting the <code> IsFade </code> property, the picture switches with a fade-in and fade-out effect",
    "OnClickTitle": "Click on the image to call back the event",
    "OnClickIntro": "After you set the <code> OnClick </code> property by setting, click <code> Image </code> to trigger the <code>OnClick </code> callback delegate",
    "Images": "Images collection",
    "IsFade": "Whether to fade in and out",
    "Width": "Set the width of the picture",
    "OnClick": "Click on the image to call back the delegate"
  },
  "BootstrapBlazor.Shared.Samples.Client": {
    "Title": "Get client connection information",
    "SubTitle": "More for system log tracking",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "The injection service displays client information",
    "BasicUsageP1": "Introduction to usage",
    "BasicUsageP2": "1.The <code> UseBootstrapBlazor </code> middleware in the <b> Startup.cs </b> file that client information collection is performed.",
    "BasicUsageTips": "<code>app. UseBootstrapBlazor </code> Middleware is located assembly <code> BootstrapBlazor.Middleware </code>, please refer to this package yourself for proper use",
    "BasicUsageP3": "2. The component uses the injection service <code> WebClientService </code> to call the <code> Retrieve RemoteInfo </code> method.",
    "GroupBoxTitle": "Connection information",
    "Id": "Connection ID",
    "RequestUrl": "RequestUrl",
    "Ip": "Ip",
    "OS": "OS",
    "Browser": "Browser",
    "Engine": "Engine",
    "Device": "Device",
    "Language": "Language"
  },
  "BootstrapBlazor.Shared.Samples.Circles": {
    "Title": "Circle",
    "SubTitle": "Chart class components. There are generally two uses:",
    "Li1": "Displays the percentage of progress for a task",
    "Li2": "Count the proportion of certain indicators.",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Set the circular progress by setting the <code>Value </code> property",
    "IncreaseSpan": "Increase",
    "DecreaseSpan": "Decrease",
    "ColorTitle": "Color",
    "ColorIntro": "Set the color of the circular progress bar by setting the <code>Color </code> property",
    "StrokeWidthTitle": "The width of the progress bar",
    "StrokeWidthIntro": "Set the width of the circular progress bar by setting the <code>StrokeWidth </code> property",
    "ChildContentTitle": "Customize the display",
    "ChildContentIntro": "Customize the display content with custom subcomponents",
    "ChildContentP1": "The size of the consumer population",
    "ChildContentSpan": "Total number of people",
    "Width": "The width of the component",
    "StrokeWidth": "The width of the progress bar",
    "Value": "Current progress",
    "Color": "The color of the progress bar",
    "ShowProgress": "Whether to display progress bar information",
    "ChildContent": "ChildContent"
  },
  "BootstrapBlazor.Shared.Samples.Collapses": {
    "Title": "Collapse",
    "SubTitle": "The content area is contained by the collapsed panel",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Multiple panels can be expanded at the same time, with no effect between panels",
    "AccordionTitle": "Accordion effect",
    "AccordionIntro": "Only one panel can be expanded at a time",
    "ColorTitle": "The child title color",
    "ColorIntro": "Each panel sets a different color",
    "ItemsTitle": "Dynamic updates",
    "ItemsIntro": "The </code> template <code> CollapseItems is set by conditional logic",
    "Consistency": "Consistency",
    "ConsistencyItem1": "Consistent with real life: consistent with real-life processes, logic, follow the user's habits of language and concepts;",
    "ConsistencyItem2": "Consistent in the interface: All elements and structures need to be consistent, such as design styles, icons and text, the location of elements, and so on.",
    "Feedback": "Feedback",
    "FeedbackItem1": "Control feedback: through the interface style and interactive effect so that users can clearly perceive their own actions;",
    "FeedbackItem2": "Page feedback: After the operation, the current state is clearly represented by changes in the page elements.",
    "Efficiency": "Efficiency",
    "EfficiencyItem1": "Simplify the process: design simple and intuitive operating process;",
    "EfficiencyItem2": "Clear and clear: clear language and clear expression, so that users quickly understand and then make decisions;",
    "EfficiencyItem3": "Help users identify: The interface is straightforward, allowing users to quickly identify rather than recall, reducing the user's memory burden.",
    "Controllability": "Controllability",
    "ControllabilityItem1": "User decision-making: according to the scene can give the user action advice or security tips, but can not replace the user to make decisions;",
    "ControllabilityItem2": "Results controllable: Users are free to perform actions, including undoing, falling back, and terminating the current operation.",
    "ButtonText": "Toggle",
    "CollapseItems": "Content",
    "IsAccordion": "Whether the accordion effect"
  },
  "BootstrapBlazor.Shared.Samples.Displays": {
    "Title": "Display",
    "SubTitle": "Displays static text data",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Show only",
    "BasicUsage": "Basic usage",
    "BindWayTitle": "Bind data in both directions",
    "BindWayIntro": "Two-way binding automatically gets the display labels in the resource file",
    "BindWayP1": "When the <code> Dispaly </code> components turn on bidirectional binding, the <code>Display/DisplayName</code> label value is automatically obtained based on the <code> Model </code> property value of the binding and appears as a <code>pre-Label</code>, with <code>DisplayText</code> properties you can customize the display of the pre-label, or by turning off the display of the pre-label through the <code>ShowLabel</code> property",
    "BindWayCustomLabel": "Custom labels",
    "BindWayP2": "Set the <code> DisplayText </code> value to <b> custom label </b>",
    "BindWayOccupants": "Occupants",
    "BindWayP3": "The value of <code> DisplayText </code> is displayed when <code> ShowLabel </code> is <code>true </code>, regardless of whether the value is set",
    "BindWayNotccupants": "Do not occupy seats",
    "BindWayP4": "The value of <code> DisplayText </code> is not displayed when the <code> ShowLabel </code> is <code>false </code>",
    "DataTypeTitle": "Generic binding",
    "DataTypeIntro": "The <code> Display </code> component has built-in processing of <code> enumerated </code> <code> collections </code> <code> array </code>, customize formatting or callback delegate methods if they do not meet the criteria",
    "EditorFormTitle": "Used within the form",
    "EditorFormIntro": "The <code> Dispaly </code> component is used in form components <code> EditorForm </code>, and is used in detail pages and is not editable",
    "FormatStringTitle": "Custom format",
    "FormatStringIntro": "When you set the <code>FormatString </code> property value to <code>yyyy-MM-dd </code>, the component displays a time format of the year and day",
    "FormatStringettingText": "Set up",
    "FormatStringP": "The <code> Dispaly </code> component binding <code> byte[] </code> array, formatted as an example of <code> base64 </code> encoded string",
    "LookupTitle": "Automatically translated into Text",
    "LookupIntro": "Set the <code>Lookup </code> value to <code>IEnumerable&lt;SelectedItem&gt;</code> collection, through which the component will perform translations through the <code>Value </code> display <code>Text </code>",
    "LookupP1": "In this example, the component <code>Value='@@IntValue'</code> set <code>Lookup='@@IntValueSource'</code> component to display the <code>Text </code> corresponding to the value of the </code> <code> Value",
    "ShowLabel": "Whether to display the front label",
    "DisplayText": "The front label displays text",
    "FormatString": "The numerically formatted string",
    "Formatter": "TableHeader instance",
    "Integer": "Integer",
    "Enum": "Enumerate",
    "Collection": "Collection",
    "Arr": "Array"
  },
  "BootstrapBlazor.Shared.Samples.DropdownWidgets": {
    "Title": "DropdownWidget",
    "SubTitle": "More for head information summary presentation",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Write pendant content directly on the page through <code>childContent </code>",
    "BasicUsageMessage": "You have 4 unread messages",
    "BasicUsageViewMessage": "View all messages",
    "BasicUsageNotify": "You have 10 unread notifications",
    "BasicUsageViewNotify": "View all notifications",
    "BasicUsageTasks": "You have 3 tasks",
    "BasicUsageViewTasks": "View all tasks",
    "AttrTitle": "DropdownWidgetItem",
    "Icon": "Widget icon",
    "BadgeColor": "Badge color",
    "HeaderColor": "Header color",
    "BadgeNumber": "The number of badges displayed",
    "ShowArrow": "Whether to display a small arrow",
    "MenuAlignment": "Menu alignment",
    "HeaderTemplate": "Header template",
    "BodyTemplate": "Body template",
    "FooterTemplate": "Footer template"
  },
  "BootstrapBlazor.Shared.Samples.Empties": {
    "Title": "Empty",
    "SubTitle": "Sub Title PlaceHolder",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Just add <code> Empty </code> tag",
    "ImageTitle": "Set the path to the empty state picture",
    "ImageIntro": "Just set the <code>Image </code> property",
    "ImageText": "No data at this time",
    "TemplateTitle": "Customize the empty state template",
    "TemplateIntro": "The inner set renders custom components <code> Template </code> labels",
    "TemplateIButtonText": "Go back to the previous page",
    "Image": "Customize the picture path",
    "Text": "Custom description information",
    "TextDefaultValue": "There is no description at this time",
    "Width": "Customize the width of the picture",
    "Height": "Customize the height of the picture",
    "Template": "Custom templates",
    "ChildContent": "ChildContent"
  },
  "BootstrapBlazor.Shared.Samples.GroupBoxs": {
    "Title": "GroupBox",
    "SubTitle": "Simulate WinForm's GroupBox components",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Put your own components inside the <code> GroupBox </code>",
    "GroupTitle": "An example of a form",
    "GroupP1": "I'm an example of <code> GroupBox </code>",
    "GroupP2": "For more examples, please refer to the <code> EditorForms </code> Form Example < a href'editorforms' target'_blank'> the portal </a>",
    "AttTitle": "Set the component title"
  },
  "BootstrapBlazor.Shared.Samples.LinkButtons": {
    "ComTitle": "LinkButton",
    "SubTitle": "Provider A html tag as Button",
    "LinkButtonTextTitle": "LinkButton",
    "LinkButtonTextIntro": "Set <code>Text</code> for displayed text",
    "LinkButtonText": "LinkButton",
    "LinkButtonUrlTitle": "Navigation Url",
    "LinkButtonUrlIntro": "Set <code>Url</code> for navigation Url",
    "LinkButtonTitleTitle": "Navigation Url",
    "LinkButtonTitleTooltip": "this is Tooltip title",
    "LinkButtonTitleIntro": "Set <code>Title</code> for tooltip",
    "LinkButtonTitleDetail": "show <code>Tooltip</code> when hover on this button",
    "LinkButtonImageTitle": "Image",
    "LinkButtonImageIntro": "Set <code>ImageUrl</code> for image",
    "LinkButtonChildTitle": "Template",
    "LinkButtonChildIntro": "Set <code>ChildContent</code> for customer template",
    "LinkButtonOnClickTitle": "OnClick",
    "LinkButtonOnClickIntro": "Set <code>OnClick</code> handler onclick event",
    "Text": "Text",
    "Url": "Url",
    "Title": "Tooltip Title",
    "ImageUrl": "ImageUrl",
    "TooltipPlacement": "Tooltip placement",
    "ChildContent": "ChildContent",
    "OnClick": "OnClick"
  },
  "BootstrapBlazor.Shared.Samples.ListViews": {
    "Title": "ListView",
    "SubTitle": "Provides rule arrangement controls",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Apply to a large number of duplicate data implementation rule arrangements",
    "BasicUsageP1": "The <code> OnListViewItemClick </code> event is triggered when you click on the image",
    "ProductListText": "The list of products",
    "PaginationTitle": "Paginated display",
    "PaginationIntro": "Set the <code> Pageable </code> display paginated components",
    "GroupTitle": "Group display",
    "GroupIntro": "Set up grouping <code> GroupName </code> data",
    "Items": "Component data source",
    "Pageable": "Whether to paginated",
    "PageItemsSource": "The quantity data source is displayed per page",
    "HeaderTemplate": "ListView Header template",
    "BodyTemplate": "ListView Body template",
    "FooterTemplate": "ListView Footer template",
    "OnQueryAsync": "Asynchronous query callback method",
    "OnListViewItemClick": "The ListView element calls back when it clicks on the delegate",
    "QueryAsync": "Manually query data methods"
  },
  "BootstrapBlazor.Shared.Samples.Locator": {
    "Title": "Get the IP geographic location",
    "SubTitle": "More for system log tracking and analysis",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "The injection service displays client geographic location information",
    "BasicUsageP1": "Introduction to usage",
    "BasicUsageP2": "The component uses the injection service <code> IIPLocatorProvider </code> call the <code>Locate </code> method",
    "BasicUsageP3": "Because the geo-location query interface returns character sets that may be other character sets such as <code> gbk </code>, the program will report an error;",
    "BasicUsageP4": "Solution:",
    "BasicUsageP5": "The <code> Startup </code> file add the following phrase to the  <code> ConfigureServices </code> method",
    "BasicUsageP6": "IP test data",
    "BasicUsageP7": "Jinan City, Shandong Province Unicom",
    "BasicUsageP8": "Hefei, Anhui Province, telecommunications",
    "BasicUsageInputText": "IpAddress",
    "BasicUsageDisplayText": "Geographical location",
    "BasicUsageButtonText": "Locating",
    "BasicUsageP9": "Extend the custom geo-location query interface",
    "BasicUsageP10": "1. Implement a custom locator",
    "BasicUsageP11": "2. Configure a custom locator",
    "BasicUsageP12": "Customize the locator <code> CustomerLocator </code> configuration with the callback delegate parameters the <code> AddBootstrapBlazor </code> method"
  },
  "BootstrapBlazor.Shared.Samples.Ips": {
    "BasicUsageTitle": "Basic usage"
  },
  "BootstrapBlazor.Shared.Samples.Prints": {
    "Title": "Print",
    "SubTitle": "Used to print a document or a local view",
    "Tips1": "Set up <code style='margin-left: 14px;' > PreviewUrl </code>, open a new page for print preview and click the print button on this page for page printing",
    "Tips2": "If you are printing a button in the <code>Dialog </code> component when you do not set the <code>PreviewUrl </code>, the pop-up contents are printed",
    "Tips": "<b> print the pop-up window </b>, because only the pop-up contents are printed, there are requirements for the <code>_Host.cshtml/index.html</code> page, the code is as follows, and the code generated <code> blazor </code> is hidden when wrapping with <code>app </code> for easy printing",
    "PreButtonText": "Print",
    "PrintButtonTitle": "Basic usage",
    "PrintButtonIntro": "Print the page by clicking the print button",
    "PrintP1": "After clicking the print button below, a new page pops up for print preview, confirms that it is correct, and then clicks the print button in the print preview page for printer selection",
    "PrintDialogTitle": "Print the bullet window",
    "PrintDialogIntro": "Turn on printing by setting up the <code> ShowPrint </code>",
    "PrintDialogP": "In this example, the pop-up window content is a custom component <code>{0}</code> the <code>Footer </code> where the button itself is located is hidden, so the <code>Print </code> button built into the pop-up window cannot be displayed, and setting the <code>{1}</code> makes the <b> print </b> The button appears in the title bar",
    "PrintServiceTitle": "Print service",
    "PrintServiceIntro": "By setting up the content components to print, call the <b> print service </b> directly print jobs",
    "DialogTitle": "The data query window"
  },
  "BootstrapBlazor.Shared.Samples.Tags": {
    "Title": "Tag",
    "SubTitle": "Used for marking and selection.",
    "Tag1": "Label I",
    "Tag2": "Label II",
    "Tag3": "Label III",
    "Tag4": "Label IV",
    "Tag5": "Label V",
    "Tag6": "Label VI",
    "Tag7": "Label VII",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Non floating elements in the page will not disappear automatically.",
    "CloseButtonTitle": "Close button",
    "CloseButtonIntro": "Provides a label for the close button",
    "IconTitle": "With Icon",
    "IcoIntro": "Improve readability when representing a state.",
    "ChildContent": "ChildContent",
    "Class": "Class",
    "Color": "Color",
    "Icon": "Icon",
    "ShowDismiss": "Close button",
    "OnDismiss": "Close label callback method"
  },
  "BootstrapBlazor.Shared.Samples.Timelines": {
    "Title": "Timeline",
    "SubTitle": "Visualize time flow information",
    "BasicUsageTitle": "Basic usage",
    "BasicUsageIntro": "Timeline can be split into multiple activities arranged in positive or reverse order of timestamps, which are an important feature that distinguishes them from other controls, and should be used with care to distinguish them from steps bar.",
    "BasicUsageP": "sort:",
    "CutomNodeStyleTitle": "Customize the node style",
    "CutomNodeStyleIntro": "You can customize the node color according to the actual scene, or use the icon directly.",
    "LeftTitle": "Shown on the left",
    "LeftIntro": "Content takes turns appearing on the left side of the timeline",
    "LeftP": "Control the content appearing on the left side of the timeline by setting the <code> IsLeft </code> property",
    "AlternateTitle": "Alternate presentations",
    "AlternateIntro": "内容在时间轴两侧轮流出现",
    "AlternateP": "Control the alternating timeline left and right by setting the <code> IsAlternate </code> property",
    "DispalyCustomComponentTitle": "Show custom components",
    "DispalyCustomComponentIntro": "Custom components are displayed on the timeline",
    "DispalyCustomComponentP": "Control the custom components that the timeline displays by setting the <code> CustomerComponent </code> of the <code>TimelineItem </code>",
    "SelectedItem1": "Positive order",
    "SelectedItem2": "Reverse order",
    "TimelineItemContent1": "Creation time",
    "TimelineItemContent2": "Approved",
    "TimelineItemContent3": "The event starts on schedule",
    "TimelineItemContent4": "The default style of the node",
    "TimelineItemContent5": "Support for custom colors",
    "TimelineItemContent6": "Icons are supported",
    "Description1": "Real-time output",
    "Description2": "Counter",
    "Description3": "Weather forecast information",
    "Items": "A collection of data",
    "IsReverse": "Whether to display in reverse order",
    "IsLeft": "Whether the left side presents content",
    "IsAlternate": "Whether to alternate the content",
    "Color": "Node color",
    "Content": "The body of the content",
    "Icon": "Node icon",
    "Description": "The node description text",
    "Component": "Node custom components",
    "AttributeTitle": "TimelineItem attributes"
  },
  "BootstrapBlazor.Shared.Components.DemoBlock": {
    "Title": "",
    "SubTitle": "Demo"
  },
  "BootstrapBlazor.Shared.Components.Tips": {
    "Title": "Tips"
  },
  "BootstrapBlazor.Shared.Components.AttributeTable": {
    "Title": "Attributes"
  },
  "BootstrapBlazor.Shared.Components.MethodTable": {
    "Title": "Methods"
  },
  "BootstrapBlazor.Shared.Common.AttributeItem": {
    "Name": "Parameter",
    "Description": "Description",
    "Type": "Type",
    "ValueList": "ValueList",
    "DefaultValue": "DefaultValue"
  },
  "BootstrapBlazor.Shared.Common.EventItem": {
    "Name": "Parameter",
    "Description": "Description",
    "Type": "Type"
  },
  "BootstrapBlazor.Shared.Common.MethodItem": {
    "Title": "Methods",
    "Name": "Parameter",
    "Description": "Description",
    "Type": "Type",
    "Parameters": "Parameters",
    "ReturnValue": "ReturnValue"
  },
  "BootstrapBlazor.Shared.Shared.ComponentLayout": {
    "Title": "Enterprise-level component library based on Bootstrap and Blazor",
    "Example": "Example",
    "Video": "Video"
  },
  "BootstrapBlazor.Shared.Samples.Alerts": {
    "Title": "Alert",
    "SubTitle": "Displays important alert messages.",
    "BaseUsageText": "Basic usage",
    "IntroText1": "Alert components are non-overlay elements in the page that does not disappear automatically.",
    "AlertPrimaryText": "A simple primary alert—check it out!",
    "AlertSecondaryText": "A simple secondary alert—check it out!",
    "AlertSuccessText": "A simple success alert—check it out!",
    "AlertDangerText": "A simple danger alert—check it out!",
    "AlertWarningText": "A simple warning alert—check it out!",
    "AlertInfoText": "A simple info alert—check it out!",
    "AlertDarkText": "A simple dark alert—check it out!",
    "CloseButtonUsageText": "Close button",
    "IntroText2": "Customize the close button as texts or other symbols.",
    "WithIconUsageText": "With Icon",
    "IntroText3": "Displaying an icon improves readability.",
    "ShowBarUsageText": "With Bar",
    "IntroText4": "Show <code>Tip</code>"
  },
  "BootstrapBlazor.Shared.Samples.QRCodes": {
    "Title": "QRCode",
    "SubTitle": "Generate QR code",
    "BaseUsageText": "Basic usage",
    "IntroText1": "Click the Generate button to generate a <code>QRCode</code>",
    "DirectTitle": "Direct build",
    "DirectIntro": "Specify the contents of the QR code with the <code>Content </code> parameter",
    "SuccessText": "QR code generated successfully",
    "CallbackDescription": "Call back after QR code generation"
  },
  "BootstrapBlazor.Shared.Samples.Anchors": {
    "Title": "Anchor",
    "SubTitle": "Hyperlinks to scroll on one page.",
    "BaseUsageText": "Basic usage",
    "IntroText1": "For displaying anchor hyperlinks on page and jumping between them.",
    "IntroText2": "Click <code>Anchor</code> item try it",
    "ContentText1": "<p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p><p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p><p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p><p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p><p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>",
    "Desc1": "Anchor Target Id",
    "Desc2": "Id of the element where the scroll bar is located",
    "Desc3": "The offset is used to adjust the gap use",
    "Desc4": "Content"
  },
  "BootstrapBlazor.Shared.Samples.Breadcrumbs": {
    "Title": "Breadcrumb",
    "H1": "Display the path of the current page and quickly return to any previous page.",
    "Block1Title": "Basic usage",
    "Block1Intro": "Suitable for a wide range of basic usage."
  },
  "BootstrapBlazor.Shared.Foo": {
    "Name": "Name",
    "DateTime": "DateTime",
    "Address": "Address",
    "Count": "Count",
    "Complete": "Complete",
    "Education": "Education",
    "Hobby": "Hobby",
    "Name.Required": "{0} is required.",
    "Address.Required": "{0} is required.",
    "Education.Required": "{0} is required.",
    "Hobby.Required": "{0} is required.",
    "Name.PlaceHolder": "required",
    "Hobbys": "Swimming,Climb,Shoot,Chess",
    "Foo.Name": "Zhangsan {0}",
    "Foo.Address": "Lane {0} of Jinshajiang Road, Putuo District, Shanghai",
    "Foo.Address2": "Earth, China, Lane {0} of Jinshajiang Road, Putuo District, Shanghai. Here is an example of super long cell",
    "Foo.BindValue": "BindValue",
    "True": "Pass",
    "False": "Failed",
    "NullItemText": "Not Set"
  },
  "BootstrapBlazor.Shared.Samples.ValidateForms.ComplexFoo": {
    "Name": "Name",
    "Name.Required": "{0} is required."
  },
  "BootstrapBlazor.Shared.Samples.ValidateForms.Dummy2": {
    "Name": "Name",
    "Name.Required": "Dummy2 {0} is required"
  },
  "BootstrapBlazor.Shared.EnumEducation": {
    "PlaceHolder": "Click to select ...",
    "Primary": "Primary",
    "Middel": "Middel"
  },
  "BootstrapBlazor.Shared.Components.ThemeChooser": {
    "Title": "Click to choose theme",
    "HeaderText": "Themes"
  },
  "BootstrapBlazor.Shared.Samples.Uploads.Person": {
    "Name": "Name",
    "Name.Required": "{0} is required",
    "Picture": "File",
    "Picture.Required": "{0} is required"
  },
  "BootstrapBlazor.Shared.Components.CultureChooser": {
    "Label": "Language："
  },
  "BootstrapBlazor.Shared.Shared.BaseLayout": {
    "DownloadText": "Download",
    "HomeText": "Home",
    "IntroductionText": "Documents",
    "ComponentsText": "Components",
    "FlowText": "Workflow",
    "InstallAppText": "Install PWA App",
    "InstallText": "Install",
    "CancelText": "Cancel",
    "Title": "View update log"
  },
  "BootstrapBlazor.Shared.Shared.NavMenu": {
    "GetStarted": "GETTING STARTED",
    "Introduction": "Introduction",
    "Install": "Install",
    "ProjectTemplate": "Template",
    "Globalization": "Globalization",
    "Localization": "Localization",
    "ServerBlazor": "Server-side Blazor",
    "ClientBlazor": "Client-side Blazor",
    "Labels": "Labels",
    "ZIndex": "Layout",
    "Theme": "Theme",
    "GlobalException": "Global Exception",
    "LayoutPage": "后台模拟器",
    "Components": "COMPONENTS",
    "Client": "WebClientService",
    "LayoutComponents": "LAYOUTS",
    "Divider": "Divider",
    "Layout": "Layout",
    "Footer": "Footer",
    "Row": "Row",
    "Scroll": "Scroll",
    "Skeleton": "Skeleton",
    "Split": "Split",
    "NavigationComponents": "NAVIGATIONS",
    "Anchor": "Anchor",
    "AnchorLink": "AnchorLink",
    "Breadcrumb": "Breadcrumb",
    "Dropdown": "Dropdown",
    "Logout": "Logout",
    "GoTop": "GoTop",
    "Menu": "Menu",
    "Nav": "Nav",
    "Pagination": "Pagination",
    "Steps": "Steps",
    "Tab": "Tab",
    "NotificationComponents": "NOTIFICATIONS",
    "Alert": "Alert",
    "Console": "Console",
    "Dialog": "Dialog",
    "Dispatch": "Dispatch",
    "Drawer": "Drawer",
    "EditDialog": "EditDialog",
    "FullScreen": "FullScreen",
    "Message": "Message",
    "Modal": "Modal",
    "Light": "Light",
    "Popconfirm": "Popconfirm",
    "Progress": "Progress",
    "SearchDialog": "SearchDialog",
    "Spinner": "Spinner",
    "SweetAlert": "SweetAlert",
    "Timer": "Timer",
    "Toast": "Toast",
    "FormsComponents": "FORMS",
    "AutoComplete": "AutoComplete",
    "AutoFill": "AutoFill",
    "Block": "Block",
    "Button": "Button",
    "Cascader": "Cascader",
    "Checkbox": "Checkbox",
    "CheckboxList": "CheckboxList",
    "ColorPicker": "ColorPicker",
    "DateTimePicker": "DateTimePicker",
    "DateTimeRange": "DateTimeRange",
    "Editor": "Editor",
    "EditorForm": "EditorForm",
    "FloatingLabel": "FloatingLabel",
    "Input": "Input",
    "InputNumber": "InputNumber",
    "Ip": "IpAddress",
    "Markdown": "Markdown",
    "MultiSelect": "MultiSelect",
    "Radio": "Radio",
    "Rate": "Rate",
    "Select": "Select",
    "Slider": "Slider",
    "Switch": "Switch",
    "Textarea": "Textarea",
    "Toggle": "Toggle",
    "Transfer": "Transfer",
    "Upload": "Upload",
    "ValidateForm": "ValidateForm",
    "DataComponents": "DATAS",
    "Avatar": "Avatar",
    "Badge": "Badge",
    "BarcodeReader": "BarcodeReader",
    "Card": "Card",
    "Calendar": "Calendar",
    "Camera": "Camera",
    "Captcha": "Captcha",
    "Carousel": "Carousel",
    "Circle": "Circle",
    "Collapse": "Collapse",
    "Display": "Display",
    "DropdownWidget": "DropdownWidget",
    "GroupBox": "GroupBox",
    "HandwrittenPage": "HandwrittenPage",
    "LinkButton": "LinkButton",
    "ListView": "ListView",
    "Locator": "Locator",
    "Popover": "Popover",
    "Print": "Print",
    "QRCode": "QRCode",
    "Search": "Search",
    "Tag": "Tag",
    "Timeline": "Timeline",
    "Title": "Title",
    "Download": "Download",
    "Tooltip": "Tooltip",
    "Tree": "Tree",
    "Table": "Table",
    "TableBase": "Base",
    "TableRow": "Row",
    "TableColumn": "Column",
    "TableCell": "Cell",
    "TableDetail": "Detail",
    "TableDynamic": "Dynamic",
    "TableSearch": "Search",
    "TableFilter": "Sort/Filter",
    "TableFixHeader": "FixHeader",
    "TableHeaderGroup": "HeaderGroup",
    "TableFixColumn": "FixColumn",
    "TablePage": "Pagination",
    "TableToolbar": "Toolbar",
    "TableEdit": "Edit",
    "TableDynamicExcel": "Excel-DataTable",
    "TableExcel": "Excel-Items",
    "TableExport": "Export",
    "TableSelection": "Selection",
    "TableAutoRefresh": "AutoRefresh",
    "TableFooter": "Footer",
    "TableDialog": "Table-Dialog",
    "TableWrap": "Wrap",
    "TableTree": "Table-Tree",
    "TableLaoding": "Table-Loading",
    "TableLookup": "Lookup",
    "TableVirtualization": "Row Virtualization",
    "MenuAccordion": "Accordion",
    "MenuExpandAll": "Expand",
    "Empty": "Empty",
    "Charts": "Chart",
    "ChartSummary": "Introduction",
    "ChartLine": "Line",
    "ChartBar": "Bar",
    "ChartPie": "Pie",
    "ChartDoughnut": "Doughnut",
    "ChartBubble": "Bubble",
    "Transition": "Transition"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesFooter": {
    "Left": "Left",
    "Center": "Center",
    "Right": "Right"
  },
  "BootstrapBlazor.Shared.Samples.Table.TablesDetailRow": {
    "DetailTextTrue": "Enable",
    "DetailTextFalse": "Disable"
  },
  "BootstrapBlazor.Shared.Samples.Table.Tables": {
    "RefreshText": "Refresh",
    "ButtonAddColumnText": "Add Column",
    "ButtonRemoveColumnText": "Remove Column"
  },
  "BootstrapBlazor.Shared.Pages.Introduction": {
    "Title": "Introduction",
    "P1": "BootstrapBlazor is an enterprise-level component library based on Bootstrap and Blazor, which can be considered as the Blazor version of the Bootstrap project.",
    "P2": "The dependency is：BootstrapBlazor > Bootstrap > jQuery",
    "P3": "In the latest <a href='template' target='_blank'>Project Template</a> ,the above dependencies are packaged and bundled, which greatly simplifies use",
    "UpdateTitle": "Update Log",
    "UpdateLog": "In order to fix the <b><code>bug</code></b>, a small version of the component may be released every day. The second <b><code>Thursday</code></b> every month release <b><code>official version</code></b> <a id='log' data-bs-toggle='popover' title='Update log' data-bs-content='In order to fix the <b><code>bug</code></b>, a small version of the component may be released every day. The second <b><code>Thursday</code></b> every month release <b><code>official version</code></b>' data-bs-html='true' href='{0}' target='_blank'>[Update log]</a>",
    "LearnTitle": "Learning materials",
    "LearnLi1": "Blazor Official Document",
    "LearnLi2": "Use Blazor WebAssembly and Visual Studio Code to generate web applications",
    "LearnLi3": "What is Blazor",
    "LearnLi4": "Exercise-Configure the development environment",
    "LearnLi5": "Blazor Components",
    "LearnLi6": "Exercise-Add Components",
    "LeanrnLi7": "Data binding and events",
    "LearnLi8": "Exercise-Data binding and Events",
    "Summarize": "Summarize",
    "ProjectsShow": "Exhibition",
    "P5": "The largest code hosting collaborative development platform in China <b><a href='{0}' target='_blank'>Gitee</a></b> C# The highest star in the sector <a href='{1}'><img src='{2}' alt='star' style='margin-bottom',: '1px;' ></a> Works <b><a href='{3}' target=''_blank'>Universal background management system BootstrapAdmin</a></b> Ready to use this component to achieve all functions",
    "ShowWebSiteTitle": "Demo Site",
    "GetStarted": "Get Started",
    "QuikStart": "Quick Start",
    "Features": "Features of Components",
    "P6": "The Bootstrap Blazor UI component library provides everything from basic <code>Button</code> components to advanced web-level <code>SmartPage</code> components",
    "Advantage": "Advantage",
    "AdvantageLi1": "No need to write <code>Javascript</code> to use components",
    "AdvantageLi2": "The component supports all <code>html</code> features",
    "AdvantageLi3": "The component supports two-way data binding",
    "AdvantageLi4": "Components support automatic client verification",
    "AdvantageLi5": "Component support combination",
    "Community": "Community"
  },
  "BootstrapBlazor.Shared.Components.QQGroup": {
    "Group": "QQ Group",
    "Status": " Full",
    "Welcome": "Welcome to join the group discussion"
  },
  "BootstrapBlazor.Shared.Components.EventTable": {
    "Title": "Event"
  },
  "BootstrapBlazor.Shared.Samples.HandwrittenPage": {
    "Title": "Handwritten",
    "SubTitle": "Used to save the mobile terminal signature as Base64 encoded string",
    "BaseUsageText": "Basic usage",
    "IntroText1": "Touch device handwritten signature as Base64.",
    "IntroText2": "For desktop browser testing, please use F12 to simulate a touch device.",
    "HandwrittenButtonText": "Signature",
    "SaveButtonText": "Save button text",
    "SaveButtonTextDefaultValue": "Save",
    "ClearButtonText": "Clear the button text",
    "ClearButtonTextDefaultValue": "Clear",
    "Result": "Handwritten signature imgBase64 string",
    "HandwrittenBase64": "Handwritten result callback method"
  }
}
