Antdv Next The skill is based on Antdv Next docs and demos, generated at 2026-05-18. Language: en-US Docs and demos are copied into for offline use. Vue Docs | Doc | Path | | --- | --- | | common-props | references/docs/vue/common-props.md | | compatible-style | references/docs/vue/compatible-style.md | | customize-theme | references/docs/vue/customize-theme.md | | faq | references/docs/vue/faq.md | | getting-started | references/docs/vue/getting-started.md | | i18n | references/docs/vue/i18n.md | | migration-antdv-next | references/docs/vue/migration-antdv-next.md | | nuxt | references/docs/…

, value: 'USD' },\n { label: '¥', value: 'CNY' },\n]\n\nconst genderOptions = [\n { label: 'Male', value: 'male' },\n { label: 'Female', value: 'female' },\n { label: 'Other', value: 'other' },\n]\n\nconst autoCompleteResult = ref\u003cstring[]>([])\n\nfunction onWebsiteChange(value: string) {\n autoCompleteResult.value = value\n ? ['.com', '.org', '.net'].map(domain => `${value}${domain}`)\n : []\n}\n\nconst websiteOptions = computed(() =>\n autoCompleteResult.value.map(website => ({ value: website })),\n)\n\nwatch(\n () => model.password,\n () => {\n if (model.confirm) {\n formRef.value?.validateFields?.(['confirm'])\n }\n },\n)\n\nconst confirmRules = [\n { required: true, message: 'Please confirm your password!' },\n {\n validator: async (_rule: any, value: string) => {\n if (!value || value === model.password) {\n return Promise.resolve()\n }\n return Promise.reject(new Error('The new password that you entered do not match!'))\n },\n },\n]\n\nfunction handleFinish(values: any) {\n console.log('Received values of form: ', values)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form\n ref=\"formRef\"\n name=\"register\"\n :model=\"model\"\n :label-col=\"{ xs: { span: 24 }, sm: { span: 8 } }\"\n :wrapper-col=\"{ xs: { span: 24 }, sm: { span: 16 } }\"\n style=\"max-width: 600px\"\n scroll-to-first-error\n @finish=\"handleFinish\"\n >\n \u003ca-form-item\n name=\"email\"\n label=\"E-mail\"\n :rules=\"[\n { type: 'email', message: 'The input is not valid E-mail!' },\n { required: true, message: 'Please input your E-mail!' },\n ]\"\n >\n \u003ca-input v-model:value=\"model.email\" />\n \u003c/a-form-item>\n\n \u003ca-form-item\n name=\"password\"\n label=\"Password\"\n :rules=\"[{ required: true, message: 'Please input your password!' }]\"\n has-feedback\n >\n \u003ca-input-password v-model:value=\"model.password\" />\n \u003c/a-form-item>\n\n \u003ca-form-item name=\"confirm\" label=\"Confirm Password\" :rules=\"confirmRules\" has-feedback>\n \u003ca-input-password v-model:value=\"model.confirm\" />\n \u003c/a-form-item>\n\n \u003ca-form-item\n name=\"nickname\"\n label=\"Nickname\"\n tooltip=\"What do you want others to call you?\"\n :rules=\"[{ required: true, message: 'Please input your nickname!' }]\"\n >\n \u003ca-input v-model:value=\"model.nickname\" />\n \u003c/a-form-item>\n\n \u003ca-form-item\n name=\"residence\"\n label=\"Habitual Residence\"\n :rules=\"[{ required: true, message: 'Please select your habitual residence!' }]\"\n >\n \u003ca-cascader v-model:value=\"model.residence\" :options=\"residences\" />\n \u003c/a-form-item>\n\n \u003ca-form-item name=\"phone\" label=\"Phone Number\" :rules=\"[{ required: true, message: 'Please input your phone number!' }]\">\n \u003ca-space-compact block>\n \u003ca-select v-model:value=\"model.prefix\" style=\"width: 70px\" :options=\"prefixOptions\" />\n \u003ca-input v-model:value=\"model.phone\" style=\"width: 100%\" />\n \u003c/a-space-compact>\n \u003c/a-form-item>\n\n \u003ca-form-item name=\"donation\" label=\"Donation\" :rules=\"[{ required: true, message: 'Please input donation amount!' }]\">\n \u003ca-space-compact block>\n \u003ca-input-number v-model:value=\"model.amount\" style=\"width: 100%\" />\n \u003ca-select v-model:value=\"model.currency\" style=\"width: 70px\" :options=\"donationOptions\" />\n \u003c/a-space-compact>\n \u003c/a-form-item>\n\n \u003ca-form-item name=\"website\" label=\"Website\" :rules=\"[{ required: true, message: 'Please input website!' }]\">\n \u003ca-auto-complete\n v-model:value=\"model.website\"\n placeholder=\"website\"\n :options=\"websiteOptions\"\n @change=\"onWebsiteChange\"\n />\n \u003c/a-form-item>\n\n \u003ca-form-item\n name=\"intro\"\n label=\"Intro\"\n :rules=\"[{ required: true, message: 'Please input Intro' }]\"\n >\n \u003ca-textarea show-count :max-length=\"100\" />\n \u003c/a-form-item>\n\n \u003ca-form-item name=\"gender\" :required=\"true\" label=\"Gender\" :rules=\"[{ required: true, message: 'Please select your gender' }]\">\n \u003ca-select v-model:value=\"model.gender\" placeholder=\"Please select gender!\" :options=\"genderOptions\" />\n \u003c/a-form-item>\n\n \u003ca-form-item label=\"Captcha\" extra=\"We must make sure that your are a human.\">\n \u003ca-row :gutter=\"8\">\n \u003ca-col :span=\"12\">\n \u003ca-form-item\n name=\"captcha\"\n no-style\n :rules=\"[{ required: true, message: 'Please input the captcha you got!' }]\"\n >\n \u003ca-input />\n \u003c/a-form-item>\n \u003c/a-col>\n \u003ca-col :span=\"12\">\n \u003ca-button>Get captcha\u003c/a-button>\n \u003c/a-col>\n \u003c/a-row>\n \u003c/a-form-item>\n\n \u003ca-form-item name=\"agreement\" :wrapper-col=\"{ xs: { span: 24, offset: 0 }, sm: { span: 16, offset: 8 } }\">\n \u003ca-checkbox v-model:checked=\"model.agreement\">\n I have read the \u003ca href=\"\">agreement\u003c/a>\n \u003c/a-checkbox>\n \u003c/a-form-item>\n\n \u003ca-form-item :wrapper-col=\"{ xs: { span: 24, offset: 0 }, sm: { span: 16, offset: 8 } }\">\n \u003ca-button type=\"primary\" html-type=\"submit\">\n Register\n \u003c/a-button>\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":6275,"content_sha256":"66313f01923992155ea1a79e035552f854907a51a165183ea0516b4ff66eebd6"},{"filename":"references/components/form/demo/required-mark.md","content":"# Required style\n\n## Description (en-US)\n\nDisplay required mark styles.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { FormProps } from 'antdv-next'\nimport { InfoCircleOutlined } from '@antdv-next/icons'\nimport { h, reactive } from 'vue'\n\nconst model = reactive({\n requiredMarkValue: 'optional',\n fieldA: '',\n fieldB: '',\n})\n\nconst requiredMarkOptions = [\n { label: 'Default', value: true },\n { label: 'Optional', value: 'optional' },\n { label: 'Hidden', value: false },\n { label: 'Customize', value: 'customize' },\n]\n\nconst customizeRequiredMark: NonNullable\u003cFormProps['requiredMark']> = (labelNode, { required }) => {\n return h(\n 'span',\n {},\n [\n h(\n 'span',\n {\n style: {\n display: 'inline-block',\n marginRight: '8px',\n padding: '0 6px',\n borderRadius: '4px',\n color: required ? '#cf1322' : '#faad14',\n border: `1px solid ${required ? '#cf1322' : '#faad14'}`,\n },\n },\n required ? 'Required' : 'Optional',\n ),\n labelNode,\n ],\n )\n}\n\nfunction formRequiredMark(value: string | boolean) {\n return value === 'customize' ? customizeRequiredMark : value\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form\n layout=\"vertical\"\n :model=\"model\"\n :required-mark=\"formRequiredMark(model.requiredMarkValue as any)\"\n style=\"max-width: 600px\"\n >\n \u003ca-form-item label=\"Required Mark\" name=\"requiredMarkValue\">\n \u003ca-radio-group v-model:value=\"model.requiredMarkValue\">\n \u003ca-radio-button v-for=\"item in requiredMarkOptions\" :key=\"String(item.value)\" :value=\"item.value\">\n {{ item.label }}\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003c/a-form-item>\n \u003ca-form-item label=\"Field A\" required tooltip=\"This is a required field\">\n \u003ca-input v-model:value=\"model.fieldA\" placeholder=\"input placeholder\" />\n \u003c/a-form-item>\n \u003ca-form-item\n label=\"Field B\"\n :tooltip=\"{ title: 'Tooltip with customize icon', icon: InfoCircleOutlined }\"\n >\n \u003ca-input v-model:value=\"model.fieldB\" placeholder=\"input placeholder\" />\n \u003c/a-form-item>\n \u003ca-form-item :label=\"null\">\n \u003ca-button type=\"primary\">\n Submit\n \u003c/a-button>\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2262,"content_sha256":"9c93e0424f01f49689edd80fe514bee5f56342e8a45fac30a50799e46f375415"},{"filename":"references/components/form/demo/size.md","content":"# Form size\n\n## Description (en-US)\n\nChange form size for built-in controls.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { reactive } from 'vue'\n\nconst model = reactive({\n size: 'middle',\n input: '',\n select: undefined as string | undefined,\n switch: true,\n})\n\nconst selectOptions = [{ label: 'Demo', value: 'demo' }]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form\n :model=\"model\"\n layout=\"horizontal\"\n :label-col=\"{ span: 4 }\"\n :wrapper-col=\"{ span: 14 }\"\n :size=\"model.size as any\"\n style=\"max-width: 600px\"\n >\n \u003ca-form-item label=\"Form Size\" name=\"size\">\n \u003ca-radio-group v-model:value=\"model.size\">\n \u003ca-radio-button value=\"small\">\n Small\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"middle\">\n Middle\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"large\">\n Large\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003c/a-form-item>\n \u003ca-form-item label=\"Input\" name=\"input\">\n \u003ca-input v-model:value=\"model.input\" />\n \u003c/a-form-item>\n \u003ca-form-item label=\"Select\" name=\"select\">\n \u003ca-select v-model:value=\"model.select\" :options=\"selectOptions\" />\n \u003c/a-form-item>\n \u003ca-form-item label=\"InputNumber\" name=\"number\">\n \u003ca-input-number style=\"width: 100%\" />\n \u003c/a-form-item>\n \u003ca-form-item label=\"Switch\" name=\"switch\">\n \u003ca-switch v-model:checked=\"model.switch\" />\n \u003c/a-form-item>\n \u003ca-form-item label=\"Button\">\n \u003ca-button>Button\u003c/a-button>\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1507,"content_sha256":"b6c99c769612cba4cd22e05daa3ec9e785f8e77e477bd21abd20f8310de08705"},{"filename":"references/components/form/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { FormProps } from 'antdv-next'\nimport { reactive } from 'vue'\n\nconst classes = {\n root: 'form-demo-root',\n}\n\nconst stylesObject: FormProps['styles'] = {\n label: {\n textAlign: 'end',\n color: '#333',\n fontWeight: 500,\n },\n content: {\n paddingInlineStart: '12px',\n },\n}\n\nconst stylesFunction: FormProps['styles'] = (info) => {\n if (info.props.variant === 'filled') {\n return {\n root: {\n border: '1px solid #1677FF',\n },\n label: {\n textAlign: 'end',\n color: '#1677FF',\n },\n content: {\n paddingInlineStart: '12px',\n },\n } satisfies FormProps['styles']\n }\n return {}\n}\n\nconst model = reactive({\n username: '',\n email: '',\n})\n\nconst sharedProps: FormProps = {\n labelCol: { span: 4 },\n wrapperCol: { span: 20 },\n autoComplete: 'off',\n classes,\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form\n :model=\"model\"\n v-bind=\"sharedProps\"\n :styles=\"stylesObject\"\n >\n \u003ca-form-item label=\"UserName\" name=\"username\" :rules=\"[{ required: true, message: 'Please enter username!' }]\">\n \u003ca-input v-model:value=\"model.username\" placeholder=\"Please enter username\" />\n \u003c/a-form-item>\n \u003ca-form-item label=\"Email\" name=\"email\" :rules=\"[{ required: true, message: 'Please enter email!' }]\">\n \u003ca-input v-model:value=\"model.email\" placeholder=\"Please enter email\" />\n \u003c/a-form-item>\n \u003ca-form-item :label=\"null\">\n \u003ca-space>\n \u003ca-button type=\"primary\" html-type=\"submit\">\n Submit\n \u003c/a-button>\n \u003ca-button html-type=\"reset\">\n Reset\n \u003c/a-button>\n \u003c/a-space>\n \u003c/a-form-item>\n \u003c/a-form>\n \u003ca-form\n :model=\"model\"\n v-bind=\"sharedProps\"\n :styles=\"stylesFunction\"\n variant=\"filled\"\n >\n \u003ca-form-item label=\"UserName\" name=\"username\" :rules=\"[{ required: true, message: 'Please enter username!' }]\">\n \u003ca-input v-model:value=\"model.username\" placeholder=\"Please enter username\" />\n \u003c/a-form-item>\n \u003ca-form-item label=\"Email\" name=\"email\" :rules=\"[{ required: true, message: 'Please enter email!' }]\">\n \u003ca-input v-model:value=\"model.email\" placeholder=\"Please enter email\" />\n \u003c/a-form-item>\n \u003ca-form-item :label=\"null\">\n \u003ca-space>\n \u003ca-button type=\"primary\" html-type=\"submit\">\n Submit\n \u003c/a-button>\n \u003ca-button html-type=\"reset\">\n Reset\n \u003c/a-button>\n \u003c/a-space>\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n\n\u003cstyle scoped>\n.form-demo-root {\n padding: var(--ant-padding);\n max-width: 800px;\n margin-top: 32px;\n background-color: var(--ant-color-bg-container);\n border-radius: var(--ant-border-radius);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2792,"content_sha256":"e77358aead33feca51b2c18108b296796d1a0dbc734b67b2a83c4e6802175453"},{"filename":"references/components/form/demo/time-related-controls.md","content":"# Time-related Controls\n\n## Description (en-US)\n\nTime-related controls with validation and submit.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { reactive } from 'vue'\n\nconst model = reactive({\n datePicker: null as any,\n dateTimePicker: null as any,\n monthPicker: null as any,\n rangePicker: [] as any[],\n rangeTimePicker: [] as any[],\n timePicker: null as any,\n})\n\nconst itemRules = [{ type: 'object' as const, required: true, message: 'Please select time!' }]\nconst rangeRules = [{ type: 'array' as const, required: true, message: 'Please select time!' }]\n\nfunction handleFinish(values: any) {\n const rangeValue = values.rangePicker || []\n const rangeTimeValue = values.rangeTimePicker || []\n const result = {\n ...values,\n datePicker: values.datePicker?.format('YYYY-MM-DD'),\n dateTimePicker: values.dateTimePicker?.format('YYYY-MM-DD HH:mm:ss'),\n monthPicker: values.monthPicker?.format('YYYY-MM'),\n rangePicker: rangeValue.map((v: any) => v.format('YYYY-MM-DD')),\n rangeTimePicker: rangeTimeValue.map((v: any) => v.format('YYYY-MM-DD HH:mm:ss')),\n timePicker: values.timePicker?.format('HH:mm:ss'),\n }\n console.log('Received values of form: ', result)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form\n name=\"time_related_controls\"\n :model=\"model\"\n :label-col=\"{ xs: { span: 24 }, sm: { span: 8 } }\"\n :wrapper-col=\"{ xs: { span: 24 }, sm: { span: 16 } }\"\n style=\"max-width: 600px\"\n @finish=\"handleFinish\"\n >\n \u003ca-form-item name=\"datePicker\" label=\"DatePicker\" :rules=\"itemRules\">\n \u003ca-date-picker v-model:value=\"model.datePicker\" style=\"width: 100%\" />\n \u003c/a-form-item>\n \u003ca-form-item name=\"dateTimePicker\" label=\"DatePicker[showTime]\" :rules=\"itemRules\">\n \u003ca-date-picker v-model:value=\"model.dateTimePicker\" show-time format=\"YYYY-MM-DD HH:mm:ss\" style=\"width: 100%\" />\n \u003c/a-form-item>\n \u003ca-form-item name=\"monthPicker\" label=\"MonthPicker\" :rules=\"itemRules\">\n \u003ca-date-picker v-model:value=\"model.monthPicker\" picker=\"month\" style=\"width: 100%\" />\n \u003c/a-form-item>\n \u003ca-form-item name=\"rangePicker\" label=\"RangePicker\" :rules=\"rangeRules\">\n \u003ca-range-picker v-model:value=\"model.rangePicker\" style=\"width: 100%\" />\n \u003c/a-form-item>\n \u003ca-form-item name=\"rangeTimePicker\" label=\"RangePicker[showTime]\" :rules=\"rangeRules\">\n \u003ca-range-picker v-model:value=\"model.rangeTimePicker\" show-time format=\"YYYY-MM-DD HH:mm:ss\" style=\"width: 100%\" />\n \u003c/a-form-item>\n \u003ca-form-item name=\"timePicker\" label=\"TimePicker\" :rules=\"itemRules\">\n \u003ca-time-picker v-model:value=\"model.timePicker\" style=\"width: 100%\" />\n \u003c/a-form-item>\n \u003ca-form-item :label=\"null\">\n \u003ca-button type=\"primary\" html-type=\"submit\">\n Submit\n \u003c/a-button>\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2777,"content_sha256":"2417400d32143295c580256dcdb5da247b7aca03ae43f6bfa1b5a9fdcd4016de"},{"filename":"references/components/form/demo/useWatch.md","content":"# Watch Hooks\n\n## Description (en-US)\n\nWatch form values with Vue reactivity.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed, reactive, watch } from 'vue'\n\nconst model = reactive({\n username: 'Antdv Next',\n age: 18,\n})\n\nconst watched = computed(() => ({\n username: model.username,\n age: model.age,\n}))\n\nwatch(\n () => ({ ...model }),\n (val) => {\n console.log('form values changed:', val)\n },\n)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form layout=\"vertical\" :model=\"model\" style=\"max-width: 600px\">\n \u003ca-form-item name=\"username\" label=\"Username\">\n \u003ca-input v-model:value=\"model.username\" />\n \u003c/a-form-item>\n \u003ca-form-item name=\"age\" label=\"Age\">\n \u003ca-input-number v-model:value=\"model.age\" style=\"width: 100%\" />\n \u003c/a-form-item>\n \u003ca-form-item label=\"Watched Values\">\n \u003cpre style=\"margin: 0\">{{ JSON.stringify(watched, null, 2) }}\u003c/pre>\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":921,"content_sha256":"39053afe25482d458e2573cb3222ada2a3a547c640471a8341233949313aabc9"},{"filename":"references/components/form/demo/validate-only.md","content":"# Validate Only\n\n## Description (en-US)\n\nValidate only without triggering UI status updates.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { FormInstance } from 'antdv-next'\nimport { message } from 'antdv-next'\nimport { reactive, shallowRef } from 'vue'\n\nconst formRef = shallowRef\u003cFormInstance>()\nconst model = reactive({\n username: '',\n password: '',\n})\n\nasync function handleValidateOnly() {\n try {\n await formRef.value?.validateFields?.(['username', 'password'], { validateOnly: true })\n message.success('Validate only success')\n }\n catch {\n message.error('Validate only failed')\n }\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form ref=\"formRef\" layout=\"vertical\" :model=\"model\" style=\"max-width: 600px\">\n \u003ca-form-item name=\"username\" label=\"Username\" :rules=\"[{ required: true }]\">\n \u003ca-input v-model:value=\"model.username\" placeholder=\"username\" />\n \u003c/a-form-item>\n \u003ca-form-item name=\"password\" label=\"Password\" :rules=\"[{ required: true }]\">\n \u003ca-input-password v-model:value=\"model.password\" placeholder=\"password\" />\n \u003c/a-form-item>\n \u003ca-form-item :label=\"null\">\n \u003ca-space>\n \u003ca-button type=\"primary\" html-type=\"submit\">\n Submit\n \u003c/a-button>\n \u003ca-button html-type=\"button\" @click=\"handleValidateOnly\">\n Validate Only\n \u003c/a-button>\n \u003c/a-space>\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1384,"content_sha256":"a63730cabdee68cb2780e5cdd856a1afeb0bdecea8e05ace070f1cbed3510b88"},{"filename":"references/components/form/demo/validate-other.md","content":"# Other Form Controls\n\n## Description (en-US)\n\nValidation with other form controls.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { reactive } from 'vue'\n\nconst model = reactive({\n select: undefined as string | undefined,\n selectMultiple: [] as string[],\n inputNumber: 3,\n switch: false,\n slider: 30,\n radioGroup: 'a',\n radioButton: 'a',\n checkboxGroup: ['A', 'B'],\n rate: 3.5,\n})\n\nconst selectOptions = [\n { label: 'China', value: 'china' },\n { label: 'U.S.A', value: 'usa' },\n]\n\nconst colorOptions = [\n { label: 'Red', value: 'red' },\n { label: 'Green', value: 'green' },\n { label: 'Blue', value: 'blue' },\n]\n\nconst checkboxOptions = [\n { label: 'A', value: 'A' },\n { label: 'B', value: 'B', disabled: true },\n { label: 'C', value: 'C' },\n { label: 'D', value: 'D' },\n { label: 'E', value: 'E' },\n { label: 'F', value: 'F' },\n]\n\nfunction handleFinish(values: any) {\n console.log('Received values of form: ', values)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form\n name=\"validate_other\"\n :model=\"model\"\n :label-col=\"{ span: 6 }\"\n :wrapper-col=\"{ span: 14 }\"\n style=\"max-width: 600px\"\n @finish=\"handleFinish\"\n >\n \u003ca-form-item label=\"Plain Text\">\n \u003cspan class=\"ant-form-text\">China\u003c/span>\n \u003c/a-form-item>\n \u003ca-form-item\n name=\"select\"\n label=\"Select\"\n has-feedback\n :rules=\"[{ required: true, message: 'Please select your country!' }]\"\n >\n \u003ca-select v-model:value=\"model.select\" placeholder=\"Please select a country\" :options=\"selectOptions\" />\n \u003c/a-form-item>\n\n \u003ca-form-item\n name=\"selectMultiple\"\n label=\"Select[multiple]\"\n :rules=\"[{ required: true, message: 'Please select your favourite colors!', type: 'array' }]\"\n >\n \u003ca-select v-model:value=\"model.selectMultiple\" mode=\"multiple\" placeholder=\"Please select favourite colors\" :options=\"colorOptions\" />\n \u003c/a-form-item>\n\n \u003ca-form-item label=\"InputNumber\">\n \u003ca-form-item name=\"inputNumber\" no-style>\n \u003ca-input-number v-model:value=\"model.inputNumber\" :min=\"1\" :max=\"10\" />\n \u003c/a-form-item>\n \u003cspan class=\"ant-form-text\" style=\"margin-inline-start: 8px\">machines\u003c/span>\n \u003c/a-form-item>\n\n \u003ca-form-item name=\"switch\" label=\"Switch\">\n \u003ca-switch v-model:checked=\"model.switch\" />\n \u003c/a-form-item>\n\n \u003ca-form-item name=\"slider\" label=\"Slider\">\n \u003ca-slider v-model:value=\"model.slider\" :marks=\"{ 0: 'A', 20: 'B', 40: 'C', 60: 'D', 80: 'E', 100: 'F' }\" />\n \u003c/a-form-item>\n\n \u003ca-form-item name=\"radioGroup\" label=\"Radio.Group\">\n \u003ca-radio-group v-model:value=\"model.radioGroup\">\n \u003ca-radio value=\"a\">\n item 1\n \u003c/a-radio>\n \u003ca-radio value=\"b\">\n item 2\n \u003c/a-radio>\n \u003ca-radio value=\"c\">\n item 3\n \u003c/a-radio>\n \u003c/a-radio-group>\n \u003c/a-form-item>\n\n \u003ca-form-item\n name=\"radioButton\"\n label=\"Radio.Button\"\n :rules=\"[{ required: true, message: 'Please pick an item!' }]\"\n >\n \u003ca-radio-group v-model:value=\"model.radioButton\">\n \u003ca-radio-button value=\"a\">\n item 1\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"b\">\n item 2\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"c\">\n item 3\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003c/a-form-item>\n\n \u003ca-form-item name=\"checkboxGroup\" label=\"Checkbox.Group\">\n \u003ca-checkbox-group v-model:value=\"model.checkboxGroup\" :options=\"checkboxOptions\" />\n \u003c/a-form-item>\n\n \u003ca-form-item name=\"rate\" label=\"Rate\">\n \u003ca-rate v-model:value=\"model.rate\" />\n \u003c/a-form-item>\n\n \u003ca-form-item :label=\"null\">\n \u003ca-button type=\"primary\" html-type=\"submit\">\n Submit\n \u003c/a-button>\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":3733,"content_sha256":"a48c97feeb80fd836a719dac9c7e8f9598af9e4c60a52f83207d1b04b366171f"},{"filename":"references/components/form/demo/validate-scroll-to-field.md","content":"# Slide to error field\n\n## Description (en-US)\n\nWhen validation fails or manually scroll to the error field.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { FormInstance } from 'antdv-next'\nimport { reactive, shallowRef } from 'vue'\n\nconst formRef = shallowRef\u003cFormInstance>()\n\nconst model = reactive({\n username: '',\n occupation: '',\n motto: '',\n bio: '',\n})\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form\n ref=\"formRef\"\n :model=\"model\"\n :scroll-to-first-error=\"{ behavior: 'instant', block: 'end', focus: true }\"\n style=\"padding-block: 32px\"\n :label-col=\"{ span: 6 }\"\n :wrapper-col=\"{ span: 14 }\"\n >\n \u003ca-form-item>\n \u003ca-button @click=\"() => formRef?.scrollToField?.('bio')\">\n Scroll to Bio\n \u003c/a-button>\n \u003c/a-form-item>\n \u003ca-form-item name=\"username\" label=\"Username\" :rules=\"[{ required: true }]\">\n \u003ca-input v-model:value=\"model.username\" />\n \u003c/a-form-item>\n \u003ca-form-item label=\"Occupation\" name=\"occupation\">\n \u003ca-select\n v-model:value=\"model.occupation\"\n class=\"w-full\" :options=\"[\n { label: 'Designer', value: 'designer' },\n { label: 'Developer', value: 'developer' },\n { label: 'Product Manager', value: 'product-manager' },\n ]\"\n />\n \u003c/a-form-item>\n \u003ca-form-item label=\"Motto\" name=\"motto\">\n \u003ca-textarea v-model:value=\"model.motto\" :rows=\"4\" />\n \u003c/a-form-item>\n \u003ca-form-item label=\"Bio\" name=\"bio\" :rules=\"[{ required: true }]\">\n \u003ca-textarea v-model:value=\"model.bio\" :rows=\"6\" />\n \u003c/a-form-item>\n \u003ca-form-item>\n \u003ca-flex gap=\"small\">\n \u003ca-button type=\"primary\" html-type=\"submit\">\n Submit\n \u003c/a-button>\n \u003ca-button danger @click=\"() => formRef?.resetFields?.()\">\n Reset\n \u003c/a-button>\n \u003c/a-flex>\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1838,"content_sha256":"2893ea42710280df16fb234073d7a30a42505dd54b18f2750e77c2037605f4a0"},{"filename":"references/components/form/demo/validate-static.md","content":"# Customized Validation\n\n## Description (en-US)\n\nCustom validation status display.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { SmileOutlined } from '@antdv-next/icons'\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form\n :label-col=\"{ xs: { span: 24 }, sm: { span: 6 } }\"\n :wrapper-col=\"{ xs: { span: 24 }, sm: { span: 14 } }\"\n style=\"max-width: 600px\"\n >\n \u003ca-form-item\n label=\"Fail\"\n validate-status=\"error\"\n help=\"Should be combination of numbers & alphabets\"\n >\n \u003ca-input placeholder=\"unavailable choice\" />\n \u003c/a-form-item>\n\n \u003ca-form-item label=\"Warning\" validate-status=\"warning\">\n \u003ca-input placeholder=\"Warning\">\n \u003ctemplate #prefix>\n \u003cSmileOutlined />\n \u003c/template>\n \u003c/a-input>\n \u003c/a-form-item>\n\n \u003ca-form-item\n label=\"Validating\"\n has-feedback\n validate-status=\"validating\"\n help=\"The information is being validated...\"\n >\n \u003ca-input placeholder=\"I'm the content is being validated\" />\n \u003c/a-form-item>\n\n \u003ca-form-item label=\"Success\" has-feedback validate-status=\"success\">\n \u003ca-input placeholder=\"I'm the content\" />\n \u003c/a-form-item>\n\n \u003ca-form-item label=\"Error\" has-feedback validate-status=\"error\">\n \u003ca-date-picker style=\"width: 100%\" />\n \u003c/a-form-item>\n\n \u003ca-form-item label=\"Warning\" has-feedback validate-status=\"warning\">\n \u003ca-select\n placeholder=\"I'm Select\"\n :options=\"[\n { label: 'Option 1', value: '1' },\n { label: 'Option 2', value: '2' },\n ]\"\n />\n \u003c/a-form-item>\n\n \u003ca-form-item label=\"Success\" has-feedback validate-status=\"success\">\n \u003ca-input-number style=\"width: 100%\" />\n \u003c/a-form-item>\n\n \u003ca-form-item label=\"Fail\" validate-status=\"error\" has-feedback>\n \u003ca-textarea allow-clear show-count />\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1849,"content_sha256":"2047ec34f3c1303fc86c32516cee3e91b8f53a684c1b97debab9eb8bc21827f9"},{"filename":"references/components/form/demo/validate-trigger.md","content":"# Validate Trigger\n\n## Description (en-US)\n\nConfigure validate trigger timing for fields.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { reactive } from 'vue'\n\nconst model = reactive({\n blurInput: '',\n changeInput: '',\n})\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form layout=\"vertical\" :model=\"model\" style=\"max-width: 600px\">\n \u003ca-form-item\n name=\"blurInput\"\n label=\"Validate on Blur\"\n validate-trigger=\"blur\"\n :rules=\"[{ required: true, message: 'Please input on blur.' }]\"\n >\n \u003ca-input v-model:value=\"model.blurInput\" placeholder=\"blur to validate\" />\n \u003c/a-form-item>\n \u003ca-form-item\n name=\"changeInput\"\n label=\"Validate on Change\"\n validate-trigger=\"change\"\n :rules=\"[{ required: true, message: 'Please input on change.' }]\"\n >\n \u003ca-input v-model:value=\"model.changeInput\" placeholder=\"change to validate\" />\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":915,"content_sha256":"339a3ed481db77d4cd3d6fd23a52262f719d3d2d5dbe47ae9bc4f88eba5abc63"},{"filename":"references/components/form/demo/variant.md","content":"# Form variants\n\n## Description (en-US)\n\nSwitch variants for inputs inside form.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { reactive } from 'vue'\n\nconst model = reactive({\n variant: 'outlined',\n username: '',\n password: '',\n})\n\nconst variantOptions = [\n { label: 'outlined', value: 'outlined' },\n { label: 'filled', value: 'filled' },\n { label: 'borderless', value: 'borderless' },\n { label: 'underlined', value: 'underlined' },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form\n :model=\"model\"\n layout=\"vertical\"\n :variant=\"model.variant as any\"\n style=\"max-width: 600px\"\n >\n \u003ca-form-item label=\"Variant\" name=\"variant\">\n \u003ca-radio-group v-model:value=\"model.variant\">\n \u003ca-radio-button v-for=\"item in variantOptions\" :key=\"item.value\" :value=\"item.value\">\n {{ item.label }}\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003c/a-form-item>\n \u003ca-form-item label=\"Username\" name=\"username\" :rules=\"[{ required: true }]\">\n \u003ca-input v-model:value=\"model.username\" placeholder=\"username\" />\n \u003c/a-form-item>\n \u003ca-form-item label=\"Password\" name=\"password\" :rules=\"[{ required: true }]\">\n \u003ca-input-password v-model:value=\"model.password\" placeholder=\"password\" />\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1261,"content_sha256":"2b0ee72d1862e9efbf7615ee29b6b864140a9df369747f41c31d20e5975754ac"},{"filename":"references/components/form/demo/warning-only.md","content":"# No block rule\n\n## Description (en-US)\n\nUse warningOnly rules without blocking submit.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { FormInstance } from 'antdv-next'\nimport { message } from 'antdv-next'\nimport { reactive, shallowRef } from 'vue'\n\nconst formRef = shallowRef\u003cFormInstance>()\nconst model = reactive({\n url: '',\n})\n\nconst rules = [\n { required: true },\n { type: 'url', warningOnly: true },\n { type: 'string', min: 6 },\n]\n\nfunction handleFinish() {\n message.success('Submit success!')\n}\n\nfunction handleFinishFailed() {\n message.error('Submit failed!')\n}\n\nfunction handleFill() {\n formRef.value?.setFieldsValue?.({ url: 'https://taobao.com/' })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form\n ref=\"formRef\"\n layout=\"vertical\"\n :model=\"model\"\n @finish=\"handleFinish\"\n @finish-failed=\"handleFinishFailed\"\n >\n \u003ca-form-item name=\"url\" label=\"URL\" :rules=\"rules\">\n \u003ca-input v-model:value=\"model.url\" placeholder=\"input placeholder\" />\n \u003c/a-form-item>\n \u003ca-form-item :label=\"null\">\n \u003ca-space>\n \u003ca-button type=\"primary\" html-type=\"submit\">\n Submit\n \u003c/a-button>\n \u003ca-button html-type=\"button\" @click=\"handleFill\">\n Fill\n \u003c/a-button>\n \u003c/a-space>\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1287,"content_sha256":"5e735d21bf6101f2f62b21549810c61c8aaaea5a538ddc1da189426e533117b4"},{"filename":"references/components/form/demo/without-form-create.md","content":"# Handle Form Data Manually\n\n## Description (en-US)\n\nHandle validation manually without form binding.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { reactive } from 'vue'\n\nconst tips = 'A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.'\n\ntype LocalValidateStatus = 'success' | 'warning' | 'error' | 'validating' | ''\n\nconst state = reactive\u003c{ value: number, validateStatus?: LocalValidateStatus, errorMsg?: string | null }>({\n value: 11,\n})\n\nfunction validatePrimeNumber(number: number) {\n if (number === 11) {\n state.validateStatus = 'success'\n state.errorMsg = null\n return\n }\n state.validateStatus = 'error'\n state.errorMsg = 'The prime between 8 and 12 is 11!'\n}\n\nfunction handleChange(value: number | null) {\n state.value = value ?? 0\n validatePrimeNumber(state.value)\n}\n\nvalidatePrimeNumber(state.value)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form style=\"max-width: 600px\">\n \u003ca-form-item\n :label-col=\"{ span: 7 }\"\n :wrapper-col=\"{ span: 12 }\"\n label=\"Prime between 8 & 12\"\n :validate-status=\"state.validateStatus\"\n :help=\"state.errorMsg || tips\"\n >\n \u003ca-input-number :min=\"8\" :max=\"12\" :value=\"state.value\" @change=\"handleChange\" />\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1279,"content_sha256":"765e3ced902d8d25f808cc7e2f0e8168f7c8f103e5b966958d8ddf793c1cce7d"},{"filename":"references/components/form/docs.md","content":"---\ntitle: Form\ndescription: High-performance form component with data domain management. Includes data entry, validation, and corresponding styles.\n---\n\n## When To Use \n- When you need to create an instance or collect information.\n- When you need to validate fields in certain rules.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic Usage | demo/basic.md |\n| Form methods | demo/control-hooks.md |\n| Form Layout | demo/layout.md |\n| Form mix layout | demo/layout-multiple.md |\n| Form disabled | demo/disabled.md |\n| Form variants | demo/variant.md |\n| Required style | demo/required-mark.md |\n| Form size | demo/size.md |\n| label can wrap | demo/layout-can-wrap.md |\n| No block rule | demo/warning-only.md |\n| Watch Hooks | demo/useWatch.md |\n| Validate Trigger | demo/validate-trigger.md |\n| Validate Only | demo/validate-only.md |\n| Path Prefix | demo/form-item-path.md |\n| Dynamic Form Item | demo/dynamic-form-item.md |\n| Dynamic Form nest Items | demo/dynamic-form-items.md |\n| Complex Dynamic Form Item | demo/dynamic-form-items-complex.md |\n| Nest | demo/nest-messages.md |\n| complex form control | demo/complex-form-control.md |\n| Customized Form Controls | demo/customized-form-controls.md |\n| Store Form Data into Upper Component | demo/global-state.md |\n| Control between forms | demo/form-context.md |\n| Inline Login Form | demo/inline-login.md |\n| Login Form | demo/login.md |\n| Registration | demo/register.md |\n| Advanced search | demo/advanced-search.md |\n| Form in Modal to Create | demo/form-in-modal.md |\n| Time-related Controls | demo/time-related-controls.md |\n| Handle Form Data Manually | demo/without-form-create.md |\n| Customized Validation | demo/validate-static.md |\n| Dynamic Rules | demo/dynamic-rule.md |\n| Dependencies | demo/form-dependencies.md |\n| getValueProps + normalize | demo/getValueProps-normalize.md |\n| Slide to error field | demo/validate-scroll-to-field.md |\n| Other Form Controls | demo/validate-other.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Form\n\n### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| classes | Customize class for each semantic structure inside the component. Supports object or function. | FormClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | FormStylesType | - | - |\n| colon | Configure the default value of `colon` for Form.Item. Indicates whether the colon after the label is displayed (only effective when prop layout is horizontal) | boolean | true | - |\n| name | Form name. Will be the prefix of Field `id` | string | - | - |\n| layout | Form layout | FormLayout | `horizontal` | - |\n| labelAlign | The text align of label of all items | FormLabelAlign | `right` | - |\n| labelWrap | whether label can be wrap | boolean | false | - |\n| labelCol | Label layout, like `Col` component. Set `span` `offset` value like `{span: 3, offset: 12}` or `sm: {span: 3, offset: 12}` | ColProps | - | - |\n| wrapperCol | The layout for input controls, same as `labelCol` | ColProps | - | - |\n| feedbackIcons | Can be passed custom icons while `Form.Item` element has `hasFeedback` | FeedbackIcons | - | - |\n| size | Set field component size (antd components only) | SizeType | - | - |\n| disabled | Set form component disable, only available for antd components | boolean | false | - |\n| scrollToFirstError | Auto scroll to first failed field when submit | ScrollFocusOptions \\| boolean | false | - |\n| requiredMark | Required mark style. Can use required mark or optional mark. You can not config to single Form.Item since this is a Form level config | RequiredMark | true | - |\n| variant | Variant of components inside form | Variant | `outlined` | - |\n| validateMessages | Validation prompt template, description [see below](#validatemessages) | ValidateMessages | - | - |\n| model | Form model | Record<string, any> | - | - |\n| rules | Form rules | Record<string, Rule[]> | - | - |\n| validateTrigger | Config field validate trigger. When set to `false`, all interaction-driven validation is disabled even if a rule declares `trigger` or `validateTrigger`; `validateFields` and submit validation still run | string \\| string[] \\| false | `change` | - |\n| preserve | Keep field value even when field removed. You can get the preserve field value by `getFieldsValue(true)` | boolean | true | - |\n| clearOnDestroy | Clear form values when the form is uninstalled | boolean | false | - |\n| validateOnRuleChange | Automatically revalidates the form when `Form.rules` changes | boolean | false | - |\n| rootClass | Root container class | string | - | - |\n| prefixCls | Prefix class name | string | - | - |\n\n### Events \nVue event names omit the React `on` prefix. For example, React `onValuesChange` maps to Vue `@valuesChange`.\n\n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| finish | Trigger after submitting the form and verifying data successfully | (values: Record<string, any>) => void | - |\n| finishFailed | Trigger after submitting the form and verifying data failed | (errorInfo: ValidateErrorEntity) => void | - |\n| submit | Triggered on native form submit before internal validation starts | (e: Event) => void | - |\n| reset | Triggered on native form reset | (e: Event) => void | - |\n| validate | Triggered when a single field finishes validation. Returns the field path, pass status, and error messages | (name: InternalNamePath, status: boolean, errors: any[] \\| null) => void | - |\n| valuesChange | Trigger when value updated | (changedValues: Record<string, any>, values: Record<string, any>) => void | - |\n| fieldsChange | Trigger when field updated | (changedFields: FieldData[], allFields: FieldData[]) => void | - |\n\n### Methods \n```ts\nimport { FormInstance } from 'antdv-next'\n\nconst formRef = ref\u003cFormInstance>()\n```\n\n| Method | Description | Type | Version |\n| --- | --- | --- | --- |\n| getFieldValue | Get the value of a single field | (name: NamePath) => StoreValue | - |\n| getFieldsValue | Get values of a group of fields. Pass `true` to return values of all currently collected fields | (nameList?: NamePath[] \\| true) => Record<string, any> | - |\n| getFieldError | Get error messages of a single field | (name: NamePath) => string[] | - |\n| getFieldsError | Get field error info list, including `errors` and `warnings` | (nameList?: NamePath[]) => FieldError[] | - |\n| getFieldWarning | Get warning messages of a single field | (name: NamePath) => string[] | - |\n| isFieldsTouched | Check whether fields have been operated on. When `allFieldsTouched` is `true`, all fields must be touched | (nameList?: NamePath[] \\| boolean, allFieldsTouched?: boolean) => boolean | - |\n| isFieldTouched | Check whether a single field has been operated on | (name: NamePath) => boolean | - |\n| isFieldsValidating | Check whether fields are validating | (nameList?: NamePath[]) => boolean | - |\n| isFieldValidating | Check whether a single field is validating | (name: NamePath) => boolean | - |\n| resetFields | Reset field values, status, and validation results. Resets all fields when omitted | (nameList?: NamePath[]) => void | - |\n| clearValidate | Clear validation results without changing field values | (nameList?: NamePath[]) => void | - |\n| setFields | Set field state and values directly. Useful for writing `errors`, `warnings`, `touched`, and similar meta manually | (data: FieldData[]) => void | - |\n| setFieldValue | Set the value of a single field | (name: NamePath, value: any) => void | - |\n| setFieldsValue | Set values of multiple fields in batch | (values: Record<string, any>) => void | - |\n| validateFields | Validate fields and return the corresponding field values | (nameList?: NamePath[], options?: ValidateOptions) => Promise<Record<string, any>> | - |\n| validate | Alias of `validateFields()` for validating the whole form | () => Promise<Record<string, any>> | - |\n| submit | Submit the form. Equivalent to triggering form `submit` | () => void | - |\n| nativeElement | Root `form` element | HTMLFormElement \\| undefined | - |\n| scrollToField | Scroll to the specified field. By default it will also try to focus the field | (name: NamePath, options?: ScrollFocusOptions \\| boolean) => void | - |\n| focusField | Focus the DOM element of the specified field | (name: NamePath) => void | - |\n| getFieldInstance | Get the registered field instance | (name: NamePath) => any | - |\n\n### FormItem \n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| name | Field name | NamePath | - | - |\n| label | Label text | VueNode | - | - |\n| labelAlign | The text align of label | FormLabelAlign | `right` | - |\n| labelCol | The layout of label. If both Form and Form.Item exists, use Item first | ColProps | - | - |\n| wrapperCol | The layout for input controls, same as `labelCol` | ColProps | - | - |\n| colon | Used with `label`, whether to display `:` after label text | boolean | true | - |\n| extra | The extra prompt message | VueNode | - | - |\n| help | The prompt message. If not provided, the prompt message will be generated by the validation rule | VueNode | - | - |\n| hasFeedback | Display validation status icon | boolean \\| \\{ icons: FeedbackIcons \\} | false | - |\n| validateStatus | The validation status | ValidateStatus | - | - |\n| required | Display required style. It will be generated by the validation rule | boolean | false | - |\n| rules | Rules for field validation | Rule[] | - | - |\n| validateTrigger | When to validate the value of children node. When set to `false`, all interaction-driven validation for the field is disabled even if a rule declares `trigger` or `validateTrigger`; explicit `validateFields` and submit validation still run | string \\| string[] \\| false | `change` | - |\n| validateDebounce | Delay milliseconds to start validation | number | - | - |\n| validateFirst | Whether stop validate on first rule of error for this field. Will parallel validate when `parallel` configured | boolean \\| `parallel` | false | - |\n| noStyle | No style for `true`, used as a pure field control | boolean | false | - |\n| id | Set sub label `htmlFor` | string | - | - |\n| hidden | Whether to hide Form.Item (still collect and validate value) | boolean | false | - |\n| messageVariables | The default validate field info | Record<string, string> | - | - |\n| tooltip | Config tooltip info | VueNode \\| TooltipProps & \\{ icon: VueNode \\} | - | - |\n| layout | Form item layout | `horizontal` \\| `vertical` | - | - |\n| rootClass | Root container class | string | - | - |\n| prefixCls | Prefix class name | string | - | - |\n\n#### Slots \n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| default | Form control content | () => any | - |\n| label | Custom label content (higher priority than `label` prop) | () => any | - |\n| tooltip | Custom label tooltip content. The slot arg is the current `tooltip` config; when `tooltip` is an options object, returning an object from slot will be merged into it | (tooltip?: VueNode \\| TooltipProps & { icon: VueNode }) => any | - |\n| extra | Custom extra message (higher priority than `extra` prop) | () => any | - |\n| help | Custom help/error message (higher priority than `help` prop) | () => any | - |\n\n## Types\n\n### Rule \n`rules` can be declared on `Form` for multiple fields or on `Form.Item` for a single field. The main supported types are:\n\n```ts\ntype RuleType =\n | 'string'\n | 'number'\n | 'boolean'\n | 'method'\n | 'regexp'\n | 'integer'\n | 'float'\n | 'object'\n | 'enum'\n | 'date'\n | 'url'\n | 'hex'\n | 'email'\n | 'tel'\n\ntype TriggerType = 'change' | 'blur' | 'focus'\n\ntype Validator = (\n rule: RuleObject,\n value: any,\n callback: (error?: string) => void,\n) => Promise\u003cvoid | any> | void\n\ninterface RuleObject {\n warningOnly?: boolean\n enum?: any[]\n len?: number\n max?: number\n message?: string | Component\n min?: number\n pattern?: RegExp\n required?: boolean\n transform?: (value: any) => any\n type?: RuleType | 'array'\n whitespace?: boolean\n trigger?: TriggerType | TriggerType[]\n validateTrigger?: TriggerType | TriggerType[]\n validator?: Validator\n defaultField?: RuleObject\n}\n\ntype RuleRender = (form: FormInstance) => RuleObject\ntype Rule = RuleObject | RuleRender\n```\n\nNotes:\n\n- `Form.rules` is typed as `Record\u003cstring, Rule[]>`\n- `Form.Item.rules` is typed as `Rule[]`\n- `validateTrigger` has higher priority than `trigger`\n- When `type: 'array'` is used, `defaultField` can define rules for array items\n\n### validateMessages\n\nForm provides default validation error messages. You can modify the template by configuring `validateMessages` property:\n\n```ts\nconst validateMessages = {\n required: '\\'${name}\\' is required!',\n}\n```\n\n```vue\n\u003ctemplate>\n \u003ca-form :validate-messages=\"validateMessages\">\n ...\n \u003c/a-form>\n\u003c/template>\n```\n\nConfigProvider also provides a global configuration scheme that allows for uniform configuration error notification templates.\n\n```vue\n\u003ctemplate>\n \u003ca-config-provider :form=\"{ validateMessages }\">\n \u003ca-form />\n \u003c/a-config-provider>\n\u003c/template>\n```\n\n> Note: Vue version does not provide `Form.List`. You can use `v-for` with reactive arrays to build dynamic form items.\n\n## Semantic DOM \n| _semantic | demo/_semantic.md |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":13528,"content_sha256":"70743add2bdc6137036f33baf84e6415ff2f4cec6d4de3dcf31fe4b0caac4310"},{"filename":"references/components/form/token.md","content":"# form Token\n\nUse these variables through `theme.components.Form`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Form: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `labelRequiredMarkColor` | `string` | Required mark color |\n| `labelColor` | `string` | Label color |\n| `labelFontSize` | `number` | Label font size |\n| `labelHeight` | `string \\| number` | Label height |\n| `labelColonMarginInlineStart` | `number` | Label colon margin-inline-start |\n| `labelColonMarginInlineEnd` | `number` | Label colon margin-inline-end |\n| `itemMarginBottom` | `number` | Form item margin bottom |\n| `inlineItemMarginBottom` | `number` | Inline layout form item margin bottom |\n| `verticalLabelPadding` | `CSSProperties` | Vertical layout label padding |\n| `verticalLabelMargin` | `CSSProperties` | Vertical layout label margin |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1063,"content_sha256":"a366f1f41db7455b1fc3fec9d9e0dc960b7a5260f8fd60fda25e4264657342ad"},{"filename":"references/components/grid/demo/basic.md","content":"# Basic Grid\n\n## Description (en-US)\n\nFrom the stack to the horizontal arrangement.\n\nCreate a basic grid using a single set of `Row` and `Col`. All `Col` must be placed inside a `Row`.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-row>\n \u003ca-col :span=\"24\">\n col\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-row>\n \u003ca-col :span=\"12\">\n col-12\n \u003c/a-col>\n \u003ca-col :span=\"12\">\n col-12\n \u003c/a-col>\n \u003c/a-row>\n \u003ca-row>\n \u003ca-col :span=\"8\">\n col-8\n \u003c/a-col>\n \u003ca-col :span=\"8\">\n col-8\n \u003c/a-col>\n \u003ca-col :span=\"8\">\n col-8\n \u003c/a-col>\n \u003c/a-row>\n \u003ca-row>\n \u003ca-col :span=\"6\">\n col-6\n \u003c/a-col>\n \u003ca-col :span=\"6\">\n col-6\n \u003c/a-col>\n \u003ca-col :span=\"6\">\n col-6\n \u003c/a-col>\n \u003ca-col :span=\"6\">\n col-6\n \u003c/a-col>\n \u003c/a-row>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":789,"content_sha256":"c92ca8aac77843a2d96e08a1c4f38e9b2f45bd13f8b08ebcd662fc695dac1f4a"},{"filename":"references/components/grid/demo/flex-align.md","content":"# Alignment\n\n## Description (en-US)\n\nChild elements vertically aligned.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-divider title-placement=\"left\">\n Align Top\n \u003c/a-divider>\n \u003ca-row justify=\"center\" align=\"top\" class=\"row-demo\">\n \u003ca-col :span=\"4\">\n \u003cdiv class=\"demo-box height-100\">\n col-4\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n \u003cdiv class=\"demo-box height-50\">\n col-4\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n \u003cdiv class=\"demo-box height-120\">\n col-4\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n \u003cdiv class=\"demo-box height-80\">\n col-4\n \u003c/div>\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-divider title-placement=\"left\">\n Align Middle\n \u003c/a-divider>\n \u003ca-row justify=\"space-around\" align=\"middle\" class=\"row-demo\">\n \u003ca-col :span=\"4\">\n \u003cdiv class=\"demo-box height-100\">\n col-4\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n \u003cdiv class=\"demo-box height-50\">\n col-4\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n \u003cdiv class=\"demo-box height-120\">\n col-4\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n \u003cdiv class=\"demo-box height-80\">\n col-4\n \u003c/div>\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-divider title-placement=\"left\">\n Align Bottom\n \u003c/a-divider>\n \u003ca-row justify=\"space-between\" align=\"bottom\" class=\"row-demo\">\n \u003ca-col :span=\"4\">\n \u003cdiv class=\"demo-box height-100\">\n col-4\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n \u003cdiv class=\"demo-box height-50\">\n col-4\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n \u003cdiv class=\"demo-box height-120\">\n col-4\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n \u003cdiv class=\"demo-box height-80\">\n col-4\n \u003c/div>\n \u003c/a-col>\n \u003c/a-row>\n\u003c/template>\n\n\u003cstyle scoped>\n.row-demo {\n padding: 8px 0;\n background: rgba(128, 128, 128, 0.08);\n}\n.height-50 {\n height: 50px;\n line-height: 50px;\n}\n.height-80 {\n height: 80px;\n line-height: 80px;\n}\n.height-100 {\n height: 100px;\n line-height: 100px;\n}\n.height-120 {\n height: 120px;\n line-height: 120px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2074,"content_sha256":"88500ca72b3308ad2bd35d7e8d9f572c1feb9e2166cf74a8ec8485b073c7faa8"},{"filename":"references/components/grid/demo/flex-order.md","content":"# Order\n\n## Description (en-US)\n\nTo change the element order by `order`.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-divider title-placement=\"left\">\n Normal\n \u003c/a-divider>\n \u003ca-row class=\"row-demo\">\n \u003ca-col :span=\"6\" :order=\"4\">\n 1 col-order-4\n \u003c/a-col>\n \u003ca-col :span=\"6\" :order=\"3\">\n 2 col-order-3\n \u003c/a-col>\n \u003ca-col :span=\"6\" :order=\"2\">\n 3 col-order-2\n \u003c/a-col>\n \u003ca-col :span=\"6\" :order=\"1\">\n 4 col-order-1\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-divider title-placement=\"left\">\n Responsive\n \u003c/a-divider>\n \u003ca-row class=\"row-demo\">\n \u003ca-col\n :span=\"6\"\n :xs=\"{ order: 1 }\"\n :sm=\"{ order: 2 }\"\n :md=\"{ order: 3 }\"\n :lg=\"{ order: 4 }\"\n >\n 1 col-order-responsive\n \u003c/a-col>\n \u003ca-col\n :span=\"6\"\n :xs=\"{ order: 2 }\"\n :sm=\"{ order: 1 }\"\n :md=\"{ order: 4 }\"\n :lg=\"{ order: 3 }\"\n >\n 2 col-order-responsive\n \u003c/a-col>\n \u003ca-col\n :span=\"6\"\n :xs=\"{ order: 3 }\"\n :sm=\"{ order: 4 }\"\n :md=\"{ order: 2 }\"\n :lg=\"{ order: 1 }\"\n >\n 3 col-order-responsive\n \u003c/a-col>\n \u003ca-col\n :span=\"6\"\n :xs=\"{ order: 4 }\"\n :sm=\"{ order: 3 }\"\n :md=\"{ order: 1 }\"\n :lg=\"{ order: 2 }\"\n >\n 4 col-order-responsive\n \u003c/a-col>\n \u003c/a-row>\n\u003c/template>\n\n\u003cstyle scoped>\n.row-demo {\n padding: 8px 0;\n text-align: center;\n background: rgba(128, 128, 128, 0.08);\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1410,"content_sha256":"5c3446fda87208309ff22c1757dd796504e9c69b2c9638e2fba86ab467349c14"},{"filename":"references/components/grid/demo/flex-stretch.md","content":"# Flex Stretch\n\n## Description (en-US)\n\nCol provides `flex` to support filling the rest space.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-divider title-placement=\"left\">\n Percentage columns\n \u003c/a-divider>\n \u003ca-row>\n \u003ca-col :flex=\"2\" class=\"flex-col\">\n 2 / 5\n \u003c/a-col>\n \u003ca-col :flex=\"3\" class=\"flex-col\">\n 3 / 5\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-divider title-placement=\"left\">\n Fill rest\n \u003c/a-divider>\n \u003ca-row>\n \u003ca-col flex=\"100px\" class=\"flex-col\">\n 100px\n \u003c/a-col>\n \u003ca-col flex=\"auto\" class=\"flex-col\">\n Fill Rest\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-divider title-placement=\"left\">\n Raw flex style\n \u003c/a-divider>\n \u003ca-row>\n \u003ca-col flex=\"1 1 200px\" class=\"flex-col\">\n 1 1 200px\n \u003c/a-col>\n \u003ca-col flex=\"0 1 300px\" class=\"flex-col\">\n 0 1 300px\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-row :wrap=\"false\">\n \u003ca-col flex=\"none\" class=\"flex-col\">\n \u003cdiv class=\"flex-none\">\n none\n \u003c/div>\n \u003c/a-col>\n \u003ca-col flex=\"auto\" class=\"flex-col\">\n auto with no-wrap\n \u003c/a-col>\n \u003c/a-row>\n\u003c/template>\n\n\u003cstyle scoped>\n.flex-col {\n padding: 8px 0;\n color: #fff;\n text-align: center;\n background: #0092ff;\n}\n.flex-none {\n padding: 0 16px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1208,"content_sha256":"c92905bb05f68e18b8f771a22544f2e210835d624097f109469f1cc468c6161a"},{"filename":"references/components/grid/demo/flex.md","content":"# Typesetting\n\n## Description (en-US)\n\nBasic layout.\n\nChild elements are aligned in the parent by `start`, `center`, `end`, `space-between`, `space-around`, and `space-evenly`.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-divider title-placement=\"left\">\n sub-element align left\n \u003c/a-divider>\n \u003ca-row justify=\"start\">\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-divider title-placement=\"left\">\n sub-element align center\n \u003c/a-divider>\n \u003ca-row justify=\"center\">\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-divider title-placement=\"left\">\n sub-element align right\n \u003c/a-divider>\n \u003ca-row justify=\"end\">\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-divider title-placement=\"left\">\n sub-element monospaced arrangement\n \u003c/a-divider>\n \u003ca-row justify=\"space-between\">\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-divider title-placement=\"left\">\n sub-element align full\n \u003c/a-divider>\n \u003ca-row justify=\"space-around\">\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-divider title-placement=\"left\">\n sub-element align evenly\n \u003c/a-divider>\n \u003ca-row justify=\"space-evenly\">\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003ca-col :span=\"4\">\n col-4\n \u003c/a-col>\n \u003c/a-row>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2090,"content_sha256":"68780b6d2074bef705be620c456fd72bf16e3947bdb3286d8b0595147d34c51d"},{"filename":"references/components/grid/demo/gutter.md","content":"# Grid Gutter\n\n## Description (en-US)\n\nYou can use the `gutter` property of `Row` as grid spacing. We recommend `(16 + 8n)px` (`n` stands for natural number).\n\nFor responsive spacing, set it as an object like `{ xs: 8, sm: 16, md: 24, lg: 32 }`.\n\nFor vertical spacing, use an array `[horizontal, vertical]`.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-divider title-placement=\"left\">\n Horizontal\n \u003c/a-divider>\n \u003ca-row :gutter=\"16\">\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-divider title-placement=\"left\">\n Responsive\n \u003c/a-divider>\n \u003ca-row :gutter=\"{ xs: 8, sm: 16, md: 24, lg: 32 }\">\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003c/a-row>\n\n \u003ca-divider title-placement=\"left\">\n Vertical\n \u003c/a-divider>\n \u003ca-row :gutter=\"[16, 24]\">\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003ca-col :span=\"6\" class=\"gutter-row\">\n \u003cdiv class=\"gutter-box\">\n col-6\n \u003c/div>\n \u003c/a-col>\n \u003c/a-row>\n\u003c/template>\n\n\u003cstyle scoped>\n.gutter-box {\n padding: 8px 0;\n color: #fff;\n text-align: center;\n background: #0092ff;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2605,"content_sha256":"f3d1552230471193fa5ba467477f33e2fd47f7a8fe2169abb9005864eac2ca86"},{"filename":"references/components/grid/demo/offset.md","content":"# Column offset\n\n## Description (en-US)\n\n`offset` can set the column to the right side. For example, `offset={4}` shifts the element to the right by four columns.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-row>\n \u003ca-col :span=\"8\">\n col-8\n \u003c/a-col>\n \u003ca-col :span=\"8\" :offset=\"8\">\n col-8\n \u003c/a-col>\n \u003c/a-row>\n \u003ca-row>\n \u003ca-col :span=\"6\" :offset=\"6\">\n col-6 col-offset-6\n \u003c/a-col>\n \u003ca-col :span=\"6\" :offset=\"6\">\n col-6 col-offset-6\n \u003c/a-col>\n \u003c/a-row>\n \u003ca-row>\n \u003ca-col :span=\"12\" :offset=\"6\">\n col-12 col-offset-6\n \u003c/a-col>\n \u003c/a-row>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":596,"content_sha256":"844791238e0f83aac9552ca73d7f22b86e5e5abd062da528dabb221a6b9e42e2"},{"filename":"references/components/grid/demo/playground.md","content":"# Playground\n\n## Description (en-US)\n\nA simple playground for column count and gutter.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed, ref } from 'vue'\n\nconst gutterValues = [8, 16, 24, 32, 40, 48]\nconst vGutterValues = [8, 16, 24, 32, 40, 48]\nconst colCountValues = [2, 3, 4, 6, 8, 12]\n\nconst gutterKey = ref(1)\nconst vGutterKey = ref(1)\nconst colCountKey = ref(2)\n\nconst gutterMarks = gutterValues.reduce\u003cRecord\u003cnumber, number>>((acc, value, index) => {\n acc[index] = value\n return acc\n}, {})\nconst vGutterMarks = vGutterValues.reduce\u003cRecord\u003cnumber, number>>((acc, value, index) => {\n acc[index] = value\n return acc\n}, {})\nconst colCountMarks = colCountValues.reduce\u003cRecord\u003cnumber, number>>((acc, value, index) => {\n acc[index] = value\n return acc\n}, {})\n\nconst gutterValue = computed(() => gutterValues[gutterKey.value])\nconst vGutterValue = computed(() => vGutterValues[vGutterKey.value])\nconst colCount = computed(() => colCountValues[colCountKey.value])\nconst colSpan = computed(() => 24 / colCount.value!)\n\nconst formatGutter = (value?: number) => gutterValues[value ?? 0]\nconst formatVGutter = (value?: number) => vGutterValues[value ?? 0]\nconst formatColCount = (value?: number) => colCountValues[value ?? 0]\n\nconst colSnippet = computed(() => {\n return Array.from({ length: colCount.value! })\n .map(() => ` \u003ca-col :span=\"${colSpan.value}\">\u003cdiv>Column\u003c/div>\u003c/a-col>`)\n .join('\\n')\n})\n\nconst rowCode = computed(() => {\n return `\u003ca-row :gutter=\"[${gutterValue.value}, ${vGutterValue.value}]\">\\n${colSnippet.value}\\n${colSnippet.value}\\n\u003c/a-row>`\n})\n\nconst rowCodeSingle = computed(() => {\n return `\u003ca-row :gutter=\"[${gutterValue.value}, ${vGutterValue.value}]\">\\n${colSnippet.value}\\n\u003c/a-row>`\n})\n\u003c/script>\n\n\u003ctemplate>\n \u003cdiv class=\"grid-playground\">\n \u003cspan>Horizontal Gutter (px):\u003c/span>\n \u003cdiv class=\"slider-wrap\">\n \u003ca-slider\n v-model:value=\"gutterKey\"\n :min=\"0\"\n :max=\"gutterValues.length - 1\"\n :marks=\"gutterMarks\"\n :step=\"null\"\n :tooltip=\"{ formatter: formatGutter }\"\n />\n \u003c/div>\n\n \u003cspan>Vertical Gutter (px):\u003c/span>\n \u003cdiv class=\"slider-wrap\">\n \u003ca-slider\n v-model:value=\"vGutterKey\"\n :min=\"0\"\n :max=\"vGutterValues.length - 1\"\n :marks=\"vGutterMarks\"\n :step=\"null\"\n :tooltip=\"{ formatter: formatVGutter }\"\n />\n \u003c/div>\n\n \u003cspan>Column Count:\u003c/span>\n \u003cdiv class=\"slider-wrap slider-wrap-bottom\">\n \u003ca-slider\n v-model:value=\"colCountKey\"\n :min=\"0\"\n :max=\"colCountValues.length - 1\"\n :marks=\"colCountMarks\"\n :step=\"null\"\n :tooltip=\"{ formatter: formatColCount }\"\n />\n \u003c/div>\n\n \u003ca-row :gutter=\"[gutterValue, vGutterValue]\">\n \u003ctemplate v-for=\"_index in colCount\" :key=\"`row-a-${_index}`\">\n \u003ca-col :span=\"colSpan\">\n \u003cdiv>Column\u003c/div>\n \u003c/a-col>\n \u003c/template>\n \u003ctemplate v-for=\"_index in colCount\" :key=\"`row-b-${_index}`\">\n \u003ca-col :span=\"colSpan\">\n \u003cdiv>Column\u003c/div>\n \u003c/a-col>\n \u003c/template>\n \u003c/a-row>\n\n \u003cdiv class=\"row-label\">\n Another Row:\n \u003c/div>\n \u003ca-row :gutter=\"[gutterValue, vGutterValue]\">\n \u003ctemplate v-for=\"_index in colCount\" :key=\"`row-c-${_index}`\">\n \u003ca-col :span=\"colSpan\">\n \u003cdiv>Column\u003c/div>\n \u003c/a-col>\n \u003c/template>\n \u003c/a-row>\n\n \u003cpre class=\"demo-code\">{{ rowCode }}\u003c/pre>\n \u003cpre class=\"demo-code\">{{ rowCodeSingle }}\u003c/pre>\n \u003c/div>\n\u003c/template>\n\n\u003cstyle scoped>\n.grid-playground {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.slider-wrap {\n width: 50%;\n}\n.slider-wrap-bottom {\n margin-bottom: 48px;\n}\n.row-label {\n margin-top: 8px;\n}\n.grid-playground div .ant-col {\n padding: 0;\n background: transparent !important;\n border: 0;\n}\n.grid-playground .ant-col > div {\n height: 120px;\n font-size: 14px;\n line-height: 120px;\n text-align: center;\n background: #0092ff;\n border-radius: 4px;\n}\n.grid-playground pre {\n padding: 8px 16px;\n font-size: 14px;\n background: #f9f9f9;\n border-radius: 6px;\n}\n.grid-playground pre.demo-code {\n direction: ltr;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":4132,"content_sha256":"b4c474bbb31ad9deea505264d0bfc54d969a9e2b30f98fb0dcc16c57738d2f5b"},{"filename":"references/components/grid/demo/responsive-flex.md","content":"# Flex Responsive\n\n## Description (en-US)\n\nSupport flexible responsive flex ratios, which require CSS Variables support in the browser.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nconst columns = Array.from({ length: 10 }, (_, index) => index)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-row>\n \u003ca-col\n v-for=\"index in columns\"\n :key=\"`col-${index}`\"\n :xs=\"{ flex: '100%' }\"\n :sm=\"{ flex: '50%' }\"\n :md=\"{ flex: '40%' }\"\n :lg=\"{ flex: '20%' }\"\n :xl=\"{ flex: '10%' }\"\n class=\"flex-col\"\n >\n Col\n \u003c/a-col>\n \u003c/a-row>\n\u003c/template>\n\n\u003cstyle scoped>\n.flex-col {\n padding: 8px 0;\n color: #fff;\n text-align: center;\n background: #0092ff;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":683,"content_sha256":"ac48ca79061ef762d12e415e7f1439f1082bfe736db839a942bf0a1b272d1c5b"},{"filename":"references/components/grid/demo/responsive-more.md","content":"# More responsive\n\n## Description (en-US)\n\n`span` `pull` `push` `offset` `order` can be embedded into `xs` `sm` `md` `lg` `xl` `xxl` properties to use, where `xs={6}` equals to `xs={{ span: 6 }}`.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-row>\n \u003ca-col :xs=\"{ span: 5, offset: 1 }\" :lg=\"{ span: 6, offset: 2 }\">\n Col\n \u003c/a-col>\n \u003ca-col :xs=\"{ span: 11, offset: 1 }\" :lg=\"{ span: 6, offset: 2 }\">\n Col\n \u003c/a-col>\n \u003ca-col :xs=\"{ span: 5, offset: 1 }\" :lg=\"{ span: 6, offset: 2 }\">\n Col\n \u003c/a-col>\n \u003c/a-row>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":544,"content_sha256":"3c1ec370ea2c3bc630f4b46d0eec2e3cc816c21b3665943e86afc8cd0e3e03ad"},{"filename":"references/components/grid/demo/responsive.md","content":"# Responsive\n\n## Description (en-US)\n\nReferring to the Bootstrap [responsive design](http://getbootstrap.com/css/#grid-media-queries), here preset seven dimensions: `xs` `sm` `md` `lg` `xl` `xxl` `xxxl`.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-row>\n \u003ca-col :xs=\"2\" :sm=\"4\" :md=\"6\" :lg=\"8\" :xl=\"10\">\n Col\n \u003c/a-col>\n \u003ca-col :xs=\"20\" :sm=\"16\" :md=\"12\" :lg=\"8\" :xl=\"4\">\n Col\n \u003c/a-col>\n \u003ca-col :xs=\"2\" :sm=\"4\" :md=\"6\" :lg=\"8\" :xl=\"10\">\n Col\n \u003c/a-col>\n \u003c/a-row>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":501,"content_sha256":"48763c43dbe40d759ae14236b413757604387004f2a13bbe12a039ff7ba1b04b"},{"filename":"references/components/grid/demo/sort.md","content":"# Grid sort\n\n## Description (en-US)\n\nBy using `push` and `pull`, you can easily change column order.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-row>\n \u003ca-col :span=\"18\" :push=\"6\">\n col-18 col-push-6\n \u003c/a-col>\n \u003ca-col :span=\"6\" :pull=\"18\">\n col-6 col-pull-18\n \u003c/a-col>\n \u003c/a-row>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":308,"content_sha256":"7a596ad9b81e7879cdf65e60925f3edf9d67b2a05cc85a8cfb8321a9cc7fc4c6"},{"filename":"references/components/grid/demo/useBreakpoint.md","content":"# useBreakpoint Hook\n\n## Description (en-US)\n\nUse the `useBreakpoint` hook to build personalized layouts. `xs` only takes effect when the screen matches the minimum width.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { useBreakpoint } from 'antdv-next'\nimport { computed } from 'vue'\n\nconst screens = useBreakpoint()\nconst screenKeys = computed(() => Object.entries(screens.value ?? {}).filter(screen => !!screen[1]))\n\u003c/script>\n\n\u003ctemplate>\n Current break point:\n \u003cdiv class=\"gap-2 inline-flex\">\n \u003ctemplate v-for=\"item in screenKeys\" :key=\"item[0]\">\n \u003ca-tag color=\"blue\">\n {{ item[0] }}\n \u003c/a-tag>\n \u003c/template>\n \u003c/div>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":665,"content_sha256":"03dad1eea2b9b84c371ac054e4e59f87ce05835cd8c7f4e3e01081276ea6a0cd"},{"filename":"references/components/grid/docs.md","content":"---\ntitle: Grid\ndescription: 24 Grids System.\n---\n\n## Design concept\n\n\u003cdiv class=\"grid-demo\">\n \u003cimg draggable=\"false\" src=\"https://gw.alipayobjects.com/zos/bmw-prod/9189c9ef-c601-40dc-9960-c11dbb681888.svg\" alt=\"grid design\" />\n\u003c/div>\n\nIn most business situations, Antdv Next needs to solve a lot of information storage problems within the design area, so based on 12 Grids System, we divided the design area into 24 sections.\n\nWe name the divided area 'box'. We suggest four boxes for horizontal arrangement at most, one at least. Boxes are proportional to the entire screen as shown in the picture above. To ensure a high level of visual comfort, we customize the typography inside of the box based on the box unit.\n\n## Outline\n\nIn the grid system, we define the frame outside the information area based on `row` and `column`, to ensure that every area can have stable arrangement.\n\nFollowing is a brief look at how it works:\n\n- Establish a set of `column` in the horizontal space defined by `row` (abbreviated col).\n- Your content elements should be placed directly in the `col`, and only `col` should be placed directly in `row`.\n- The column grid system is a value of 1-24 to represent its range spans. For example, three columns of equal width can be created by `\u003cCol span={8} />`.\n- If the sum of `col` spans in a `row` are more than 24, then the overflowing `col` as a whole will start a new line arrangement.\n\nOur grid systems base on Flex layout to allow the elements within the parent to be aligned horizontally - left, center, right, wide arrangement, and decentralized arrangement. The Grid system also supports vertical alignment - top aligned, vertically centered, bottom-aligned. You can also define the order of elements by using `order`.\n\nLayout uses a 24 grid layout to define the width of each \"box\", but does not rigidly adhere to the grid layout.\n\n## Examples\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic Grid | demo/basic.md |\n| Grid Gutter | demo/gutter.md |\n| Column offset | demo/offset.md |\n| Grid sort | demo/sort.md |\n| Typesetting | demo/flex.md |\n| Alignment | demo/flex-align.md |\n| Order | demo/flex-order.md |\n| Flex Stretch | demo/flex-stretch.md |\n| Responsive | demo/responsive.md |\n| Flex Responsive | demo/responsive-flex.md |\n| More responsive | demo/responsive-more.md |\n| Playground | demo/playground.md |\n| useBreakpoint Hook | demo/useBreakpoint.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Row\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| align | Vertical alignment | `top` \\| `middle` \\| `bottom` \\| `stretch` \\| `{[key in 'xs' \\| 'sm' \\| 'md' \\| 'lg' \\| 'xl' \\| 'xxl' \\| 'xxxl']: 'top' \\| 'middle' \\| 'bottom' \\| 'stretch'}` | `top` | object: 4.24.0 |\n| gutter | Spacing between grids, could be a [string CSS units](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Values_and_Units) or a object like { xs: 8, sm: 16, md: 24}. Or you can use array to make horizontal and vertical spacing work at the same time `[horizontal, vertical]` | number \\| string \\| object \\| array | 0 | string: 5.28.0 |\n| justify | Horizontal arrangement | `start` \\| `end` \\| `center` \\| `space-around` \\| `space-between` \\| `space-evenly` \\| `{[key in 'xs' \\| 'sm' \\| 'md' \\| 'lg' \\| 'xl' \\| 'xxl' \\| 'xxxl']: 'start' \\| 'end' \\| 'center' \\| 'space-around' \\| 'space-between' \\| 'space-evenly'}` | `start` | object: 4.24.0 |\n| wrap | Auto wrap line | boolean | true | 4.8.0 |\n\n### Col\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| flex | Flex layout style | string \\| number | - | |\n| offset | The number of cells to offset Col from the left | number | 0 | |\n| order | Raster order | number | 0 | |\n| pull | The number of cells that raster is moved to the left | number | 0 | |\n| push | The number of cells that raster is moved to the right | number | 0 | |\n| span | Raster number of cells to occupy, 0 corresponds to `display: none` | number | none | |\n| xs | `screen \u003c 576px` and also default setting, could be a `span` value or an object containing above props | number \\| object | - | |\n| sm | `screen ≥ 576px`, could be a `span` value or an object containing above props | number \\| object | - | |\n| md | `screen ≥ 768px`, could be a `span` value or an object containing above props | number \\| object | - | |\n| lg | `screen ≥ 992px`, could be a `span` value or an object containing above props | number \\| object | - | |\n| xl | `screen ≥ 1200px`, could be a `span` value or an object containing above props | number \\| object | - | |\n| xxl | `screen ≥ 1600px`, could be a `span` value or an object containing above props | number \\| object | - | |\n| xxxl | `screen ≥ 1920px`, could be a `span` value or an object containing above props | number \\| object | - | 1.0.3 |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":4883,"content_sha256":"6ce3079682ebfc607c64a8e92b10c3a348fff2307f8324200077281cf22324a7"},{"filename":"references/components/icon/demo/basic.md","content":"# Basic\n\n## Description (en-US)\n\nImport icons from `@antdv-next/icons`, component name of icons with different theme is the icon name suffixed by the theme name. Specify the `spin` property to show the spinning animation.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport {\n HomeOutlined,\n LoadingOutlined,\n SettingFilled,\n SmileOutlined,\n SyncOutlined,\n} from '@antdv-next/icons'\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space>\n \u003cHomeOutlined />\n \u003cSettingFilled />\n \u003cSmileOutlined />\n \u003cSyncOutlined spin />\n \u003cSmileOutlined :rotate=\"180\" />\n \u003cLoadingOutlined />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":601,"content_sha256":"9a97cef76ef5af6be5e0d09a68e42bd3bd93b6b82fd82dac6374bcf8094e65e1"},{"filename":"references/components/icon/demo/custom.md","content":"# Custom Icon\n\n## Description (en-US)\n\nCreate a reusable Vue component by using `Icon`. The property / slot `component` takes a Vue component that renders to `svg` element.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport Icon, { HomeOutlined } from '@antdv-next/icons'\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space>\n \u003cIcon>\n \u003ctemplate #component>\n \u003csvg width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 1024 1024\">\n \u003ctitle>heart icon\u003c/title>\n \u003cpath\n d=\"M923 283.6c-13.4-31.1-32.6-58.9-56.9-82.8-24.3-23.8-52.5-42.4-84-55.5-32.5-13.5-66.9-20.3-102.4-20.3-49.3 0-97.4 13.5-139.2 39-10 6.1-19.5 12.8-28.5 20.1-9-7.3-18.5-14-28.5-20.1-41.8-25.5-89.9-39-139.2-39-35.5 0-69.9 6.8-102.4 20.3-31.4 13-59.7 31.7-84 55.5-24.4 23.9-43.5 51.7-56.9 82.8-13.9 32.3-21 66.6-21 101.9 0 33.3 6.8 68 20.3 103.3 11.3 29.5 27.5 60.1 48.2 91 32.8 48.9 77.9 99.9 133.9 151.6 92.8 85.7 184.7 144.9 188.6 147.3l23.7 15.2c10.5 6.7 24 6.7 34.5 0l23.7-15.2c3.9-2.5 95.7-61.6 188.6-147.3 56-51.7 101.1-102.7 133.9-151.6 20.7-30.9 37-61.5 48.2-91 13.5-35.3 20.3-70 20.3-103.3 0.1-35.3-7-69.6-20.9-101.9z\"\n />\n \u003c/svg>\n \u003c/template>\n \u003c/Icon>\n \u003cIcon>\n \u003ctemplate #component>\n \u003csvg viewBox=\"0 0 1024 1024\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n \u003ctitle>Panda icon\u003c/title>\n \u003cpath\n d=\"M99.096 315.634s-82.58-64.032-82.58-132.13c0-66.064 33.032-165.162 148.646-148.646 83.37 11.91 99.096 165.162 99.096 165.162l-165.162 115.614zM924.906 315.634s82.58-64.032 82.58-132.13c0-66.064-33.032-165.162-148.646-148.646-83.37 11.91-99.096 165.162-99.096 165.162l165.162 115.614z\"\n fill=\"#6B676E\"\n />\n \u003cpath\n d=\"M1024 561.548c0 264.526-229.23 429.42-512.002 429.42S0 826.076 0 561.548 283.96 66.064 512.002 66.064 1024 297.022 1024 561.548z\"\n fill=\"#FFEBD2\"\n />\n \u003cpath\n d=\"M330.324 842.126c0 82.096 81.34 148.646 181.678 148.646s181.678-66.55 181.678-148.646H330.324z\"\n fill=\"#E9D7C3\"\n />\n \u003cpath\n d=\"M644.13 611.098C594.582 528.516 561.55 512 512.002 512c-49.548 0-82.58 16.516-132.13 99.096-42.488 70.814-78.73 211.264-49.548 247.742 66.064 82.58 165.162 33.032 181.678 33.032 16.516 0 115.614 49.548 181.678-33.032 29.18-36.476-7.064-176.93-49.55-247.74z\"\n fill=\"#FFFFFF\"\n />\n \u003cpath\n d=\"M611.098 495.484c0-45.608 36.974-82.58 82.58-82.58 49.548 0 198.194 99.098 198.194 165.162s-79.934 144.904-148.646 99.096c-49.548-33.032-132.128-148.646-132.128-181.678zM412.904 495.484c0-45.608-36.974-82.58-82.58-82.58-49.548 0-198.194 99.098-198.194 165.162s79.934 144.904 148.646 99.096c49.548-33.032 132.128-148.646 132.128-181.678z\"\n fill=\"#6B676E\"\n />\n \u003cpath\n d=\"M512.002 726.622c-30.06 0-115.614 5.668-115.614 33.032 0 49.638 105.484 85.24 115.614 82.58 10.128 2.66 115.614-32.944 115.614-82.58-0.002-27.366-85.556-33.032-115.614-33.032z\"\n fill=\"#464655\"\n />\n \u003cpath\n d=\"M330.324 495.484m-33.032 0a33.032 33.032 0 1 0 66.064 0 33.032 33.032 0 1 0-66.064 0Z\"\n fill=\"#464655\"\n />\n \u003cpath\n d=\"M693.678 495.484m-33.032 0a33.032 33.032 0 1 0 66.064 0 33.032 33.032 0 1 0-66.064 0Z\"\n fill=\"#464655\"\n />\n \u003c/svg>\n \u003c/template>\n \u003c/Icon>\n \u003cIcon :component=\"HomeOutlined\" />\n \u003cHomeOutlined />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":3494,"content_sha256":"c2f75c95ff348014c86d7a894ef45a367d59d0678190a7ae612af73621983a00"},{"filename":"references/components/icon/demo/iconfont.md","content":"# Use iconfont.cn\n\n## Description (en-US)\n\nIf you are using [iconfont.cn](http://iconfont.cn/), you can use the icons in your project gracefully.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { createFromIconfontCN } from '@antdv-next/icons'\n\nconst IconFont = createFromIconfontCN({\n scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',\n})\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space>\n \u003cIconFont type=\"icon-tuichu\" />\n \u003cIconFont type=\"icon-facebook\" style=\"color: '#1877F2'\" />\n \u003cIconFont type=\"icon-twitter\" />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":549,"content_sha256":"92e1ea352f8bb9c57a7374522ffd3a1c937d6e6d12bfd2cd9b5ec70a6c0443b2"},{"filename":"references/components/icon/demo/scriptUrl.md","content":"# Multiple resources from iconfont.cn\n\n## Description (en-US)\n\nYou can use `scriptUrl` to manage icons in one icon from multiple [iconfont.cn](http://iconfont.cn/) resources. If an icon with a duplicate name is in resources, it will be overridden in array order.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { createFromIconfontCN } from '@antdv-next/icons'\n\nconst IconFont = createFromIconfontCN({\n scriptUrl: [\n '//at.alicdn.com/t/font_1788044_0dwu4guekcwr.js', // icon-javascript, icon-java, icon-shoppingcart (overridden)\n '//at.alicdn.com/t/font_1788592_a5xf2bdic3u.js', // icon-shoppingcart, icon-python\n ],\n})\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space>\n \u003cIconFont type=\"icon-javascript\" />\n \u003cIconFont type=\"icon-java\" />\n \u003cIconFont type=\"icon-shoppingcart\" />\n \u003cIconFont type=\"icon-python\" />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":847,"content_sha256":"36e8d9eec5549552e8833d7a1dd2f788b8d4a73cbb1a58271313038166b3bfb5"},{"filename":"references/components/icon/demo/two-tone.md","content":"# Two-tone icon and colorful icon\n\n## Description (en-US)\n\nYou can set the `twoToneColor` prop to a specific primary color for two-tone icons.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { CheckCircleTwoTone, HeartTwoTone, SmileTwoTone } from '@antdv-next/icons'\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space>\n \u003cSmileTwoTone />\n \u003cHeartTwoTone two-tone-color=\"#eb2f96\" />\n \u003cCheckCircleTwoTone two-tone-color=\"#52c41a\" />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":452,"content_sha256":"8b00ff4f0307f5f2872315952407e20a7566eb95286e857a79b291fa92dd8fa2"},{"filename":"references/components/icon/docs.md","content":"---\ntitle: Icon\ndescription: Semantic vector graphics.\n---\n\n## How to use\n\nBefore using icons, you need to install the [@antdv-next/icons](https://www.npmjs.com/package/@antdv-next/icons) package:\n\n\u003cInstallDependencies npm='npm install @antdv-next/icons' yarn='yarn add @antdv-next/icons' pnpm='pnpm install @antdv-next/icons' bun='bun add @antdv-next/icons'>\u003c/InstallDependencies>\n\n## List of icons\n\n\u003cIconSearch>\u003c/IconSearch>\n\n## Examples\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic | demo/basic.md |\n| Two-tone icon and colorful icon | demo/two-tone.md |\n| Custom Icon | demo/custom.md |\n| Use iconfont.cn | demo/iconfont.md |\n| Multiple resources from iconfont.cn | demo/scriptUrl.md |\n\n## API\n\n### Common Icon\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| className | The className of Icon | string | - | |\n| rotate | Rotate by n degrees (not working in IE9) | number | - | |\n| spin | Rotate icon with animation | boolean | false | |\n| style | The style properties of icon, like `fontSize` and `color` | CSSProperties | - | |\n| twoToneColor | Only supports the two-tone icon. Specify the primary color | string (hex color) | - | |\n\nWe still have three different themes for icons, icon component name is the icon name suffixed by the theme name.\n\n```vue\n\u003cscript setup>\nimport { StarFilled, StarOutlined, StarTwoTone } from '@antdv-next/icons'\n\u003c/script>\n\n\u003ctemplate>\n \u003cStarOutlined />\n \u003cStarFilled />\n \u003cStarTwoTone two-tone-color=\"#eb2f96\" />\n\u003c/template>\n```\n\n### Custom Icon\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| component | The component used for the root node | ComponentType<CustomIconComponentProps> | - | |\n| rotate | Rotate degrees (not working in IE9) | number | - | |\n| spin | Rotate icon with animation | boolean | false | |\n| style | The style properties of icon, like `fontSize` and `color` | CSSProperties | - | |\n\n### About SVG icons\n\n- Complete offline usage of icons, without dependency on a CDN-hosted font icon file (No more empty square during downloading and no need to deploy icon font files locally either!)\n- Much more display accuracy on lower-resolution screens\n- The ability to choose icon color\n- No need to change built-in icons with overriding styles by providing more props in component\n\nMore discussion of SVG icon reference at [#10353](https://github.com/ant-design/ant-design/issues/10353).\n\nAll the icons will render to `\u003csvg>`. You can still set `style` and `class` for size and color of icons.\n\n```vue\n\u003cscript lang=\"ts\" setup>\n import { MessageOutlined } from '@antdv-next/icons'\n\u003c/script>\n\u003ctemplate>\n \u003cMessageOutlined style=\"fontSize: 16px; color: #08c\" />\n\u003c/template>\n```\n\n### Set TwoTone Color\n\nWhen using the two-tone icons, you can use the static methods `getTwoToneColor()` and `setTwoToneColor(colorString)` to specify the primary color.\n\n```jsx\nimport { getTwoToneColor, setTwoToneColor } from '@antdv-next/icons'\n\nsetTwoToneColor('#eb2f96')\ngetTwoToneColor() // #eb2f96\n```\n\n### Custom Font Icon\n\nWe added a `createFromIconfontCN` function to help developer use their own icons deployed at [iconfont.cn](http://iconfont.cn/) in a convenient way.\n\n> This method is specified for [iconfont.cn](http://iconfont.cn/).\n\n```js\nimport { createFromIconfontCN } from '@antdv-next/icons'\n\nconst MyIcon = createFromIconfontCN({\n scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js', // 在 iconfont.cn 上生成\n})\n```\n\nIt creates a component that uses SVG sprites in essence.\n\nThe following options are available:\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| extraCommonProps | Define extra properties to the component | { \\[key: string]: any } | {} | |\n| scriptUrl | The URL generated by [iconfont.cn](http://iconfont.cn/) project | string \\| string\\[] | - | |\n\nThe property `scriptUrl` should be set to import the SVG sprite symbols.\n\nSee [iconfont.cn documents](http://iconfont.cn/help/detail?spm=a313x.7781069.1998910419.15&helptype=code) to learn about how to generate `scriptUrl`.\n\n### Custom SVG Icon\n\nYou can import SVG icon as a vue component by using `webpack` and [`@svgr/webpack`](https://www.npmjs.com/package/@svgr/webpack). `@svgr/webpack`'s `options` [reference](https://github.com/smooth-code/svgr#options).\n\n```js\n// webpack.config.js\nmodule.exports = {\n // ... other config\n test: /\\.svg(\\?v=\\d+\\.\\d+\\.\\d+)?$/,\n use: [\n {\n loader: 'babel-loader',\n },\n {\n loader: '@svgr/webpack',\n options: {\n babel: false,\n icon: true,\n },\n },\n ],\n}\n```\n\nThe following properties are available for the component:\n\n| Property | Description | Type | Readonly | Version |\n| --- | --- | --- | --- | --- |\n| class | The computed class name of the `svg` element | string | - | |\n| fill | Define the color used to paint the `svg` element | string | `currentColor` | |\n| height | The height of the `svg` element | string \\| number | `1em` | |\n| style | The computed style of the `svg` element | CSSProperties | - | |\n| width | The width of the `svg` element | string \\| number | `1em` | |\n\n## FAQ\n\n### Why does icon style sometimes cause global style error? \nRelated issue: [#54391](https://github.com/ant-design/ant-design/issues/54391)\n\nWhen enable `layer`, icon style may deprioritize `@layer antd` and cause all components to be styled abnormally.\n\nThis problem can be resolved by two steps below:\n\n1. use `@antdv-next/icons` with `@antdv-next`.\n2. stop to use static methods of `message`, `Modal` and `notification`. use hooks version or `App` provided instance.\n\nIf you must use static methods, you can put any of icon components just under `App`, what helps to avoid style impact caused by static methods.\n\n```diff\n\u003ca-style-provider layer>\n \u003ca-config-provider>\n \u003ca-app>\n+ {/* any icon */}\n+ \u003cRightOutlined />\n {/* your pages */}\n \u003c/a-app>\n \u003c/a-config-provider>\n\u003c/a-style-provider>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":5949,"content_sha256":"c6c572153527922e403e6485f45a7bbe38068426ca950c376e2b8485e6a7e041"},{"filename":"references/components/image/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { theme } from 'antdv-next'\nimport { computed, ref } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root') },\n { name: 'image', desc: t('image') },\n { name: 'cover', desc: t('cover') },\n { name: 'popup.root', desc: t('popup.root') },\n { name: 'popup.mask', desc: t('popup.mask') },\n { name: 'popup.body', desc: t('popup.body') },\n { name: 'popup.footer', desc: t('popup.footer') },\n { name: 'popup.actions', desc: t('popup.actions') },\n { name: 'popup.close', desc: t('popup.close'), version: '1.3.0' },\n])\n\nconst { token } = theme.useToken()\nconst holderRef = ref\u003cHTMLDivElement | null>(null)\n\nconst previewItems = [\n 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg',\n 'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Image\"\n :padding=\"false\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003ca-flex vertical align=\"center\" :style=\"{ minHeight: '100%', width: '100%' }\">\n \u003ca-flex :style=\"{ padding: `${token.padding}px`, flex: 'none' }\" justify=\"center\">\n \u003ca-image\n :width=\"200\"\n src=\"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png\"\n :classes=\"classes\"\n :preview=\"{ getContainer: () => holderRef! }\"\n />\n \u003c/a-flex>\n \u003cdiv ref=\"holderRef\" :style=\"{ flex: 1, position: 'relative', minHeight: '500px', width: '100%' }\">\n \u003ca-image-preview-group\n :items=\"previewItems\"\n :classes=\"classes\"\n :styles=\"{ popup: { root: { position: 'absolute' } } }\"\n :preview=\"{ getContainer: () => holderRef!, open: true }\"\n />\n \u003c/div>\n \u003c/a-flex>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2104,"content_sha256":"74c63ac55ca0fdc53d0dc4115c0d8563bf15da49f021aad4199b4a7de93c6605"},{"filename":"references/components/image/demo/basic.md","content":"# Basic Usage\n\n## Description (en-US)\n\nClick the image to zoom in.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-image\n :width=\"200\"\n alt=\"basic\"\n src=\"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":249,"content_sha256":"dce2ecc89ac9b887b3890a47d947d4018655a0046df9231a9f5a074d825ee2b7"},{"filename":"references/components/image/demo/controlled-preview.md","content":"# Controlled Preview\n\n## Description (en-US)\n\nYou can make preview controlled.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst open = ref(false)\nconst scaleStep = ref(0.5)\n\u003c/script>\n\n\u003ctemplate>\n \u003cdiv>\n scaleStep: {{ scaleStep }}\n \u003ca-input-number v-model:value=\"scaleStep\" min=\"0.1\" max=\"5\" step=\"0.1\" />\n \u003c/div>\n \u003cbr>\n \u003ca-button type=\"primary\" @click=\"open = true\">\n show image preview\n \u003c/a-button>\n \u003ca-image\n alt=\"basic image\"\n :width=\"200\"\n style=\"display: none;\"\n src=\"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/blur,r_50,s_50/quality,q_1/resize,m_mfit,h_200,w_200\"\n :preview=\"{\n open,\n scaleStep,\n src: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',\n onOpenChange(val: boolean) {\n open = val\n },\n }\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":906,"content_sha256":"8d21cfe15badbaf0218bd9d0e631c8796691fa008527da9791bec019f66dccc5"},{"filename":"references/components/image/demo/fallback.md","content":"# Fault tolerant\n\n## Description (en-US)\n\nLoad failed to display image placeholder.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-image\n alt=\"basic image\"\n :width=\"200\"\n :height=\"200\"\n src=\"error\"\n fallback=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg==\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":3465,"content_sha256":"45c94f5cc45aea830877141757bb8a6e762d129e01b16c4265d28ad89a3bcd0e"},{"filename":"references/components/image/demo/imageRender.md","content":"# Custom preview render\n\n## Description (en-US)\n\nYou can customize the preview content.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { h } from 'vue'\n\nconst imageRender = h('video', {\n muted: true,\n width: '100%',\n controls: true,\n src: 'https://mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*uYT7SZwhJnUAAAAAAAAAAAAADgCCAQ',\n})\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-image :width=\"200\" alt=\"slot image\" src=\"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png\" :preview=\"{ actionsRender: () => null }\">\n \u003ctemplate #imageRender>\n \u003cvideo\n muted\n width=\"100%\"\n controls\n src=\"https://mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*uYT7SZwhJnUAAAAAAAAAAAAADgCCAQ\"\n />\n \u003c/template>\n \u003c/a-image>\n \u003cbr>\n \u003ca-image\n :width=\"200\"\n alt=\"preview image\"\n src=\"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png\"\n :preview=\"{\n imageRender: () => imageRender,\n actionsRender: () => null,\n }\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1021,"content_sha256":"5ba6fb737a666f2e4eff9a8c077125e59ad390056dcd89b8b7d5674156064732"},{"filename":"references/components/image/demo/mask.md","content":"# preview mask\n\n## Description (en-US)\n\nmask effect, default `blur`.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-image\n :width=\"100\"\n alt=\"Default blur\"\n src=\"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png\"\n :preview=\"{\n mask: true,\n }\"\n >\n \u003ctemplate #cover>\n \u003ca-space vertical align=\"center\">\n Default blur\n \u003c/a-space>\n \u003c/template>\n \u003c/a-image>\n \u003ca-image\n :width=\"100\"\n alt=\"Dimmed mask\"\n src=\"https://www.antdv-next.com/antdv-next.svg\"\n :preview=\"{\n mask: { blur: false },\n }\"\n >\n \u003ctemplate #cover>\n \u003ca-space vertical align=\"center\">\n Dimmed mask\n \u003c/a-space>\n \u003c/template>\n \u003c/a-image>\n \u003ca-image\n :width=\"100\"\n alt=\"No mask\"\n src=\"https://cn.vuejs.org/logo.svg\"\n :preview=\"{\n mask: false,\n }\"\n >\n \u003ctemplate #cover>\n \u003ca-space vertical align=\"center\">\n No mask\n \u003c/a-space>\n \u003c/template>\n \u003c/a-image>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":969,"content_sha256":"58233f421d6f70d80efc14718ccaa04be381d09a42c012a17ba2776bd0d2e313"},{"filename":"references/components/image/demo/nested.md","content":"# nested\n\n## Description (en-US)\n\nNested in the modal.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst show1 = ref(false)\nconst show2 = ref(false)\nconst show3 = ref(false)\n\nfunction handlePreviewGroupChange(current: number, prev: number) {\n console.log(`current index: ${current}, prev index: ${prev}`)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-button @click=\"show1 = true\">\n showModal\n \u003c/a-button>\n \u003ca-modal\n v-model:open=\"show1\"\n @cancel=\"show1 = false\"\n @ok=\"show1 = false\"\n >\n \u003ca-button @click=\"show2 = true\">\n test2\n \u003c/a-button>\n \u003ca-modal\n v-model:open=\"show2\"\n @cancel=\"show2 = false\"\n @ok=\"show2 = false\"\n >\n \u003ca-button @click=\"show3 = true\">\n test3\n \u003c/a-button>\n \u003ca-modal\n v-model:open=\"show3\"\n @cancel=\"show3 = false\"\n @ok=\"show3 = false\"\n >\n \u003ca-image\n :width=\"200\"\n alt=\"svg image\"\n src=\"https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg\"\n />\n \u003ca-divider />\n \u003ca-image-preview-group\n :preview=\"{\n onChange: handlePreviewGroupChange,\n }\"\n >\n \u003ca-image\n :width=\"200\"\n alt=\"svg image\"\n src=\"https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg\"\n />\n \u003ca-image\n :width=\"200\"\n src=\"https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg\"\n />\n \u003c/a-image-preview-group>\n \u003c/a-modal>\n \u003c/a-modal>\n \u003c/a-modal>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1585,"content_sha256":"8c1affc86237a35f7862cba2acfc9e261f5819871178532962e3562b587e57eb"},{"filename":"references/components/image/demo/placeholder.md","content":"# Progressive Loading\n\n## Description (en-US)\n\nProgressive when large image loading.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst random = shallowRef(Date.now())\n\nfunction setRandom() {\n random.value = Date.now()\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space :size=\"12\">\n \u003ca-image :width=\"200\" alt=\"basic image\" :src=\"`https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?${random}`\">\n \u003ctemplate #placeholder>\n \u003ca-image\n :preview=\"false\"\n alt=\"placeholder image\"\n src=\"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/blur,r_50,s_50/quality,q_1/resize,m_mfit,h_200,w_200\"\n :width=\"200\"\n />\n \u003c/template>\n \u003c/a-image>\n \u003ca-button\n type=\"primary\"\n @click=\"setRandom\"\n >\n Reload\n \u003c/a-button>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":906,"content_sha256":"e02d825bfd7e4b57b3a6be03e073115ea6b177b4071dd03cb40667fd1f6369af"},{"filename":"references/components/image/demo/preview-group-visible.md","content":"# Preview from one image\n\n## Description (en-US)\n\nPreview a collection from one image.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nconst items = [\n 'https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp',\n 'https://gw.alipayobjects.com/zos/antfincdn/cV16ZqzMjW/photo-1473091540282-9b846e7965e3.webp',\n 'https://gw.alipayobjects.com/zos/antfincdn/x43I27A55%26/photo-1438109491414-7198515b166b.webp',\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-image-preview-group :items=\"items\">\n \u003ca-image alt=\"webp image\" :width=\"200\" src=\"https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp\" />\n \u003c/a-image-preview-group>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":692,"content_sha256":"b5cd9e2b5bdd73a0985654a60f78f9dafbdc815dc4e8fd210d566d9c656b0c9b"},{"filename":"references/components/image/demo/preview-group.md","content":"# Multiple image preview\n\n## Description (en-US)\n\nClick the left and right switch buttons to preview multiple images.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-image-preview-group>\n \u003ca-image\n alt=\"svg image\"\n :width=\"200\"\n src=\"https://www.antdv-next.com/antdv-next.svg\"\n />\n \u003ca-image\n :width=\"200\"\n alt=\"svg image\"\n src=\"https://cn.vuejs.org/logo.svg\"\n />\n \u003c/a-image-preview-group>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":435,"content_sha256":"b187b0324b776545ebe0693e8bc9f029c7b0b84a6d3feea1fc96ef54b44919e4"},{"filename":"references/components/image/demo/previewSrc.md","content":"# Custom preview image\n\n## Description (en-US)\n\nYou can set different preview image.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-image\n :width=\"200\"\n alt=\"basic image\"\n src=\"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/blur,r_50,s_50/quality,q_1/resize,m_mfit,h_200,w_200\"\n :preview=\"{\n src: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',\n }\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":460,"content_sha256":"ce1d0a29a94033a7f0f4ef39927f2e1faf81d5e825bf80c4e6643316d9f58d47"},{"filename":"references/components/image/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nconst sharedProps = {\n src: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',\n width: 160,\n alt: '示例图片',\n}\n\nconst imageStyles = {\n root: {\n padding: '4px',\n borderRadius: '8px',\n overflow: 'hidden',\n },\n image: {\n borderRadius: '4px',\n },\n}\n\nconst previewImageStyles = {\n root: {\n border: '2px solid #A594F9',\n borderRadius: '8px',\n padding: '4px',\n transition: 'all 0.3s ease',\n },\n image: {\n borderRadius: '4px',\n filter: 'grayscale(50%)',\n },\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"middle\">\n \u003ca-image v-bind=\"sharedProps\" :styles=\"imageStyles\" />\n \u003ca-image v-bind=\"sharedProps\" :styles=\"previewImageStyles\" :preview=\"{ open: false }\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":851,"content_sha256":"eee8a1b9d92f4d3dcb052671442c1c979bbe97224f5b9ac38a89aff081416a77"},{"filename":"references/components/image/demo/toolbarRender.md","content":"# Custom toolbar render\n\n## Description (en-US)\n\nYou can customize the toolbar and add a button for downloading the original image or downloading the flipped and rotated image.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport {\n DownloadOutlined,\n LeftOutlined,\n RightOutlined,\n RotateLeftOutlined,\n RotateRightOutlined,\n SwapOutlined,\n UndoOutlined,\n ZoomInOutlined,\n ZoomOutOutlined,\n} from '@antdv-next/icons'\nimport { ref } from 'vue'\n\nconst imageList = [\n 'https://www.antdv-next.com/antdv-next.svg',\n 'https://cn.vuejs.org/logo.svg',\n]\nconst current = ref(0)\nfunction handlePreviewChange(val: number) {\n console.log('current', current.value, val)\n current.value = val\n}\nfunction onDownload() {\n const url = imageList[current.value]\n const suffix = url!.slice(url!.lastIndexOf('.'))\n const filename = Date.now() + suffix\n\n fetch(url!)\n .then(response => response.blob())\n .then((blob) => {\n const blobUrl = URL.createObjectURL(new Blob([blob]))\n const link = document.createElement('a')\n link.href = blobUrl\n link.download = filename\n document.body.appendChild(link)\n link.click()\n URL.revokeObjectURL(blobUrl)\n link.remove()\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-image-preview-group\n :preview=\"{\n onChange: handlePreviewChange,\n }\"\n >\n \u003ctemplate v-for=\"(item, index) in imageList\" :key=\"index\">\n \u003ca-image :alt=\"`image-${index}`\" :src=\"item\" :width=\"200\" />\n \u003c/template>\n \u003ctemplate #actionsRender=\"_, { transform, actions }\">\n \u003ca-space :size=\"12\" class=\"toolbar-wrapper\">\n \u003cLeftOutlined :disabled=\"current === 0\" @click=\"actions.onActive(-1)\" />\n \u003cRightOutlined :disabled=\"current === imageList.length - 1\" @click=\"actions.onActive(1)\" />\n \u003cDownloadOutlined @click=\"onDownload\" />\n \u003cSwapOutlined :rotate=\"90\" @click=\"actions.onFlipX\" />\n \u003cSwapOutlined @click=\"actions.onFlipY\" />\n \u003cRotateLeftOutlined @click=\"actions.onRotateLeft\" />\n \u003cRotateRightOutlined @click=\"actions.onRotateRight\" />\n \u003cZoomOutOutlined :disabled=\"transform.scale === 1\" @click=\"actions.onZoomOut\" />\n \u003cZoomInOutlined :disabled=\"transform.scale === 50\" @click=\"actions.onZoomIn\" />\n \u003cUndoOutlined @click=\"actions.onReset\" />\n \u003c/a-space>\n \u003c/template>\n \u003c/a-image-preview-group>\n\u003c/template>\n\n\u003cstyle scoped>\n .toolbar-wrapper {\n padding: 0px 24px;\n color: #fff;\n font-size: 20px;\n background-color: rgba(0, 0, 0, 0.1);\n border-radius: 100px;\n}\n\n.toolbar-wrapper .anticon {\n padding: 12px;\n cursor: pointer;\n}\n\n.toolbar-wrapper .anticon[disabled='true'] {\n cursor: not-allowed;\n opacity: 0.3;\n}\n\n.toolbar-wrapper .anticon:hover {\n opacity: 0.3;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2715,"content_sha256":"c6274a2cb0e5d7e848d550d80d9ead1be599fc40368f102e92e75b6cf29a503d"},{"filename":"references/components/image/docs.md","content":"---\ntitle: Image\ndescription: Preview-able image.\n---\n\n## When To Use \n- When you need to display pictures.\n- Display when loading a large image or fault tolerant handling when loading fail.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic Usage | demo/basic.md |\n| Fault tolerant | demo/fallback.md |\n| Progressive Loading | demo/placeholder.md |\n| Multiple image preview | demo/preview-group.md |\n| Preview from one image | demo/preview-group-visible.md |\n| Custom preview image | demo/previewSrc.md |\n| Controlled Preview | demo/controlled-preview.md |\n| Custom toolbar render | demo/toolbarRender.md |\n| Custom preview render | demo/imageRender.md |\n| preview mask | demo/mask.md |\n| Custom semantic dom styling | demo/style-class.md |\n| nested | demo/nested.md |\n\n## API\n\n### Props\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| preview | Preview configuration; set to false to disable | boolean \\| PreviewConfig | true | - |\n| wrapperStyle | Deprecated. | CSSProperties | - | - |\n| classes | Customize class for each semantic structure inside the component. Supports object or function. | ImageClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | ImageStylesType | - | - |\n| rootClass | - | string | - | - |\n| alt | Image description | string | - | _ |\n| height | Image height | string \\| number | - | - |\n| src | Image URL | string | - | - |\n| width | Image width | string \\| number | - | - |\n\n### Events\n\n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| error | Callback when loading error occurs | NonNullable<VcImageProps['onError']> | - |\n| click | - | NonNullable<VcImageProps['onClick']> | - |\n\n### Slots\n\n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| fallback | Fallback URL when load fails | () => any | - |\n| placeholder | Loading placeholder; if true, uses default placeholder | () => any | - |\n\nOther Property ref [<img>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Attributes)\n\n### PreviewType\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| actionsRender | Custom toolbar render | (originalNode: VNode, info: ToolbarRenderInfoType) => VNode | - | - |\n| closeIcon | Custom close icon | VNode | - | - |\n| cover | Custom preview mask | VNode \\| [CoverConfig](#coverconfig) | - | CoverConfig support after v6.0 |\n| getContainer | Specify container for preview mounting; still full screen; false mounts at current location | string \\| HTMLElement \\| (() => HTMLElement) \\| false | - | - |\n| imageRender | Custom preview content | (originalNode: VNode, info: { transform: [TransformType](#transformtype), image: [ImgInfo](#imginfo) }) => VNode | - | - |\n| mask | preview mask effect | boolean \\| \\{ enabled?: boolean, blur?: boolean \\} | true | - |\n| maxScale | Maximum zoom scale | number | 50 | - |\n| minScale | Minimum zoom scale | number | 1 | - |\n| movable | Whether it is movable | boolean | true | - |\n| open | Whether to display preview | boolean | - | - |\n| rootClassName | Root DOM class name for preview; applies to both image and preview wrapper | string | - | - |\n| scaleStep | Each step's zoom multiplier is 1 + scaleStep | number | 0.5 | - |\n| src | Custom preview src | string | - | - |\n| onOpenChange | Callback when preview open state changes | (visible: boolean) => void | - | - |\n| onTransform | Callback for preview transform changes | { transform: [TransformType](#transformtype), action: [TransformAction](#transformaction) } | - | - |\n\n### PreviewGroup\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| fallback | Fallback URL for load error | string | - | - |\n| items | Array of preview items | string[] \\| { src: string, crossOrigin: string, ... }[] | - | - |\n| preview | Preview configuration; disable by setting to false | boolean \\| [PreviewGroupType](#previewgrouptype) | true | - |\n\n### PreviewGroupType\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| actionsRender | Custom toolbar render | (originalNode: VNode, info: ToolbarRenderInfoType) => VNode | - | - |\n| closeIcon | Custom close icon | VNode | - | - |\n| countRender | Custom preview count render | (current: number, total: number) => VNode | - | - |\n| current | Index of the current preview image | number | - | - |\n| getContainer | Specify container for preview mounting; still full screen; false mounts at current location | string \\| HTMLElement \\| (() => HTMLElement) \\| false | - | - |\n| imageRender | Custom preview content | (originalNode: VNode, info: { transform: [TransformType](#transformtype), image: [ImgInfo](#imginfo), current: number }) => VNode | - | - |\n| mask | preview mask effect | boolean \\| \\{ enabled?: boolean, blur?: boolean \\} | true | - |\n| minScale | Minimum zoom scale | number | 1 | - |\n| maxScale | Maximum zoom scale | number | 50 | - |\n| movable | Whether movable | boolean | true | - |\n| open | Whether to display preview | boolean | - | - |\n| scaleStep | Each step's zoom multiplier is 1 + scaleStep | number | 0.5 | - |\n| onOpenChange | Callback when preview open state changes, includes current preview index | (visible: boolean, info: { current: number }) => void | - | - |\n| onChange | Callback when changing preview image | (current: number, prevCurrent: number) => void | - | - |\n| onTransform | Callback for preview transform changes | { transform: [TransformType](#transformtype), action: [TransformAction](#transformaction) } | - | - |\n\n## Interface\n\n### TransformType\n\n```typescript\n{\n x: number\n y: number\n rotate: number\n scale: number\n flipX: boolean\n flipY: boolean\n}\n```\n\n### TransformAction\n\n```typescript\ntype TransformAction\n = | 'flipY'\n | 'flipX'\n | 'rotateLeft'\n | 'rotateRight'\n | 'zoomIn'\n | 'zoomOut'\n | 'close'\n | 'prev'\n | 'next'\n | 'wheel'\n | 'doubleClick'\n | 'move'\n | 'dragRebound'\n```\n\n### ToolbarRenderInfoType\n\n```ts\n{\n icons: {\n flipYIcon: VNode;\n flipXIcon: VNode;\n rotateLeftIcon: VNode;\n rotateRightIcon: VNode;\n zoomOutIcon: VNode;\n zoomInIcon: VNode;\n };\n actions: {\n onActive?: (index: number) => void;\n onFlipY: () => void;\n onFlipX: () => void;\n onRotateLeft: () => void;\n onRotateRight: () => void;\n onZoomOut: () => void;\n onZoomIn: () => void;\n onReset: () => void;\n onClose: () => void;\n };\n transform: TransformType,\n current: number;\n image: ImgInfo\n}\n```\n\n### ImgInfo\n\n```ts\n{\n url: string\n alt: string\n width: string | number\n height: string | number\n}\n```\n\n### CoverConfig\n\n```ts\ninterface CoverConfig {\n coverNode?: VNode // The custom node of preview mask\n placement?: 'top' | 'bottom' | 'center' // Set the position of the preview mask display.\n};\n```\n\n## Semantic DOM\n\n| _semantic | demo/_semantic.md |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":6997,"content_sha256":"2e4ab0cb9adb720185aa1a8e9803aa38c5a1f6609b2f05fe25b304577167daf3"},{"filename":"references/components/image/token.md","content":"# image Token\n\nUse these variables through `theme.components.Image`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Image: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `zIndexPopup` | `number` | z-index of preview popup |\n| `previewOperationSize` | `number` | Size of preview operation icon |\n| `previewOperationColor` | `string` | Color of preview operation icon |\n| `previewOperationHoverColor` | `string` | Color of hovered preview operation icon |\n| `previewOperationColorDisabled` | `string` | Disabled color of preview operation icon |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":789,"content_sha256":"aabc2282c08727ce3c603d91a3932b71a4ef6e9b4ee209bc7d4a3b0c36f3f4f2"},{"filename":"references/components/input-number/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root') },\n { name: 'prefix', desc: t('prefix') },\n { name: 'input', desc: t('input') },\n { name: 'suffix', desc: t('suffix') },\n { name: 'actions', desc: t('actions') },\n { name: 'action', desc: t('action') },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"InputNumber\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003cdiv :style=\"{ display: 'flex', flexDirection: 'column', gap: '16px' }\">\n \u003ca-input-number\n prefix=\"¥\"\n suffix=\"RMB\"\n :default-value=\"100\"\n :style=\"{ width: '200px' }\"\n :styles=\"{ actions: { opacity: 1, width: '24px' }, suffix: { marginRight: '28px' } }\"\n :classes=\"classes\"\n />\n \u003ca-input-number\n :default-value=\"100\"\n :style=\"{ width: '200px' }\"\n :styles=\"{ actions: { opacity: 1, width: '24px' }, suffix: { marginRight: '28px' } }\"\n mode=\"spinner\"\n :classes=\"classes\"\n />\n \u003c/div>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1383,"content_sha256":"df33cd8e2a08dfcd592e526e2cde975c67e8df6a5c1062716b9ce8735b32f070"},{"filename":"references/components/input-number/demo/basic.md","content":"# Basic\n\n## Description (en-US)\n\nNumeric-only input box.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst value = ref(3)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-input-number v-model:value=\"value\" :min=\"1\" :max=\"10\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":249,"content_sha256":"5d0b411faf4878b4e89f5cdff2214c8f74fbe3cda27feaeda1eace7ee89135a2"},{"filename":"references/components/input-number/demo/change-on-wheel.md","content":"# Wheel\n\n## Description (en-US)\n\nControl with mouse wheel.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nfunction onChange(value: number) {\n console.log('changed', value)\n}\nconst value = ref(3)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-input-number\n v-model:value=\"value\" :min=\"1\" :max=\"10\" change-on-wheel @change=\"onChange\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":361,"content_sha256":"3b5f8d706075f606716164039ad1b7acdabd0005295a27f1c398b7efebd7af58"},{"filename":"references/components/input-number/demo/digit.md","content":"# High precision decimals\n\n## Description (en-US)\n\nUse `stringMode` to support high precision decimals support. `onChange` will return string value instead. You need polyfill of BigInt if browser not support.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nfunction onChange(value: string) {\n console.log('changed', value)\n}\nconst value = ref(1)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-input-number\n v-model:value=\"value\"\n style=\"width: 200px;\"\n min=\"0\"\n max=\"10\"\n step=\"0.00000000000001\"\n string-mode\n @change=\"onChange\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":575,"content_sha256":"9777cc5950a90b81d646b173eea2de7ff625af1b2d2a54586e145b30a480d01c"},{"filename":"references/components/input-number/demo/disabled.md","content":"# Disabled\n\n## Description (en-US)\n\nClick the button to toggle between available and disabled states.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst disabled = ref(true)\n\nfunction toggle() {\n disabled.value = !disabled.value\n}\nconst value = ref(3)\n\u003c/script>\n\n\u003ctemplate>\n \u003cdiv>\n \u003ca-input-number v-model:value=\"value\" :min=\"1\" :max=\"10\" :disabled=\"disabled\" />\n \u003cdiv style=\"margin-top: 20px;\">\n \u003ca-button type=\"primary\" @click=\"toggle\">\n Toggle disabled\n \u003c/a-button>\n \u003c/div>\n \u003c/div>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":556,"content_sha256":"37471cb1f31b07b687049f09aaf554c028e1200d6fafa5450cc9c0a244618ec5"},{"filename":"references/components/input-number/demo/focus.md","content":"# Focus\n\n## Description (en-US)\n\nFocus with additional option.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref, useTemplateRef } from 'vue'\n\nconst value = ref(999)\nconst inputRef = useTemplateRef('input')\nfunction handleFocus(options: unknown) {\n inputRef.value?.focus(options)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space vertical style=\"width: 100%;\">\n \u003ca-space wrap>\n \u003ca-button @click=\"() => handleFocus({ cursor: 'start' })\">\n Focus at first\n \u003c/a-button>\n \u003ca-button @click=\"() => handleFocus({ cursor: 'end' })\">\n Focus at last\n \u003c/a-button>\n \u003ca-button @click=\"() => handleFocus({ cursor: 'all' })\">\n Focus to select all\n \u003c/a-button>\n \u003ca-button @click=\"() => handleFocus({ preventScroll: true })\">\n Focus prevent scroll\n \u003c/a-button>\n \u003c/a-space>\n \u003ca-input-number ref=\"input\" v-model:value=\"value\" style=\"width: 100%;\" />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":929,"content_sha256":"fb8ca2379225b7f8794aadcd63cd02239de56a9aca95e2560140fddc27777b5c"},{"filename":"references/components/input-number/demo/formatter.md","content":"# Formatter\n\n## Description (en-US)\n\nDisplay value within it's situation with `formatter`, and we usually use `parser` at the same time.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { InputNumberProps } from 'antdv-next'\nimport { ref } from 'vue'\n\nfunction onChange(value: number | null) {\n console.log('changed', value)\n}\n\nconst formatter: InputNumberProps['formatter'] = (value) => {\n const [start, end] = `${value}`.split('.') || []\n const v = `${start}`.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')\n return `$ ${end ? `${v}.${end}` : `${v}`}`\n}\n\nfunction parser(value: string | undefined) {\n return value?.replace(/\\$\\s?|(,*)/g, '') as unknown as number\n}\n\nconst percentFormatter: InputNumberProps['formatter'] = (value) => {\n return `${value}%`\n}\n\nfunction percentParser(value: string | undefined) {\n return value?.replace('%', '') as unknown as number\n}\nconst value1 = ref(1000)\nconst value2 = ref(100)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space>\n \u003ca-input-number\n v-model:value=\"value1\"\n :formatter=\"formatter\"\n :parser=\"parser\"\n @change=\"onChange\"\n />\n \u003ca-input-number\n v-model:value=\"value2\"\n :min=\"0\"\n :max=\"100\"\n :formatter=\"percentFormatter\"\n :parser=\"percentParser\"\n @change=\"onChange\"\n />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1295,"content_sha256":"07b867b673d5e21cdc0d5892d1fa0a8b5bd8c60ad92e6d313680907b6ce13bbf"},{"filename":"references/components/input-number/demo/keyboard.md","content":"# Keyboard\n\n## Description (en-US)\n\nControl keyboard behavior by `keyboard`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst keyboard = ref(true)\nconst value = ref(3)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space>\n \u003ca-input-number v-model:value=\"value\" :min=\"1\" :max=\"10\" :keyboard=\"keyboard\" />\n \u003ca-checkbox v-model:checked=\"keyboard\">\n Toggle keyboard\n \u003c/a-checkbox>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":428,"content_sha256":"2c94dc05987dbb092d6fb9afa91abee7fe75ca4e5d1956ae769c7f463aeb467e"},{"filename":"references/components/input-number/demo/out-of-range.md","content":"# Out of range\n\n## Description (en-US)\n\nShow warning style when `value` is out of range by control.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst value = ref\u003cstring | number | null>('99')\n\nfunction reset() {\n value.value = 99\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space>\n \u003ca-input-number v-model:value=\"value\" :min=\"1\" :max=\"10\" />\n \u003ca-button type=\"primary\" @click=\"reset\">\n Reset\n \u003c/a-button>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":460,"content_sha256":"38c943d3d9168be81e6ab131fe5a9fa41b9b7c1d2923c3585d619df869630b44"},{"filename":"references/components/input-number/demo/presuffix.md","content":"# Prefix / Suffix\n\n## Description (en-US)\n\nAdd a prefix or suffix inside input.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { UserOutlined } from '@antdv-next/icons'\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-input-number prefix=\"¥\" style=\"width: 100%;\" />\n\n \u003ca-space-compact block>\n \u003ca-space-addon>\n \u003cUserOutlined />\n \u003c/a-space-addon>\n \u003ca-input-number prefix=\"¥\" style=\"width: 100%;\" />\n \u003c/a-space-compact>\n\n \u003ca-input-number prefix=\"¥\" disabled style=\"width: 100%;\" />\n\n \u003ca-input-number suffix=\"RMB\" style=\"width: 100%;\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":619,"content_sha256":"830c84546b1702a2913f967bad4893f8cccb08c55584c25e77a618207d4e4901"},{"filename":"references/components/input-number/demo/size.md","content":"# Sizes\n\n## Description (en-US)\n\nThere are three sizes available to a numeric input box. By default, the size is `32px`. The two additional sizes are `large` and `small` which means `40px` and `24px`, respectively.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nfunction onChange(value: number | null) {\n console.log('changed', value)\n}\n\nconst value1 = ref(3)\nconst value2 = ref(3)\nconst value3 = ref(3)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space wrap>\n \u003ca-input-number v-model:value=\"value1\" size=\"large\" :min=\"1\" :max=\"100000\" @change=\"onChange\" />\n \u003ca-input-number v-model:value=\"value2\" :min=\"1\" :max=\"100000\" @change=\"onChange\" />\n \u003ca-input-number v-model:value=\"value3\" size=\"small\" :min=\"1\" :max=\"100000\" @change=\"onChange\" />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":787,"content_sha256":"11c88e63bca7ef4672f127db6da3ef01329e7a9dc3b0dc4d8e771ca4dfb4793f"},{"filename":"references/components/input-number/demo/spinner.md","content":"# Spinner\n\n## Description (en-US)\n\nDigit spinner.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nfunction onChange(value: number | null) {\n console.log('changed', value)\n}\n\nconst value1 = ref(3)\nconst value2 = ref(3)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-input-number\n v-model:value=\"value1\"\n mode=\"spinner\"\n :min=\"1\"\n :max=\"10\"\n placeholder=\"Outlined\"\n style=\"width: 150px;\"\n @change=\"onChange\"\n />\n \u003ca-input-number\n v-model:value=\"value2\"\n mode=\"spinner\"\n variant=\"filled\"\n :min=\"1\"\n :max=\"10\"\n placeholder=\"Filled\"\n style=\"width: 150px;\"\n @change=\"onChange\"\n />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":726,"content_sha256":"8698bfcd361bd2a161e2367f55921cc80d148280f91b24ed78cb404ee56d17c0"},{"filename":"references/components/input-number/demo/status.md","content":"# Status\n\n## Description (en-US)\n\nAdd status to InputNumber with `status`, which could be `error` or `warning`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ClockCircleOutlined } from '@antdv-next/icons'\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space direction=\"vertical\" style=\"width: 100%;\">\n \u003ca-input-number status=\"error\" style=\"width: 100%;\" />\n \u003ca-input-number status=\"warning\" style=\"width: 100%;\" />\n \u003ca-input-number status=\"error\" style=\"width: 100%;\">\n \u003ctemplate #prefix>\n \u003cClockCircleOutlined />\n \u003c/template>\n \u003c/a-input-number>\n \u003ca-input-number status=\"warning\" style=\"width: 100%;\">\n \u003ctemplate #prefix>\n \u003cClockCircleOutlined />\n \u003c/template>\n \u003c/a-input-number>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":747,"content_sha256":"0068a11cd552e0abdf8d4e5b1fe688da54b6ced169c2cb410a5f199bcf5ffb1d"},{"filename":"references/components/input-number/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { InputNumberProps } from 'antdv-next'\n\nconst shardStyle = {\n root: 'shard',\n}\nconst styleObject: InputNumberProps['styles'] = {\n input: {\n fontSize: '14px',\n },\n}\nconst styleFn: InputNumberProps['styles'] = ({ props }) => {\n if (props.size === 'large') {\n return {\n root: {\n backgroundColor: 'rgba(250,250,250, 0.5)',\n borderColor: '#722ed1',\n },\n } satisfies InputNumberProps['styles']\n }\n return {}\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-input-number :classes=\"shardStyle\" :styles=\"styleObject\" placeholder=\"Object\" />\n \u003ca-input-number :classes=\"shardStyle\" :styles=\"styleFn\" placeholder=\"Function\" size=\"large\" />\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle scoped>\n.shard {\n border: 1px solid #1677ff;\n border-radius: 8px;\n width: 200px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":926,"content_sha256":"90d44a61ff4166b9fdd75221b56c14bbe4e1fa3be1b1ed4d1adb4bdb29701407"},{"filename":"references/components/input-number/demo/variant.md","content":"# Variants\n\n## Description (en-US)\n\nVariants of InputNumber, there are four variants: `outlined` `filled` `borderless` and `underlined`.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex vertical :gap=\"12\">\n \u003ca-input-number placeholder=\"Outlined\" style=\"width: 200px;\" />\n \u003ca-input-number placeholder=\"Filled\" variant=\"filled\" style=\"width: 200px;\" />\n \u003ca-input-number placeholder=\"Borderless\" variant=\"borderless\" style=\"width: 200px;\" />\n \u003ca-input-number placeholder=\"Underlined\" variant=\"underlined\" style=\"width: 200px;\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":558,"content_sha256":"6575ec6fe298136fa1acd54b982614179b4918798659146b1ba4f0c34ac74260"},{"filename":"references/components/input-number/docs.md","content":"---\ntitle: InputNumber\ndescription: Enter a number within certain range with the mouse or keyboard.\n---\n\n## When To Use \nWhen a numeric value needs to be provided.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic | demo/basic.md |\n| Sizes | demo/size.md |\n| Disabled | demo/disabled.md |\n| High precision decimals | demo/digit.md |\n| Formatter | demo/formatter.md |\n| Keyboard | demo/keyboard.md |\n| Wheel | demo/change-on-wheel.md |\n| Variants | demo/variant.md |\n| Spinner | demo/spinner.md |\n| Out of range | demo/out-of-range.md |\n| Prefix / Suffix | demo/presuffix.md |\n| Status | demo/status.md |\n| Focus | demo/focus.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| size | The height of input box | SizeType | - | - |\n| status | Set validation status | InputStatus | - | - |\n| disabled | If the input is disabled | boolean | false | - |\n| addonBefore | The label text displayed before (on the left side of) the input field, please use Space.Compact instead | VueNode | - | - |\n| addonAfter | The label text displayed after (on the right side of) the input field, please use Space.Compact instead | VueNode | - | - |\n| prefix | The prefix icon for the Input | VueNode | - | - |\n| suffix | The suffix icon for the Input | VueNode | - | - |\n| bordered | Deprecated. | boolean | - | - |\n| variant | Variants of Input | Variant | `outlined` | - |\n| classes | Customize class for each semantic structure inside the component. Supports object or function. | InputNumberClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | InputNumberStylesType | - | - |\n| controls | Whether to show `+-` controls, or set custom arrow icons | boolean \\| { upIcon?: VueNode, downIcon?: VueNode } | - | - |\n| type | - | 'number' \\| 'text' | - | - |\n| max | The max value | number | [Number.MAX_SAFE_INTEGER](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER) | - |\n| min | The min value | number | [Number.MIN_SAFE_INTEGER](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MIN_SAFE_INTEGER) | - |\n| step | The number to which the current value is increased or decreased. It can be an integer or decimal | 'number' \\| 'string' | 1 | - |\n\n### Events \n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| change | The callback triggered when the value is changed | (value: any) => void | - |\n| update:value | - | (value: any) => void | - |\n| input | - | (text: string) => void | - |\n| pressEnter | The callback function that is triggered when Enter key is pressed | (e: KeyboardEvent) => void | - |\n| step | `@step`The callback function that is triggered when click up or down buttons / Keyboard / Wheel | (value: any, info: InputNumberStepContext) => void | - |\n| mousedown | - | (e: MouseEvent) => void | - |\n| click | - | (e: MouseEvent) => void | - |\n| mouseup | - | (e: MouseEvent) => void | - |\n| mouseleave | - | (e: MouseEvent) => void | - |\n| mousemove | - | (e: MouseEvent) => void | - |\n| mouseenter | - | (e: MouseEvent) => void | - |\n| mouseout | - | (e: MouseEvent) => void | - |\n| focus | - | (e: FocusEvent) => void | - |\n| blur | - | (e: FocusEvent) => void | - |\n| keydown | - | (e: KeyboardEvent) => void | - |\n| keyup | - | (e: KeyboardEvent) => void | - |\n| compositionstart | - | (e: CompositionEvent) => void | - |\n| compositionend | - | (e: CompositionEvent) => void | - |\n| beforeinput | - | (e: InputEvent) => void | - |\n\n### Slots \n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| prefix | The prefix icon for the Input | () => any | - |\n| suffix | The suffix icon for the Input | () => any | - |\n| addonBefore | The label text displayed before (on the left side of) the input field, please use Space.Compact instead | () => any | - |\n| addonAfter | The label text displayed after (on the right side of) the input field, please use Space.Compact instead | () => any | - |\n\n## Semantic DOM \n| _semantic | demo/_semantic.md |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":4309,"content_sha256":"7be7b973bf81d9ca518e550d5fd9efb3edcaf5ad3285a2b556739bc847de48cc"},{"filename":"references/components/input-number/token.md","content":"# input-number Token\n\nUse these variables through `theme.components.InputNumber`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n InputNumber: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `controlWidth` | `number` | Width of input |\n| `handleWidth` | `number` | Width of control button |\n| `handleFontSize` | `number` | Icon size of control button |\n| `handleVisible` | `true \\| \"auto\"` | Handle visible |\n| `handleBg` | `string` | Background color of handle |\n| `handleActiveBg` | `string` | Active background color of handle |\n| `handleHoverColor` | `string` | Hover color of handle |\n| `handleBorderColor` | `string` | Border color of handle |\n| `filledHandleBg` | `string` | Background color of handle in filled variant |\n| `paddingInline` | `number` | Horizontal padding of input |\n| `paddingInlineSM` | `number` | Horizontal padding of small input |\n| `paddingInlineLG` | `number` | Horizontal padding of large input |\n| `paddingBlock` | `number` | Vertical padding of input |\n| `paddingBlockSM` | `number` | Vertical padding of small input |\n| `paddingBlockLG` | `number` | Vertical padding of large input |\n| `addonBg` | `string` | Background color of addon |\n| `hoverBorderColor` | `string` | Hover border color |\n| `activeBorderColor` | `string` | Active border color |\n| `activeShadow` | `string` | Box-shadow when active |\n| `errorActiveShadow` | `string` | Box-shadow when active in error status |\n| `warningActiveShadow` | `string` | Box-shadow when active in warning status |\n| `hoverBg` | `string` | Background color when the input box hovers |\n| `activeBg` | `string` | Background color when the input box is activated |\n| `inputFontSize` | `number` | Font size |\n| `inputFontSizeLG` | `number` | Font size of large |\n| `inputFontSizeSM` | `number` | Font size of small |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2035,"content_sha256":"7cf258fc2c6dbb85db36b5622f739421074bfb3765dfa3f6b3867a6236c576a2"},{"filename":"references/components/input/demo/_semantic-otp.md","content":"# _semantic-otp\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root') },\n { name: 'input', desc: t('input') },\n { name: 'separator', desc: t('OTPSeparator') },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"InputOTP\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003ca-input-otp\n :length=\"6\"\n separator=\"-\"\n :classes=\"classes\"\n />\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":744,"content_sha256":"a09aca1239b93d986b0e9941bc3719679df82d2ca4b7070664f1e77f00d5ea1b"},{"filename":"references/components/input/demo/_semantic-password.md","content":"# _semantic-password\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { EditOutlined, UserOutlined } from '@antdv-next/icons'\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root') },\n { name: 'prefix', desc: t('prefix') },\n { name: 'input', desc: t('input') },\n { name: 'suffix', desc: t('suffix') },\n { name: 'count', desc: t('count') },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"InputPassword\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003cdiv style=\"width: 100%\">\n \u003ca-input-password\n default-value=\"Hello, Antdv-Next\"\n show-count\n :classes=\"classes\"\n >\n \u003ctemplate #prefix>\n \u003cUserOutlined />\n \u003c/template>\n \u003ctemplate #suffix>\n \u003cEditOutlined />\n \u003c/template>\n \u003c/a-input-password>\n \u003c/div>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1154,"content_sha256":"e54dd432f475ca0cbf179ff7d04a5a7d071199c963afda03a3d2654f805ea51c"},{"filename":"references/components/input/demo/_semantic-search.md","content":"# _semantic-search\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { EditOutlined, UserOutlined } from '@antdv-next/icons'\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root') },\n { name: 'prefix', desc: t('prefix') },\n { name: 'input', desc: t('input') },\n { name: 'suffix', desc: t('suffix') },\n { name: 'count', desc: t('count') },\n { name: 'button.root', desc: t('button.root') },\n { name: 'button.icon', desc: t('button.icon') },\n { name: 'button.content', desc: t('button.content') },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"InputSearch\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003cdiv style=\"width: 100%\">\n \u003ca-input-search\n default-value=\"Hello, Antdv-Next\"\n enter-button=\"Searching...\"\n loading\n show-count\n :classes=\"classes\"\n >\n \u003ctemplate #prefix>\n \u003cUserOutlined />\n \u003c/template>\n \u003ctemplate #suffix>\n \u003cEditOutlined />\n \u003c/template>\n \u003c/a-input-search>\n \u003c/div>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1361,"content_sha256":"b29ff107e855d6b5dbe228bd995e1efdaa5f6cf2c2af344b164c61d90dbdf862"},{"filename":"references/components/input/demo/_semantic-textarea.md","content":"# _semantic-textarea\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('TextAreaRoot') },\n { name: 'textarea', desc: t('textarea') },\n { name: 'count', desc: t('TextAreaCount') },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"TextArea\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003cdiv style=\"width: 100%\">\n \u003ca-textarea\n default-value=\"Hello, Antdv-Next\"\n :maxlength=\"100\"\n show-count\n :classes=\"classes\"\n />\n \u003c/div>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":860,"content_sha256":"2509a8b5b4fdf4c15a3606773ff0762ecbf0956c5eef3debee3932978a52f003"},{"filename":"references/components/input/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { EditOutlined, UserOutlined } from '@antdv-next/icons'\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root') },\n { name: 'prefix', desc: t('prefix') },\n { name: 'input', desc: t('input') },\n { name: 'suffix', desc: t('suffix') },\n { name: 'count', desc: t('count') },\n { name: 'clear', desc: t('clear'), version: '1.3.0' },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Input\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003cdiv style=\"width: 100%\">\n \u003ca-input\n default-value=\"Hello, Antdv-Next\"\n show-count\n allow-clear\n :classes=\"classes\"\n >\n \u003ctemplate #prefix>\n \u003cUserOutlined />\n \u003c/template>\n \u003ctemplate #suffix>\n \u003cEditOutlined />\n \u003c/template>\n \u003c/a-input>\n \u003c/div>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1198,"content_sha256":"62d2e6cd704d10438b540e533450e487d9f5eab8fec228a16000c4d8e0fb76a8"},{"filename":"references/components/input/demo/advance-count.md","content":"# Custom count logic\n\n## Description (en-US)\n\nIt is necessary to customize the counting ability in some scenarios (such as emoji length is counted as 1), which can be achieved through the `count` attribute. Use `count.max` attribute exceeds the limit of the native `maxLength`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport runes from './advance-count-runes'\n\nconst value1 = ref('Hello, antdv!')\nconst value2 = ref('🔥🔥🔥')\nconst value3 = ref('🔥antdv')\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"16\">\n \u003cdiv>\n \u003ca-typography>\n \u003ca-typography-title :level=\"5\">\n Exceed Max\n \u003c/a-typography-title>\n \u003c/a-typography>\n \u003ca-input v-model:value=\"value1\" :count=\"{ show: true, max: 10 }\" />\n \u003c/div>\n \u003cdiv>\n \u003ca-typography>\n \u003ca-typography-title :level=\"5\">\n Exceed Max\n \u003c/a-typography-title>\n \u003c/a-typography>\n \u003ca-input v-model:value=\"value2\" :count=\"{ show: true, strategy: (txt) => runes(txt).length }\" />\n \u003c/div>\n \u003cdiv>\n \u003ca-typography>\n \u003ca-typography-title :level=\"5\">\n Exceed Max\n \u003c/a-typography-title>\n \u003c/a-typography>\n \u003ca-input\n v-model:value=\"value3\"\n :count=\"{\n show: true,\n max: 6,\n strategy: (txt) => runes(txt).length,\n exceedFormatter: (txt, { max }) => runes(txt).slice(0, max).join(''),\n }\"\n />\n \u003c/div>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1467,"content_sha256":"ac66ed2bbba24a5e2fc95a3802adf1f3fae28f0b824d6d2882688dfdd9235bf1"},{"filename":"references/components/input/demo/allowClear.md","content":"# With clear icon\n\n## Description (en-US)\n\nInput box with the remove icon, click the icon to delete everything.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-input allow-clear placeholder=\"input with clear icon\" />\n \u003cbr>\n \u003cbr>\n \u003ca-textarea allow-clear placeholder=\"textarea with clear icon\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":302,"content_sha256":"3c7a7ed30215585e472aa75199f24549b75f590cd78eaf1a598690e786a09656"},{"filename":"references/components/input/demo/autosize-textarea.md","content":"# Autosizing the height to fit the content\n\n## Description (en-US)\n\n`autoSize` prop for a `textarea` type of `Input` makes the height to automatically adjust based on the content. An option object can be provided to `autoSize` to specify the minimum and maximum number of lines the textarea will automatically adjust.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst value = ref('')\n\u003c/script>\n\n\u003ctemplate>\n \u003cdiv>\n \u003ca-textarea placeholder=\"Autosize height based on content lines\" auto-size />\n \u003cdiv style=\"margin: 24px 0;\" />\n \u003ca-textarea\n placeholder=\"Autosize height with minimum and maximum number of lines\"\n :auto-size=\"{ minRows: 2, maxRows: 6 }\"\n />\n \u003cdiv style=\"margin: 24px 0;\" />\n \u003ca-textarea\n v-model:value=\"value\"\n placeholder=\"Controlled autosize\"\n :auto-size=\"{ minRows: 3, maxRows: 5 }\"\n />\n \u003c/div>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":903,"content_sha256":"d162603e33ac2668b3df796f677e2b9a2c613ba07a075086194791a3f0441c55"},{"filename":"references/components/input/demo/basic.md","content":"# Basic usage\n\n## Description (en-US)\n\nBasic usage example.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst value = ref()\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-input v-model:value=\"value\" placeholder=\"Basic usage\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":251,"content_sha256":"fa6f664de84417d79202cafdb7ded737b6e7b728c93dadfa474b054196a24b67"},{"filename":"references/components/input/demo/compact-style.md","content":"# Compact Style\n\n## Description (en-US)\n\nUse Space.Compact create compact style, See the [Space.Compact](../../space/docs.md#spacecompact) documentation for more.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { SearchOutlined } from '@antdv-next/icons'\n\n// const options = [\n// {\n// value: 'zhejiang',\n// label: 'Zhejiang',\n// },\n// {\n// value: 'jiangsu',\n// label: 'Jiangsu',\n// },\n// ]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space direction=\"vertical\" size=\"middle\">\n \u003ca-space-compact>\n \u003ca-input default-value=\"26888888\" />\n \u003c/a-space-compact>\n \u003ca-space-compact>\n \u003ca-input style=\"width: 20%;\" default-value=\"0571\" />\n \u003ca-input style=\"width: 80%;\" default-value=\"26888888\" />\n \u003c/a-space-compact>\n \u003ca-space-compact>\n \u003ca-space-addon>https://\u003c/a-space-addon>\n \u003ca-input-search placeholder=\"input search text\" allow-clear />\n \u003c/a-space-compact>\n \u003ca-space-compact style=\"width: 100%;\">\n \u003ca-input default-value=\"Combine input and button\" />\n \u003ca-button type=\"primary\">\n Submit\n \u003c/a-button>\n \u003c/a-space-compact>\n \u003c!-- \u003ca-space-compact>\n \u003ca-select default-value=\"Zhejiang\" :options=\"options\" />\n \u003ca-input default-value=\"Xihu District, Hangzhou\" />\n \u003c/a-space-compact> -->\n \u003ca-space-compact size=\"large\">\n \u003ca-space-addon>\n \u003cSearchOutlined />\n \u003c/a-space-addon>\n \u003ca-input placeholder=\"large size\" />\n \u003ca-input placeholder=\"another input\" />\n \u003c/a-space-compact>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1514,"content_sha256":"aa4dfec5dc7f92632ed250646c55721c205725186c1a8e3be1a512e9f93dcc65"},{"filename":"references/components/input/demo/focus.md","content":"# Focus\n\n## Description (en-US)\n\nFocus with additional option.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref, useTemplateRef } from 'vue'\n\nconst value = ref(999)\nconst inputRef = useTemplateRef('input')\nfunction handleFocus(options: unknown) {\n inputRef.value?.focus(options)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space vertical style=\"width: 100%;\">\n \u003ca-space wrap>\n \u003ca-button @click=\"() => handleFocus({ cursor: 'start' })\">\n Focus at first\n \u003c/a-button>\n \u003ca-button @click=\"() => handleFocus({ cursor: 'end' })\">\n Focus at last\n \u003c/a-button>\n \u003ca-button @click=\"() => handleFocus({ cursor: 'all' })\">\n Focus to select all\n \u003c/a-button>\n \u003ca-button @click=\"() => handleFocus({ preventScroll: true })\">\n Focus prevent scroll\n \u003c/a-button>\n \u003c/a-space>\n \u003ca-input-number ref=\"input\" v-model:value=\"value\" style=\"width: 100%;\" />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":929,"content_sha256":"fb8ca2379225b7f8794aadcd63cd02239de56a9aca95e2560140fddc27777b5c"},{"filename":"references/components/input/demo/otp.md","content":"# OTP\n\n## Description (en-US)\n\nOne time password input.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nfunction onChange(text: string) {\n console.log('onChange:', text)\n}\n\nfunction onInput(value: string) {\n console.log('onInput:', value)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"middle\" align=\"flex-start\" vertical>\n \u003ca-typography-title :level=\"5\">\n With formatter (Upcase)\n \u003c/a-typography-title>\n \u003ca-input-otp :formatter=\"(str: string) => str.toUpperCase()\" @change=\"onChange\" @input=\"onInput\" />\n\n \u003ca-typography-title :level=\"5\">\n With Disabled\n \u003c/a-typography-title>\n \u003ca-input-otp disabled @change=\"onChange\" @input=\"onInput\" />\n\n \u003ca-typography-title :level=\"5\">\n With Length (8)\n \u003c/a-typography-title>\n \u003ca-input-otp :length=\"8\" @change=\"onChange\" @input=\"onInput\" />\n\n \u003ca-typography-title :level=\"5\">\n With variant\n \u003c/a-typography-title>\n \u003ca-input-otp variant=\"filled\" @change=\"onChange\" @input=\"onInput\" />\n\n \u003ca-typography-title :level=\"5\">\n With custom display character\n \u003c/a-typography-title>\n \u003ca-input-otp mask=\"🔒\" @change=\"onChange\" @input=\"onInput\" />\n\n \u003ca-typography-title :level=\"5\">\n With custom ReactNode separator\n \u003c/a-typography-title>\n \u003ca-input-otp @change=\"onChange\" @input=\"onInput\">\n \u003ctemplate #separator>\n \u003cspan>/\u003c/span>\n \u003c/template>\n \u003c/a-input-otp>\n\n \u003ca-typography-title :level=\"5\">\n With custom function separator\n \u003c/a-typography-title>\n \u003ca-input-otp @change=\"onChange\" @input=\"onInput\">\n \u003ctemplate #separator=\"{ index }\">\n \u003cspan :style=\"{ color: index & 1 ? 'red' : 'blue' }\">—\u003c/span>\n \u003c/template>\n \u003c/a-input-otp>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1706,"content_sha256":"0e051e0226d5a3390a307191e953cb9a38772a5233b54bc6bbddf383775e7858"},{"filename":"references/components/input/demo/password-input.md","content":"# Password box\n\n## Description (en-US)\n\nInput type of password.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { EyeInvisibleOutlined, EyeTwoTone } from '@antdv-next/icons'\nimport { ref } from 'vue'\n\nconst passwordVisible = ref(false)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space direction=\"vertical\">\n \u003ca-input-password placeholder=\"input password\" />\n \u003ca-input-password placeholder=\"input password\">\n \u003ctemplate #iconRender=\"{ visible }\">\n \u003cEyeTwoTone v-if=\"visible\" />\n \u003cEyeInvisibleOutlined v-else />\n \u003c/template>\n \u003c/a-input-password>\n \u003ca-space>\n \u003ca-input-password\n placeholder=\"input password\"\n :visibility-toggle=\"{ visible: passwordVisible, onVisibleChange: (v: boolean) => passwordVisible = v }\"\n />\n \u003ca-button style=\"width: 80px;\" @click=\"passwordVisible = !passwordVisible\">\n {{ passwordVisible ? 'Hide' : 'Show' }}\n \u003c/a-button>\n \u003c/a-space>\n \u003ca-input-password disabled placeholder=\"disabled input password\" />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1023,"content_sha256":"6769afd01ff25cfa26a89c239af5bb31da3c3b130497df1bf75ce3d96479632a"},{"filename":"references/components/input/demo/presuffix.md","content":"# prefix and suffix\n\n## Description (en-US)\n\nAdd a prefix or suffix icons inside input.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { InfoCircleOutlined, LockOutlined, UserOutlined } from '@antdv-next/icons'\n\u003c/script>\n\n\u003ctemplate>\n \u003cdiv>\n \u003ca-input placeholder=\"Enter your username\">\n \u003ctemplate #prefix>\n \u003cUserOutlined style=\"color: rgba(0, 0, 0, 0.25);\" />\n \u003c/template>\n \u003ctemplate #suffix>\n \u003ca-tooltip title=\"Extra information\">\n \u003cInfoCircleOutlined style=\"color: rgba(0, 0, 0, 0.45);\" />\n \u003c/a-tooltip>\n \u003c/template>\n \u003c/a-input>\n \u003cbr>\n \u003cbr>\n \u003ca-input prefix=\"¥\" suffix=\"RMB\" />\n \u003cbr>\n \u003cbr>\n \u003ca-input prefix=\"¥\" suffix=\"RMB\" disabled />\n \u003cbr>\n \u003cbr>\n \u003ca-input-password placeholder=\"input password support suffix\">\n \u003ctemplate #suffix>\n \u003cLockOutlined />\n \u003c/template>\n \u003c/a-input-password>\n \u003c/div>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":922,"content_sha256":"a5628518dec513c31860e3e6537b4bd2f1aa462bb21b28d596a320b8f6856a50"},{"filename":"references/components/input/demo/search-input-loading.md","content":"# Search box with loading\n\n## Description (en-US)\n\nSearch loading when onSearch.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003cdiv>\n \u003ca-input-search placeholder=\"input search loading default\" loading />\n \u003cbr>\n \u003cbr>\n \u003ca-input-search placeholder=\"input search loading with enterButton\" loading enter-button />\n \u003cbr>\n \u003cbr>\n \u003ca-input-search placeholder=\"input search text\" enter-button=\"Search\" size=\"large\" loading />\n \u003c/div>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":448,"content_sha256":"1adb19dd48f8430e4f644bfd9490be0bd2f64cd221dfe087d6825ecb1bc22f17"},{"filename":"references/components/input/demo/search-input.md","content":"# Search box\n\n## Description (en-US)\n\nExample of creating a search box by grouping a standard input with a search button.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { AudioOutlined } from '@antdv-next/icons'\n\nfunction onSearch(value: string, _e?: Event, info?: { source?: string }) {\n console.log(info?.source, value)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space direction=\"vertical\">\n \u003ca-input-search placeholder=\"input search text\" style=\"width: 200px;\" @search=\"onSearch\" />\n \u003ca-input-search placeholder=\"input search text\" allow-clear style=\"width: 200px;\" @search=\"onSearch\" />\n \u003ca-space-compact>\n \u003ca-space-addon>https://\u003c/a-space-addon>\n \u003ca-input-search placeholder=\"input search text\" allow-clear @search=\"onSearch\" />\n \u003c/a-space-compact>\n\n \u003ca-input-search placeholder=\"input search text\" enter-button @search=\"onSearch\" />\n \u003ca-input-search\n placeholder=\"input search text\"\n allow-clear\n enter-button=\"Search\"\n size=\"large\"\n @search=\"onSearch\"\n />\n \u003ca-input-search\n placeholder=\"input search text\"\n enter-button=\"Search\"\n size=\"large\"\n @search=\"onSearch\"\n >\n \u003ctemplate #suffix>\n \u003cAudioOutlined style=\"font-size: 16px; color: #1677ff;\" />\n \u003c/template>\n \u003c/a-input-search>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1307,"content_sha256":"ee70d6f91b3c652645beceb709b0c549a0294abc30005ae55d19b04e5da1bfd7"},{"filename":"references/components/input/demo/show-count.md","content":"# With character counting\n\n## Description (en-US)\n\nShow character counting.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nfunction onChange(e: Event) {\n const target = e.target as HTMLInputElement | HTMLTextAreaElement\n console.log('Change:', target.value)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical :gap=\"32\">\n \u003ca-input show-count :maxlength=\"20\" @change=\"onChange\" />\n \u003ca-textarea show-count :maxlength=\"100\" placeholder=\"can resize\" @change=\"onChange\" />\n \u003ca-textarea\n show-count\n :max-length=\"100\"\n placeholder=\"disable resize\"\n style=\"height: 120px; resize: none;\"\n @change=\"onChange\"\n />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":659,"content_sha256":"f199997d9e55f795632353b5f03885daa5a93f1db504568d668a5d9176886545"},{"filename":"references/components/input/demo/size.md","content":"# Three sizes of Input\n\n## Description (en-US)\n\nThere are three sizes of an Input box: `large` (40px), `default` (32px) and `small` (24px).\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { UserOutlined } from '@antdv-next/icons'\nimport { ref } from 'vue'\n\nconst value = ref()\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-input v-model:value=\"value\" size=\"large\" placeholder=\"large size\">\n \u003ctemplate #prefix>\n \u003cUserOutlined />\n \u003c/template>\n \u003c/a-input>\n \u003ca-input v-model:value=\"value\" placeholder=\"default size\">\n \u003ctemplate #prefix>\n \u003cUserOutlined />\n \u003c/template>\n \u003c/a-input>\n \u003ca-input v-model:value=\"value\" size=\"small\" placeholder=\"small size\">\n \u003ctemplate #prefix>\n \u003cUserOutlined />\n \u003c/template>\n \u003c/a-input>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":823,"content_sha256":"08c8184bfe346c4126f2949631d4aa1bb92377a7f21f60afb37c317311e9fc08"},{"filename":"references/components/input/demo/status.md","content":"# Status\n\n## Description (en-US)\n\nAdd status to Input with `status`, which could be `error` or `warning`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ClockCircleOutlined } from '@antdv-next/icons'\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space direction=\"vertical\" style=\"width: 100%;\">\n \u003ca-input status=\"error\" placeholder=\"Error\" />\n \u003ca-input status=\"warning\" placeholder=\"Warning\" />\n \u003ca-input status=\"error\" placeholder=\"Error with prefix\">\n \u003ctemplate #prefix>\n \u003cClockCircleOutlined />\n \u003c/template>\n \u003c/a-input>\n \u003ca-input status=\"warning\" placeholder=\"Warning with prefix\">\n \u003ctemplate #prefix>\n \u003cClockCircleOutlined />\n \u003c/template>\n \u003c/a-input>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":723,"content_sha256":"5280beab4ce74918d717017f0a364371b18f46f3b02efb0e2a521b02afadfcbd"},{"filename":"references/components/input/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\nYou can customize the [semantic dom](#semantic-input) style of Input by passing objects/functions through `classes` and `styles`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { InputOTPProps, InputPasswordProps, InputProps, InputSearchProps, TextAreaProps } from 'antdv-next'\n\nconst classes: InputProps['classes'] = {\n root: 'effect',\n}\n\nconst stylesFn: InputProps['styles'] = (info) => {\n if (info.props.size === 'middle') {\n return {\n root: {\n borderColor: '#696FC7',\n },\n } satisfies InputProps['styles']\n }\n return {}\n}\n\nconst stylesFnTextArea: TextAreaProps['styles'] = (info) => {\n if (info.props.showCount) {\n return {\n root: { borderColor: '#BDE3C3' },\n textarea: { resize: 'none' },\n count: { color: '#BDE3C3' },\n } satisfies TextAreaProps['styles']\n }\n return {}\n}\n\nconst stylesFnPassword: InputPasswordProps['styles'] = (info) => {\n if (info.props.size === 'middle') {\n return {\n root: {\n borderColor: '#F5D3C4',\n },\n } satisfies InputPasswordProps['styles']\n }\n return {}\n}\n\nconst stylesFnOTP: InputOTPProps['styles'] = (info) => {\n if (info.props.size === 'middle') {\n return {\n input: {\n borderColor: '#6E8CFB',\n width: '32px',\n },\n } satisfies InputOTPProps['styles']\n }\n return {}\n}\n\nconst stylesFnSearch: InputSearchProps['styles'] = (info) => {\n if (info.props.size === 'large') {\n return {\n root: { color: '#4DA8DA' },\n input: { color: '#4DA8DA', borderColor: '#4DA8DA' },\n prefix: { color: '#4DA8DA' },\n suffix: { color: '#4DA8DA' },\n count: { color: '#4DA8DA' },\n button: {\n root: { color: '#4DA8DA', borderColor: '#4DA8DA' },\n icon: { color: '#4DA8DA' },\n },\n } satisfies InputSearchProps['styles']\n }\n return {}\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"large\">\n \u003ca-input :classes=\"classes\" placeholder=\"Object\" name=\"input-object\" />\n \u003ca-input :classes=\"classes\" :styles=\"stylesFn\" placeholder=\"Function\" size=\"middle\" name=\"input-fn\" />\n \u003ca-textarea :classes=\"classes\" :styles=\"stylesFnTextArea\" placeholder=\"Textarea\" show-count name=\"textarea-fn\" />\n \u003ca-input-password :classes=\"classes\" :styles=\"stylesFnPassword\" placeholder=\"Password\" size=\"middle\" name=\"password-fn\" />\n \u003ca-input-otp :classes=\"classes\" :styles=\"stylesFnOTP\" size=\"middle\" :length=\"6\" separator=\"*\" name=\"otp-fn\" />\n \u003ca-input-search :classes=\"classes\" :styles=\"stylesFnSearch\" placeholder=\"Search\" size=\"large\" name=\"search-fn\" />\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle scoped>\n.effect {\n border-width: 1px;\n border-radius: 6px;\n -webkit-transition: box-shadow 0.2s;\n transition: box-shadow 0.2s;\n}\n.effect:focus-visible {\n border-color: lab(66.128% 0 0);\n box-shadow: 0 0 0 4px color-mix(in oklab, lab(66.128% 0 0) 50%, transparent);\n}\n.effect:hover {\n border-radius: 1px solid #d9d9d9;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2958,"content_sha256":"2ee677f81f413582dac63d8118d1ca71c1584acf186f11292c2a3b719f6f28a5"},{"filename":"references/components/input/demo/textarea.md","content":"# TextArea\n\n## Description (en-US)\n\nFor multi-line input.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-textarea :rows=\"4\" />\n \u003cbr>\n \u003cbr>\n \u003ca-textarea :rows=\"4\" placeholder=\"maxLength is 6\" :maxlength=\"6\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":216,"content_sha256":"5ac2eeb5c45b9e21025c76eb5625a68a34b9dbce46fd404d6ae4d2d47c7586c2"},{"filename":"references/components/input/demo/tooltip.md","content":"# Format Tooltip Input\n\n## Description (en-US)\n\nYou can use the Input in conjunction with [Tooltip](../../tooltip/docs.md) component to create a Numeric Input, which can provide a good experience for extra-long content display.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\n\nconst value = ref('')\nconst inputValue = ref('')\n\nfunction formatNumber(val: number) {\n return new Intl.NumberFormat().format(val)\n}\n\nwatch(inputValue, (newVal) => {\n const reg = /^-?\\d*(\\.\\d*)?$/\n if (reg.test(newVal) || newVal === '' || newVal === '-') {\n value.value = newVal\n }\n else {\n // 恢复为有效值\n inputValue.value = value.value\n }\n})\n\nfunction handleBlur() {\n let valueTemp = value.value\n if (value.value.charAt(value.value.length - 1) === '.' || value.value === '-') {\n valueTemp = value.value.slice(0, -1)\n }\n value.value = valueTemp.replace(/0*(\\d+)/, '$1')\n inputValue.value = value.value\n}\n\nconst title = computed(() => {\n if (value.value) {\n return value.value !== '-' ? formatNumber(Number(value.value)) : '-'\n }\n return 'Input a number'\n})\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-tooltip :trigger=\"['focus']\" :title=\"title\" placement=\"topLeft\" root-class=\"numeric-input\">\n \u003ca-input\n v-model:value=\"inputValue\"\n style=\"width: 120px;\"\n placeholder=\"Input a number\"\n :maxlength=\"16\"\n @blur=\"handleBlur\"\n />\n \u003c/a-tooltip>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1423,"content_sha256":"5d4b5c8603ee775c053b7bb4fdb7d0d6e82692fe2c30665a2956b61abdc836c9"},{"filename":"references/components/input/demo/variant.md","content":"# Variants\n\n## Description (en-US)\n\nVariants of Input, there are four variants: `outlined` `filled` `borderless` and `underlined`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst value = ref()\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical :gap=\"12\">\n \u003ca-input v-model:value=\"value\" placeholder=\"Outlined\" />\n \u003ca-input v-model:value=\"value\" placeholder=\"Filled\" variant=\"filled\" />\n \u003ca-input v-model:value=\"value\" placeholder=\"Borderless\" variant=\"borderless\" />\n \u003ca-input v-model:value=\"value\" placeholder=\"Underlined\" variant=\"underlined\" />\n \u003ca-input-search v-model:value=\"value\" placeholder=\"Filled\" variant=\"filled\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":690,"content_sha256":"70631ce839ac82274ea30557197302e508055aac8bd16eaafb3ad6865333dffa"},{"filename":"references/components/input/docs.md","content":"---\ntitle: Input\ndescription: Through mouse or keyboard input content, it is the most basic form field wrapper.\n---\n\n## When To Use \n- A user input in a form field is needed.\n- A search input is required.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic usage | demo/basic.md |\n| Three sizes of Input | demo/size.md |\n| Variants | demo/variant.md |\n| Compact Style | demo/compact-style.md |\n| Search box | demo/search-input.md |\n| Search box with loading | demo/search-input-loading.md |\n| TextArea | demo/textarea.md |\n| Autosizing the height to fit the content | demo/autosize-textarea.md |\n| OTP | demo/otp.md |\n| Format Tooltip Input | demo/tooltip.md |\n| prefix and suffix | demo/presuffix.md |\n| Password box | demo/password-input.md |\n| With clear icon | demo/allowClear.md |\n| With character counting | demo/show-count.md |\n| Custom count logic | demo/advance-count.md |\n| Status | demo/status.md |\n| Focus | demo/focus.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Input\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| allowClear | If allow to remove input content with clear icon | boolean \\| { clearIcon: VueNode } | false | - |\n| classes | Customize class for each semantic structure inside the component. Supports object or function. | Record<[SemanticDOM](#semantic-input), string> \\| (info: { props }) => Record<[SemanticDOM](#semantic-input), string> | - | - |\n| count | Character count config | [CountConfig](#countconfig) | - | - |\n| defaultValue | The initial input content | string | - | - |\n| disabled | Whether the input is disabled | boolean | false | - |\n| id | The ID for input | string | - | - |\n| maxlength | The maximum number of characters in Input | number | - | - |\n| prefix | The prefix icon for the Input | VueNode | - | - |\n| showCount | Whether to show character count | boolean \\| { formatter: (info: { value: string, count: number, maxLength?: number }) => VueNode } | false | - |\n| status | Set validation status | 'error' \\| 'warning' | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | Record<[SemanticDOM](#semantic-input), CSSProperties> \\| (info: { props }) => Record<[SemanticDOM](#semantic-input), CSSProperties> | - | - |\n| size | The size of the input box. Note: in the context of a form, the `middle` size is used | `large` \\| `middle` \\| `small` | - | - |\n| suffix | The suffix icon for the Input | VueNode | - | - |\n| type | The type of input, see: [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types)( use `Input.TextArea` instead of `type=\"textarea\"`) | string | `text` | - |\n| value | The input content value, support `v-model:value` | string | - | - |\n| variant | Variants of Input | `outlined` \\| `borderless` \\| `filled` \\| `underlined` | `outlined` | - |\n\n> When `Input` is used in a `Form.Item` context, if the `Form.Item` has the `id` props defined then `value`, `defaultValue`, and `id` props of `Input` are automatically set.\n\nThe rest of the props of Input are exactly the same as the original [input](https://cn.vuejs.org/guide/essentials/forms.html).\n\n#### Events \n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| change | Callback when user input | function(e) | - |\n| pressEnter | The callback function that is triggered when Enter key is pressed | function(e) | - |\n| clear | Callback when click the clear button | () => void | - |\n\n#### Methods \n| Name | Description | Parameters | Version |\n| --- | --- | --- | --- |\n| blur | Remove focus | - | - |\n| focus | Get focus | (option?: { preventScroll?: boolean, cursor?: 'start' \\| 'end' \\| 'all' }) | - |\n\n#### Slots \n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| prefix | Customize prefix icon | - | - |\n| suffix | Customize suffix icon | - | - |\n| clearIcon | Customize clear icon (to be used with allowClear attribute) | - | - |\n\n### TextArea \n#### Props \nSame as Input, and more:\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| autoSize | Height auto size feature, can be set to true \\| false or an object { minRows: 2, maxRows: 6 } | boolean \\| object | false | - |\n| classes | Customize class for each semantic structure inside the component. Supports object or function. | Record<[SemanticDOM](#semantic-textarea), string> \\| (info: { props }) => Record<[SemanticDOM](#semantic-textarea), string> | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | Record<[SemanticDOM](#semantic-textarea), CSSProperties> \\| (info: { props }) => Record<[SemanticDOM](#semantic-textarea), CSSProperties> | - | - |\n\nThe rest of the props of `Input.TextArea` are the same as the original [textarea](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea).\n\n### InputSearch \n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| classes | Customize class for each semantic structure inside the component. Supports object or function. | Record<[SemanticDOM](#semantic-search), string> \\| (info: { props }) => Record<[SemanticDOM](#semantic-search), string> | - | - |\n| enterButton | false displays the default button color, true uses the primary color, or you can provide a custom button. Conflicts with addonAfter. | VueNode | false | - |\n| loading | Search box with loading | boolean | false | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | Record<[SemanticDOM](#semantic-search), CSSProperties> \\| (info: { props }) => Record<[SemanticDOM](#semantic-search), CSSProperties> | - | - |\n\nSupports all props of `Input`.\n\n#### Events \n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| search | The callback function triggered when you click on the search-icon, the clear-icon or press the Enter key | function(value, event, { source: \"input\" \\| \"clear\" }) | - |\n\n### InputPassword \n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| classes | Semantic DOM class | Record<[SemanticDOM](#semantic-password), string> | - | - |\n| iconRender | Custom toggle button | (visible) => VueNode | (visible) => (visible ? <EyeOutlined /> : <EyeInvisibleOutlined />) | - |\n| styles | Semantic DOM style | Record<[SemanticDOM](#semantic-password), CSSProperties> | - | - |\n| visibilityToggle | Whether show toggle button or control password visible | boolean \\| [VisibilityToggle](#visibilitytoggle) | true | - |\n\n### InputOTP \nAdded in `5.16.0`.\n\n> Notes for developers\n>\n> When the `mask` prop is string, we recommend receiving a single character or a single emoji. If multiple characters or multiple emoji are passed, a warning will be thrown.\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| classes | Customize class for each semantic structure inside the component. Supports object or function. | Record<[SemanticDOM](#semantic-otp), string> \\| (info: { props }) => Record<[SemanticDOM](#semantic-otp), string> | - | - |\n| defaultValue | Default value | string | - | - |\n| disabled | Whether the input is disabled | boolean | false | - |\n| formatter | Format display, blank fields will be filled with ` ` | (value: string) => string | - | - |\n| separator | render the separator after the input box of the specified index | VueNode \\| ((i: number) => VueNode) | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | Record<[SemanticDOM](#semantic-otp), CSSProperties> \\| (info: { props }) => Record<[SemanticDOM](#semantic-otp), CSSProperties> | - | - |\n| mask | Custom display, the original value will not be modified | boolean \\| string | `false` | - |\n| length | The number of input elements | number | 6 | - |\n| status | Set validation status | 'error' \\| 'warning' | - | - |\n| size | The size of the input box | `small` \\| `middle` \\| `large` | `middle` | - |\n| variant | Variants of Input | `outlined` \\| `borderless` \\| `filled` \\| `underlined` | `outlined` | - |\n| value | The input content value | string | - | - |\n\n#### Events \n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| change | Trigger when all the fields are filled | (value: string) => void | - |\n| input | Trigger when the input value changes | (value: string[]) => void | - |\n\n### Types \n#### CountConfig\n\n```tsx\ninterface CountConfig {\n // Max character count. Different from the native `maxLength`, it will be marked warning but not truncated\n max?: number\n // Custom character count, for example, the standard emoji length is greater than 1, you can customize the counting strategy to change it to 1\n strategy?: (value: string) => number\n // Same as `showCount`\n show?: boolean | ((args: { value: string, count: number, maxLength?: number }) => VueNode)\n // Custom clipping logic when the number of characters exceeds `count.max`, no clipping when not configured\n exceedFormatter?: (value: string, config: { max: number }) => string\n}\n```\n\n#### VisibilityToggle\n\n```tsx\ninterface VisibilityToggle {\n // Whether the password is show or hide\n visible?: boolean\n // Callback executed when visibility of the password is changed\n onVisibleChange?: (visible: boolean) => void\n}\n```\n\n## Semantic DOM\n\n### Input \n| _semantic | demo/_semantic.md |\n\n### TextArea \n| _semantic-textarea | demo/_semantic-textarea.md |\n\n### InputSearch \n| _semantic-search | demo/_semantic-search.md |\n\n### InputPassword \n| _semantic-password | demo/_semantic-password.md |\n\n### InputOTP \n| _semantic-otp | demo/_semantic-otp.md |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":10129,"content_sha256":"fb59b21dcf84823bbeb035ee83ef1d97e3e4cd135ca70079cea96644e852d6e8"},{"filename":"references/components/input/token.md","content":"# input Token\n\nUse these variables through `theme.components.Input`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Input: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `paddingInline` | `number` | Horizontal padding of input |\n| `paddingInlineSM` | `number` | Horizontal padding of small input |\n| `paddingInlineLG` | `number` | Horizontal padding of large input |\n| `paddingBlock` | `number` | Vertical padding of input |\n| `paddingBlockSM` | `number` | Vertical padding of small input |\n| `paddingBlockLG` | `number` | Vertical padding of large input |\n| `addonBg` | `string` | Background color of addon |\n| `hoverBorderColor` | `string` | Hover border color |\n| `activeBorderColor` | `string` | Active border color |\n| `activeShadow` | `string` | Box-shadow when active |\n| `errorActiveShadow` | `string` | Box-shadow when active in error status |\n| `warningActiveShadow` | `string` | Box-shadow when active in warning status |\n| `hoverBg` | `string` | Background color when the input box hovers |\n| `activeBg` | `string` | Background color when the input box is activated |\n| `inputFontSize` | `number` | Font size |\n| `inputFontSizeLG` | `number` | Font size of large |\n| `inputFontSizeSM` | `number` | Font size of small |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1476,"content_sha256":"025cc88bbe59dac6d50423b83d560ffac3a01ccb33c58ca9b2bc345770386546"},{"filename":"references/components/layout/demo/basic.md","content":"# Basic Structure\n\n## Description (en-US)\n\nClassic page layouts.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex gap=\"middle\" wrap>\n \u003ca-layout class=\"demo-layout\">\n \u003ca-layout-header class=\"demo-header\">\n Header\n \u003c/a-layout-header>\n \u003ca-layout-content class=\"demo-content\">\n Content\n \u003c/a-layout-content>\n \u003ca-layout-footer class=\"demo-footer\">\n Footer\n \u003c/a-layout-footer>\n \u003c/a-layout>\n\n \u003ca-layout class=\"demo-layout\">\n \u003ca-layout-header class=\"demo-header\">\n Header\n \u003c/a-layout-header>\n \u003ca-layout>\n \u003ca-layout-sider width=\"25%\" class=\"demo-sider\">\n Sider\n \u003c/a-layout-sider>\n \u003ca-layout-content class=\"demo-content\">\n Content\n \u003c/a-layout-content>\n \u003c/a-layout>\n \u003ca-layout-footer class=\"demo-footer\">\n Footer\n \u003c/a-layout-footer>\n \u003c/a-layout>\n\n \u003ca-layout class=\"demo-layout\">\n \u003ca-layout-header class=\"demo-header\">\n Header\n \u003c/a-layout-header>\n \u003ca-layout>\n \u003ca-layout-content class=\"demo-content\">\n Content\n \u003c/a-layout-content>\n \u003ca-layout-sider width=\"25%\" class=\"demo-sider\">\n Sider\n \u003c/a-layout-sider>\n \u003c/a-layout>\n \u003ca-layout-footer class=\"demo-footer\">\n Footer\n \u003c/a-layout-footer>\n \u003c/a-layout>\n\n \u003ca-layout class=\"demo-layout\">\n \u003ca-layout-sider width=\"25%\" class=\"demo-sider\">\n Sider\n \u003c/a-layout-sider>\n \u003ca-layout>\n \u003ca-layout-header class=\"demo-header\">\n Header\n \u003c/a-layout-header>\n \u003ca-layout-content class=\"demo-content\">\n Content\n \u003c/a-layout-content>\n \u003ca-layout-footer class=\"demo-footer\">\n Footer\n \u003c/a-layout-footer>\n \u003c/a-layout>\n \u003c/a-layout>\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle scoped>\n.demo-layout {\n border-radius: 8px;\n overflow: hidden;\n width: calc(50% - 8px);\n max-width: calc(50% - 8px);\n}\n\n.demo-header {\n text-align: center;\n color: #fff;\n height: 64px;\n padding-inline: 48px;\n line-height: 64px;\n background-color: #4096ff;\n}\n\n.demo-content {\n text-align: center;\n min-height: 120px;\n line-height: 120px;\n color: #fff;\n background-color: #0958d9;\n}\n\n.demo-sider {\n text-align: center;\n line-height: 120px;\n color: #fff;\n background-color: #1677ff;\n}\n\n.demo-footer {\n text-align: center;\n color: #fff;\n background-color: #4096ff;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2408,"content_sha256":"9f29ad77b4305b8f5caee3faa7f598ce376b07791681e7150343d113e15475ab"},{"filename":"references/components/layout/demo/custom-trigger.md","content":"# Custom trigger\n\n## Description (en-US)\n\nIf you want to use a customized trigger, you can hide the default one.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType } from 'antdv-next'\nimport {\n MenuFoldOutlined,\n MenuUnfoldOutlined,\n UploadOutlined,\n UserOutlined,\n VideoCameraOutlined,\n} from '@antdv-next/icons'\nimport { theme } from 'antdv-next'\nimport { ref } from 'vue'\n\nconst { token } = theme.useToken()\n\nconst collapsed = ref(false)\n\nconst items: MenuItemType[] = [\n { key: '1', icon: UserOutlined, label: 'nav 1' },\n { key: '2', icon: VideoCameraOutlined, label: 'nav 2' },\n { key: '3', icon: UploadOutlined, label: 'nav 3' },\n]\n\nfunction toggleCollapsed() {\n collapsed.value = !collapsed.value\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-layout>\n \u003ca-layout-sider v-model:collapsed=\"collapsed\" collapsible>\n \u003cdiv class=\"demo-logo-vertical\" />\n \u003ca-menu\n theme=\"dark\"\n mode=\"inline\"\n :default-selected-keys=\"['1']\"\n :items=\"items\"\n />\n \u003c/a-layout-sider>\n \u003ca-layout>\n \u003ca-layout-header class=\"custom-header\" :style=\"{ background: token.colorBgContainer }\">\n \u003ca-button type=\"text\" class=\"trigger-button\" @click=\"toggleCollapsed\">\n \u003ctemplate #icon>\n \u003cMenuUnfoldOutlined v-if=\"collapsed\" />\n \u003cMenuFoldOutlined v-else />\n \u003c/template>\n \u003c/a-button>\n \u003c/a-layout-header>\n \u003ca-layout-content\n class=\"custom-content\"\n :style=\"{\n background: token.colorBgContainer,\n borderRadius: `${token.borderRadiusLG}px`,\n }\"\n >\n Content\n \u003c/a-layout-content>\n \u003c/a-layout>\n \u003c/a-layout>\n\u003c/template>\n\n\u003cstyle scoped>\n.custom-header {\n padding: 0;\n}\n\n.custom-content {\n margin: 24px 16px;\n padding: 24px;\n min-height: 280px;\n}\n\n.trigger-button {\n width: 64px;\n height: 64px;\n font-size: 16px;\n}\n\n.demo-logo-vertical {\n height: 32px;\n margin: 16px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 6px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2005,"content_sha256":"a3d238e52a87e5b5349f7222c6e6d2c53df3d2f3bbd77f6954f1a85dcdc786da"},{"filename":"references/components/layout/demo/fixed-sider.md","content":"# Fixed Sider\n\n## Description (en-US)\n\nWhen dealing with long content, a sticky sider can provide a better user experience.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType } from 'antdv-next'\nimport type { CSSProperties } from 'vue'\nimport {\n AppstoreOutlined,\n BarChartOutlined,\n CloudOutlined,\n ShopOutlined,\n TeamOutlined,\n UploadOutlined,\n UserOutlined,\n VideoCameraOutlined,\n} from '@antdv-next/icons'\nimport { theme } from 'antdv-next'\n\nconst { token } = theme.useToken()\nconst year = new Date().getFullYear()\n\nconst siderStyle: CSSProperties = {\n overflow: 'auto',\n height: '100vh',\n position: 'sticky',\n insetInlineStart: 0,\n top: 0,\n scrollbarWidth: 'thin',\n scrollbarGutter: 'stable',\n}\n\nconst items: MenuItemType[] = [\n UserOutlined,\n VideoCameraOutlined,\n UploadOutlined,\n BarChartOutlined,\n CloudOutlined,\n AppstoreOutlined,\n TeamOutlined,\n ShopOutlined,\n].map((icon, index) => ({\n key: String(index + 1),\n icon,\n label: `nav ${index + 1}`,\n}))\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-layout :has-sider=\"true\">\n \u003ca-layout-sider :style=\"siderStyle\">\n \u003cdiv class=\"demo-logo-vertical\" />\n \u003ca-menu\n theme=\"dark\"\n mode=\"inline\"\n :default-selected-keys=\"['4']\"\n :items=\"items\"\n />\n \u003c/a-layout-sider>\n \u003ca-layout>\n \u003ca-layout-header class=\"fixed-header\" :style=\"{ background: token.colorBgContainer }\" />\n \u003ca-layout-content class=\"fixed-content\">\n \u003cdiv\n class=\"fixed-content-box\"\n :style=\"{\n background: token.colorBgContainer,\n borderRadius: `${token.borderRadiusLG}px`,\n }\"\n >\n \u003cp>long content\u003c/p>\n \u003ctemplate v-for=\"index in 100\" :key=\"index\">\n {{ index % 20 === 0 && index !== 0 ? 'more' : '...' }}\n \u003cbr>\n \u003c/template>\n \u003c/div>\n \u003c/a-layout-content>\n \u003ca-layout-footer class=\"fixed-footer\">\n Antdv Next ©{{ year }} Created by Ant UED\n \u003c/a-layout-footer>\n \u003c/a-layout>\n \u003c/a-layout>\n\u003c/template>\n\n\u003cstyle scoped>\n.fixed-header {\n padding: 0;\n}\n\n.fixed-content {\n margin: 24px 16px 0;\n overflow: initial;\n}\n\n.fixed-content-box {\n padding: 24px;\n text-align: center;\n}\n\n.fixed-footer {\n text-align: center;\n}\n\n.demo-logo-vertical {\n height: 32px;\n margin: 16px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 6px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2387,"content_sha256":"b5b7870784f0cc01ca10c86e310dd63f325bd449905eb4726579888711e47986"},{"filename":"references/components/layout/demo/fixed.md","content":"# Fixed Header\n\n## Description (en-US)\n\nSticky Header is generally used to fix the top navigation to facilitate page switching.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { BreadcrumbItemType, MenuItemType } from 'antdv-next'\nimport { theme } from 'antdv-next'\n\nconst { token } = theme.useToken()\nconst year = new Date().getFullYear()\n\nconst items: MenuItemType[] = Array.from({ length: 3 }).map((_, index) => ({\n key: String(index + 1),\n label: `nav ${index + 1}`,\n}))\n\nconst breadcrumbItems: BreadcrumbItemType[] = [\n { title: 'Home' },\n { title: 'List' },\n { title: 'App' },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-layout>\n \u003ca-layout-header class=\"demo-header\">\n \u003cdiv class=\"demo-logo\" />\n \u003ca-menu\n theme=\"dark\"\n mode=\"horizontal\"\n :default-selected-keys=\"['2']\"\n :items=\"items\"\n class=\"demo-menu\"\n />\n \u003c/a-layout-header>\n \u003ca-layout-content class=\"demo-content\">\n \u003ca-breadcrumb class=\"demo-breadcrumb\" :items=\"breadcrumbItems\" />\n \u003cdiv\n class=\"demo-content-box\"\n :style=\"{\n background: token.colorBgContainer,\n borderRadius: `${token.borderRadiusLG}px`,\n }\"\n >\n Content\n \u003c/div>\n \u003c/a-layout-content>\n \u003ca-layout-footer class=\"demo-footer\">\n Antdv Next ©{{ year }} Created by Ant UED\n \u003c/a-layout-footer>\n \u003c/a-layout>\n\u003c/template>\n\n\u003cstyle scoped>\n.demo-header {\n position: sticky;\n top: 0;\n z-index: 1;\n width: 100%;\n display: flex;\n align-items: center;\n}\n\n.demo-menu {\n flex: 1;\n min-width: 0;\n}\n\n.demo-content {\n padding: 0 48px;\n}\n\n.demo-breadcrumb {\n margin: 16px 0;\n}\n\n.demo-content-box {\n padding: 24px;\n min-height: 380px;\n}\n\n.demo-footer {\n text-align: center;\n}\n\n.demo-logo {\n width: 120px;\n height: 32px;\n margin: 16px 24px 16px 0;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 6px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1882,"content_sha256":"b579b784a05c5db7580cb4391d919a644b4200e032ea8422deb9261dc1d81c43"},{"filename":"references/components/layout/demo/responsive.md","content":"# Responsive\n\n## Description (en-US)\n\na-layout-sider supports responsive layout.\n\n> Note: You can get a responsive layout by setting `breakpoint`. The Sider will collapse to the width of `collapsedWidth` when window width is below the `breakpoint`. A special trigger will appear if `collapsedWidth` is set to 0.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType } from 'antdv-next'\nimport { BarsOutlined, UploadOutlined, UserOutlined, VideoCameraOutlined } from '@antdv-next/icons'\nimport { theme } from 'antdv-next'\n\nconst { token } = theme.useToken()\nconst year = new Date().getFullYear()\n\nconst items: MenuItemType[] = [UserOutlined, VideoCameraOutlined, UploadOutlined, UserOutlined].map(\n (icon, index) => ({\n key: String(index + 1),\n icon,\n label: `nav ${index + 1}`,\n }),\n)\n\nfunction handleBreakpoint(broken: boolean) {\n console.log(broken)\n}\n\nfunction handleCollapse(collapsed: boolean, type: string) {\n console.log(collapsed, type)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-layout>\n \u003ca-layout-sider\n breakpoint=\"lg\"\n :collapsed-width=\"0\"\n @breakpoint=\"handleBreakpoint\"\n @collapse=\"handleCollapse\"\n >\n \u003ctemplate #trigger>\n \u003cBarsOutlined />\n \u003c/template>\n \u003cdiv class=\"demo-logo-vertical\" />\n \u003ca-menu\n theme=\"dark\"\n mode=\"inline\"\n :default-selected-keys=\"['4']\"\n :items=\"items\"\n />\n \u003c/a-layout-sider>\n \u003ca-layout>\n \u003ca-layout-header class=\"responsive-header\" :style=\"{ background: token.colorBgContainer }\" />\n \u003ca-layout-content class=\"responsive-content\">\n \u003cdiv\n class=\"responsive-content-box\"\n :style=\"{\n background: token.colorBgContainer,\n borderRadius: `${token.borderRadiusLG}px`,\n }\"\n >\n content\n \u003c/div>\n \u003c/a-layout-content>\n \u003ca-layout-footer class=\"responsive-footer\">\n Antdv Next ©{{ year }} Created by Ant UED\n \u003c/a-layout-footer>\n \u003c/a-layout>\n \u003c/a-layout>\n\u003c/template>\n\n\u003cstyle scoped>\n.responsive-header {\n padding: 0;\n}\n\n.responsive-content {\n margin: 24px 16px 0;\n}\n\n.responsive-content-box {\n padding: 24px;\n min-height: 360px;\n}\n\n.responsive-footer {\n text-align: center;\n}\n\n.demo-logo-vertical {\n height: 32px;\n margin: 16px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 6px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2357,"content_sha256":"8159c668625748a6f72366f0480a62b1fd2a6de2e806f2d0bb0527f5df5b9612"},{"filename":"references/components/layout/demo/side.md","content":"# Sider\n\n## Description (en-US)\n\nTwo-columns layout. The sider menu can be collapsed when horizontal space is limited.\n\nGenerally, the mainnav is placed on the left side of the page, and the secondary menu is placed on the top of the working area. Contents will adapt the layout to the viewing area to improve the horizontal space usage, while the layout of the whole page is not stable.\n\nThe level of the aside navigation is scalable. The first, second, and third level navigations could be present more fluently and relevantly, and aside navigation can be fixed, allowing the user to quickly switch and spot the current position, improving the user experience. However, this navigation occupies some horizontal space of the contents.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { BreadcrumbItemType, MenuItemType } from 'antdv-next'\nimport {\n DesktopOutlined,\n FileOutlined,\n LeftOutlined,\n PieChartOutlined,\n RightOutlined,\n TeamOutlined,\n UserOutlined,\n} from '@antdv-next/icons'\nimport { theme } from 'antdv-next'\nimport { ref } from 'vue'\n\nconst { token } = theme.useToken()\nconst year = new Date().getFullYear()\n\nconst collapsed = ref(false)\n\nconst items: MenuItemType[] = [\n { key: '1', icon: PieChartOutlined, label: 'Option 1' },\n { key: '2', icon: DesktopOutlined, label: 'Option 2' },\n {\n key: 'sub1',\n icon: UserOutlined,\n label: 'User',\n children: [\n { key: '3', label: 'Tom' },\n { key: '4', label: 'Bill' },\n { key: '5', label: 'Alex' },\n ],\n },\n {\n key: 'sub2',\n icon: TeamOutlined,\n label: 'Team',\n children: [\n { key: '6', label: 'Team 1' },\n { key: '8', label: 'Team 2' },\n ],\n },\n { key: '9', icon: FileOutlined, label: 'Files' },\n]\n\nconst breadcrumbItems: BreadcrumbItemType[] = [\n { title: 'User' },\n { title: 'Bill' },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-layout class=\"side-layout\">\n \u003ca-layout-sider v-model:collapsed=\"collapsed\" collapsible>\n \u003ctemplate #trigger>\n \u003cRightOutlined v-if=\"collapsed\" />\n \u003cLeftOutlined v-else />\n \u003c/template>\n \u003cdiv class=\"demo-logo-vertical\" />\n \u003ca-menu\n theme=\"dark\"\n mode=\"inline\"\n :default-selected-keys=\"['1']\"\n :items=\"items\"\n />\n \u003c/a-layout-sider>\n \u003ca-layout>\n \u003ca-layout-header class=\"side-header\" :style=\"{ background: token.colorBgContainer }\" />\n \u003ca-layout-content class=\"side-content\">\n \u003ca-breadcrumb class=\"side-breadcrumb\" :items=\"breadcrumbItems\" />\n \u003cdiv\n class=\"side-content-box\"\n :style=\"{\n background: token.colorBgContainer,\n borderRadius: `${token.borderRadiusLG}px`,\n }\"\n >\n Bill is a cat.\n \u003c/div>\n \u003c/a-layout-content>\n \u003ca-layout-footer class=\"side-footer\">\n Antdv Next ©{{ year }} Created by Ant UED\n \u003c/a-layout-footer>\n \u003c/a-layout>\n \u003c/a-layout>\n\u003c/template>\n\n\u003cstyle scoped>\n.side-layout {\n min-height: 100vh;\n}\n\n.side-header {\n padding: 0;\n}\n\n.side-content {\n margin: 0 16px;\n}\n\n.side-breadcrumb {\n margin: 16px 0;\n}\n\n.side-content-box {\n padding: 24px;\n min-height: 360px;\n}\n\n.side-footer {\n text-align: center;\n}\n\n.demo-logo-vertical {\n height: 32px;\n margin: 16px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 6px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":3302,"content_sha256":"7f3f65f246c4889f2d419036d1918197defcc1a6728e4a2b9bc847a797e9de84"},{"filename":"references/components/layout/demo/top-side-2.md","content":"# Header Sider 2\n\n## Description (en-US)\n\nBoth the top navigation and the sidebar, commonly used in application site.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { BreadcrumbItemType, MenuItemType } from 'antdv-next'\nimport { LaptopOutlined, NotificationOutlined, UserOutlined } from '@antdv-next/icons'\nimport { theme } from 'antdv-next'\n\nconst { token } = theme.useToken()\n\nconst items1: MenuItemType[] = ['1', '2', '3'].map(key => ({\n key,\n label: `nav ${key}`,\n}))\n\nconst items2: MenuItemType[] = [UserOutlined, LaptopOutlined, NotificationOutlined].map((icon, index) => {\n const key = String(index + 1)\n return {\n key: `sub${key}`,\n icon,\n label: `subnav ${key}`,\n children: Array.from({ length: 4 }).map((_, childIndex) => {\n const childKey = index * 4 + childIndex + 1\n return {\n key: String(childKey),\n label: `option${childKey}`,\n }\n }),\n }\n})\n\nconst breadcrumbItems: BreadcrumbItemType[] = [\n { title: 'Home' },\n { title: 'List' },\n { title: 'App' },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-layout>\n \u003ca-layout-header class=\"demo-header\">\n \u003cdiv class=\"demo-logo\" />\n \u003ca-menu\n theme=\"dark\"\n mode=\"horizontal\"\n :default-selected-keys=\"['2']\"\n :items=\"items1\"\n class=\"demo-menu\"\n />\n \u003c/a-layout-header>\n \u003ca-layout>\n \u003ca-layout-sider :width=\"200\" :style=\"{ background: token.colorBgContainer }\">\n \u003ca-menu\n mode=\"inline\"\n :default-selected-keys=\"['1']\"\n :default-open-keys=\"['sub1']\"\n :items=\"items2\"\n class=\"demo-sider-menu\"\n />\n \u003c/a-layout-sider>\n \u003ca-layout class=\"demo-main\">\n \u003ca-breadcrumb class=\"demo-breadcrumb\" :items=\"breadcrumbItems\" />\n \u003ca-layout-content\n class=\"demo-content\"\n :style=\"{\n background: token.colorBgContainer,\n borderRadius: `${token.borderRadiusLG}px`,\n }\"\n >\n Content\n \u003c/a-layout-content>\n \u003c/a-layout>\n \u003c/a-layout>\n \u003c/a-layout>\n\u003c/template>\n\n\u003cstyle scoped>\n.demo-header {\n display: flex;\n align-items: center;\n}\n\n.demo-menu {\n flex: 1;\n min-width: 0;\n}\n\n.demo-sider-menu {\n height: 100%;\n border-inline-end: 0;\n}\n\n.demo-main {\n padding: 0 24px 24px;\n}\n\n.demo-breadcrumb {\n margin: 16px 0;\n}\n\n.demo-content {\n padding: 24px;\n margin: 0;\n min-height: 280px;\n}\n\n.demo-logo {\n width: 120px;\n height: 32px;\n margin: 16px 24px 16px 0;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 6px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2530,"content_sha256":"a75202dc0c84cfca64f6734389092b81fc1f7dc3df60d0b0677d39f3b9d20c3b"},{"filename":"references/components/layout/demo/top-side.md","content":"# Header-Sider\n\n## Description (en-US)\n\nBoth the top navigation and the sidebar, commonly used in documentation site.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { BreadcrumbItemType, MenuItemType } from 'antdv-next'\nimport { LaptopOutlined, NotificationOutlined, UserOutlined } from '@antdv-next/icons'\nimport { theme } from 'antdv-next'\n\nconst { token } = theme.useToken()\nconst year = new Date().getFullYear()\n\nconst items1: MenuItemType[] = ['1', '2', '3'].map(key => ({\n key,\n label: `nav ${key}`,\n}))\n\nconst items2: MenuItemType[] = [UserOutlined, LaptopOutlined, NotificationOutlined].map((icon, index) => {\n const key = String(index + 1)\n return {\n key: `sub${key}`,\n icon,\n label: `subnav ${key}`,\n children: Array.from({ length: 4 }).map((_, childIndex) => {\n const childKey = index * 4 + childIndex + 1\n return {\n key: String(childKey),\n label: `option${childKey}`,\n }\n }),\n }\n})\n\nconst breadcrumbItems: BreadcrumbItemType[] = [\n { title: 'Home' },\n { title: 'List' },\n { title: 'App' },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-layout>\n \u003ca-layout-header class=\"demo-header\">\n \u003cdiv class=\"demo-logo\" />\n \u003ca-menu\n theme=\"dark\"\n mode=\"horizontal\"\n :default-selected-keys=\"['2']\"\n :items=\"items1\"\n class=\"demo-menu\"\n />\n \u003c/a-layout-header>\n \u003cdiv class=\"demo-body\">\n \u003ca-breadcrumb class=\"demo-breadcrumb\" :items=\"breadcrumbItems\" />\n \u003ca-layout\n class=\"demo-inner\"\n :style=\"{\n background: token.colorBgContainer,\n borderRadius: `${token.borderRadiusLG}px`,\n }\"\n >\n \u003ca-layout-sider :style=\"{ background: token.colorBgContainer }\" :width=\"200\">\n \u003ca-menu\n mode=\"inline\"\n :default-selected-keys=\"['1']\"\n :default-open-keys=\"['sub1']\"\n :items=\"items2\"\n class=\"demo-sider-menu\"\n />\n \u003c/a-layout-sider>\n \u003ca-layout-content class=\"demo-content\">\n Content\n \u003c/a-layout-content>\n \u003c/a-layout>\n \u003c/div>\n \u003ca-layout-footer class=\"demo-footer\">\n Antdv Next ©{{ year }} Created by Ant UED\n \u003c/a-layout-footer>\n \u003c/a-layout>\n\u003c/template>\n\n\u003cstyle scoped>\n.demo-header {\n display: flex;\n align-items: center;\n}\n\n.demo-menu {\n flex: 1;\n min-width: 0;\n}\n\n.demo-body {\n padding: 0 48px;\n}\n\n.demo-breadcrumb {\n margin: 16px 0;\n}\n\n.demo-inner {\n padding: 24px 0;\n}\n\n.demo-sider-menu {\n height: 100%;\n}\n\n.demo-content {\n padding: 0 24px;\n min-height: 280px;\n}\n\n.demo-footer {\n text-align: center;\n}\n\n.demo-logo {\n width: 120px;\n height: 32px;\n margin: 16px 24px 16px 0;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 6px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2731,"content_sha256":"b3ae1680f149df6230c76d2ae6d242fa84999c5aaf7c781d3d010b786ab9b1b7"},{"filename":"references/components/layout/demo/top.md","content":"# Header-Content-Footer\n\n## Description (en-US)\n\nThe most basic \\\"header-content-footer\\\" layout.\n\nGenerally, the mainnav is placed at the top of the page, and includes the logo, the first level navigation, and the secondary menu (users, settings, notifications) from left to right in it. We always put contents in a fixed size navigation (eg: `1200px`), the layout of the whole page is stable, it's not affected by the viewing area.\n\nTop-bottom structure is conformed with the top-bottom viewing habit, it's a classical navigation pattern of websites. This pattern demonstrates efficiency in the main workarea, while using some vertical space. And because the horizontal space of the navigation is limited, this pattern is not suitable for cases when the first level navigation contains many elements or links.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { BreadcrumbItemType, MenuItemType } from 'antdv-next'\nimport { theme } from 'antdv-next'\n\nconst { token } = theme.useToken()\nconst year = new Date().getFullYear()\n\nconst items: MenuItemType[] = Array.from({ length: 15 }).map((_, index) => ({\n key: String(index + 1),\n label: `nav ${index + 1}`,\n}))\n\nconst breadcrumbItems: BreadcrumbItemType[] = [\n { title: 'Home' },\n { title: 'List' },\n { title: 'App' },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-layout>\n \u003ca-layout-header class=\"demo-header\">\n \u003cdiv class=\"demo-logo\" />\n \u003ca-menu\n theme=\"dark\"\n mode=\"horizontal\"\n :default-selected-keys=\"['2']\"\n :items=\"items\"\n class=\"demo-menu\"\n />\n \u003c/a-layout-header>\n \u003ca-layout-content class=\"demo-content\">\n \u003ca-breadcrumb class=\"demo-breadcrumb\" :items=\"breadcrumbItems\" />\n \u003cdiv\n class=\"demo-content-box\"\n :style=\"{\n background: token.colorBgContainer,\n borderRadius: `${token.borderRadiusLG}px`,\n }\"\n >\n Content\n \u003c/div>\n \u003c/a-layout-content>\n \u003ca-layout-footer class=\"demo-footer\">\n Antdv Next ©{{ year }} Created by Ant UED\n \u003c/a-layout-footer>\n \u003c/a-layout>\n\u003c/template>\n\n\u003cstyle scoped>\n.demo-header {\n display: flex;\n align-items: center;\n}\n\n.demo-menu {\n flex: 1;\n min-width: 0;\n}\n\n.demo-content {\n padding: 0 48px;\n}\n\n.demo-breadcrumb {\n margin: 16px 0;\n}\n\n.demo-content-box {\n min-height: 280px;\n padding: 24px;\n}\n\n.demo-footer {\n text-align: center;\n}\n\n.demo-logo {\n width: 120px;\n height: 32px;\n margin: 16px 24px 16px 0;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 6px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2508,"content_sha256":"b7482563d6574a4f0f088162a071139489c84d6741a6972bfba35bfcc813828a"},{"filename":"references/components/layout/docs.md","content":"---\ntitle: Layout\ndescription: Handling the overall layout of a page.\n---\n\n## Specification\n\n### Size\n\nThe first level navigation is left aligned near a logo, and the secondary menu is right aligned.\n\n- Top Navigation: the height of the first level navigation is `64px`, and the second level navigation is `48px`.\n- Top Navigation (for landing pages): the height of the first level navigation is `80px`, and the second level navigation is `56px`.\n- Calculation formula of a top navigation: `48+8n`.\n- Calculation formula of an aside navigation: `200+8n`.\n\n### Interaction rules\n\n- The first level navigation and the last level navigation should be distinguishable by visualization;\n- The current item should have the highest priority of visualization;\n- When the current navigation item is collapsed, the style of the current navigation item is applied to its parent level;\n- The left side navigation bar has support for both the accordion and expanding styles; you can choose the one that fits your case the best.\n\n## Visualization rules\n\nStyle of a navigation should conform to its level.\n\n- **Emphasis by colorblock**\n\n When the background color is a deep color, you can use this pattern for the parent level navigation item of the current page.\n\n- **The highlight match stick**\n\n When the background color is a light color, you can use this pattern for the current page navigation item; we recommend using it for the last item of the navigation path.\n\n- **Highlighted font**\n\n From the visualization aspect, a highlighted font is stronger than colorblock; this pattern is often used for the parent level of the current item.\n\n- **Enlarge the size of the font**\n\n `12px`, `14px` is a standard font size of navigation's, `14px` is used for the first and the second level of the navigation. You can choose an appropriate font size regarding the level of your navigation.\n\n## Component Overview\n\n- `Layout`: The layout wrapper, in which `Header` `Sider` `Content` `Footer` or `Layout` itself can be nested, and can be placed in any parent container.\n- `Header`: The top layout with the default style, in which any element can be nested, and must be placed in `Layout`.\n- `Sider`: The sidebar with default style and basic functions, in which any element can be nested, and must be placed in `Layout`.\n- `Content`: The content layout with the default style, in which any element can be nested, and must be placed in `Layout`.\n- `Footer`: The bottom layout with the default style, in which any element can be nested, and must be placed in `Layout`.\n\n> Based on `flex layout`, please pay attention to the [compatibility](http://caniuse.com/#search=flex).\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic Structure | demo/basic.md |\n| Header-Content-Footer | demo/top.md |\n| Header-Sider | demo/top-side.md |\n| Header Sider 2 | demo/top-side-2.md |\n| Sider | demo/side.md |\n| Custom trigger | demo/custom-trigger.md |\n| Responsive | demo/responsive.md |\n| Fixed Header | demo/fixed.md |\n| Fixed Sider | demo/fixed-sider.md |\n\n## API\n\n```html\n\u003ca-layout>\n \u003ca-layout-header>header\u003c/a-layout-header>\n \u003ca-layout>\n \u003ca-layout-sider>left sidebar\u003c/a-layout-sider>\n \u003ca-layout-content>main content\u003c/a-layout-content>\n \u003ca-layout-sider>right sidebar\u003c/a-layout-sider>\n \u003c/a-layout>\n \u003ca-layout-footer>footer\u003c/a-layout-footer>\n\u003c/a-layout>\n```\n\n### Layout\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\nThe wrapper.\n\n#### Props \n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| hasSider | Whether contain Sider in children, don't have to assign it normally. Useful in ssr avoid style flickering | boolean | - |\n\n### LayoutSider\n\n#### Props \nThe sidebar.\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| breakpoint | [Breakpoints](../grid/docs.md/#col) of the responsive layout | `xs` \\| `sm` \\| `md` \\| `lg` \\| `xl` \\| `xxl` \\| `xxxl` | - | xxxl: 1.0.3 |\n| collapsed | To set the current status | boolean | - | |\n| collapsedWidth | Width of the collapsed sidebar, by setting to 0 a special trigger will appear | number | 80 | |\n| collapsible | Whether can be collapsed | boolean | false | |\n| reverseArrow | Reverse direction of arrow, for a sider that expands from the right | boolean | false | |\n| theme | Color theme of the sidebar | `light` \\| `dark` | `dark` | |\n| trigger | Specify the customized trigger, set to null to hide the trigger | ReactNode | - | |\n| width | Width of the sidebar | number \\| string | 200 | |\n| zeroWidthTriggerStyle | To customize the styles of the special trigger that appears when `collapsedWidth` is 0 | object | - | |\n\n#### Events \n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| breakpoint | The callback function, executed when [breakpoints](../grid/docs.md/#api) changed | (broken: boolean) => void | - |\n| collapse | The callback function, executed by clicking the trigger or activating the responsive layout | (collapsed: boolean, type: string) => void | - |\n\n## Types\n\n### Breakpoint width\n\n```ts\nconst breakpointWidth = {\n xs: '480px',\n sm: '576px',\n md: '768px',\n lg: '992px',\n xl: '1200px',\n xxl: '1600px',\n xxxl: '1920px',\n}\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":5192,"content_sha256":"931437c2b508d712d9dddc1e7a7235fa49de50faf53e491cb7ae676b32e0c1f5"},{"filename":"references/components/layout/token.md","content":"# layout Token\n\nUse these variables through `theme.components.Layout`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Layout: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `bodyBg` | `string` | Background Color of body |\n| `headerBg` | `string` | Background Color of header |\n| `headerHeight` | `string \\| number` | Height of header |\n| `headerPadding` | `CSSProperties` | Padding of header |\n| `headerColor` | `string` | Text color of header |\n| `footerPadding` | `CSSProperties` | Padding of footer |\n| `footerBg` | `string` | Background Color of footer |\n| `siderBg` | `string` | Background Color of sider |\n| `triggerHeight` | `string \\| number` | Height of sider trigger |\n| `triggerBg` | `string` | Background Color of sider trigger |\n| `triggerColor` | `string` | Color of sider trigger |\n| `zeroTriggerWidth` | `number` | Width of sider trigger when collapse is 0 |\n| `zeroTriggerHeight` | `number` | Height of sider trigger when collapse is 0 |\n| `lightSiderBg` | `string` | Background Color of light theme sider |\n| `lightTriggerBg` | `string` | Background Color of light theme sider trigger |\n| `lightTriggerColor` | `string` | Color of light theme sider trigger |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1422,"content_sha256":"805832fa944dba9083062cd78f5e0d1b1912e525fe581fd3307fcfa2910665ba"},{"filename":"references/components/masonry/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root') },\n { name: 'item', desc: t('item') },\n])\n\nconst heights = [75, 50, 70, 60, 85, 75, 50].map((height, index) => ({\n key: `item-${index}`,\n data: height,\n}))\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Masonry\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003ca-masonry\n :columns=\"3\"\n :gutter=\"16\"\n :items=\"heights\"\n style=\"width: 100%\"\n :classes=\"classes\"\n >\n \u003ctemplate #itemRender=\"{ data, index }\">\n \u003ca-card size=\"small\" :style=\"{ height: data }\">\n {{ index + 1 }}\n \u003c/a-card>\n \u003c/template>\n \u003c/a-masonry>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1047,"content_sha256":"d0d36eaa8b5ba1098c0f013af30eb16e0010d783a3c7b98a6fad0f12ec66c2bc"},{"filename":"references/components/masonry/demo/basic.md","content":"# Basic\n\n## Description (en-US)\n\nBasic usage.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nconst heights = [150, 50, 90, 70, 110, 150, 130, 80, 50, 90, 100, 150, 60, 50, 80].map((height, index) => {\n return {\n key: `item-${index}`,\n data: height,\n }\n})\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-masonry :columns=\"4\" :gutter=\"16\" :items=\"heights\">\n \u003ctemplate #itemRender=\"{ index, data }\">\n \u003ctemplate v-if=\"index === 4\">\n \u003ca-card size=\"small\">\n \u003ctemplate #cover>\n \u003cimg\n alt=\"food\"\n src=\"https://images.unsplash.com/photo-1491961865842-98f7befd1a60?w=523&auto=format\"\n >\n \u003c/template>\n \u003ca-card-meta title=\"I'm Special\" description=\"Let's have a meal\" />\n \u003c/a-card>\n \u003c/template>\n \u003ctemplate v-else>\n \u003ca-card size=\"small\" :style=\"{ height: `${data}px` }\">\n {{ index + 1 }}\n \u003c/a-card>\n \u003c/template>\n \u003c/template>\n \u003c/a-masonry>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":965,"content_sha256":"f5f3b8241eacf81c95af5c19cb9b5ebc1a56605b51c1eb92e9b9b5f2747d0df0"},{"filename":"references/components/masonry/demo/dynamic.md","content":"# Dynamic\n\n## Description (en-US)\n\nDynamically add and remove items. The `layoutChange` event provides column information for each item.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { CloseOutlined } from '@antdv-next/icons'\nimport { theme } from 'antdv-next'\nimport { ref } from 'vue'\n\nconst { token } = theme.useToken()\n\nconst heights = [150, 50, 90, 70, 110, 150, 130, 80, 50, 90, 100, 150, 70, 50, 80]\n\ninterface ItemType {\n key: number\n column?: number\n data: number\n}\n\nconst items = ref\u003cItemType[]>(\n heights.map((height, index) => ({\n key: index,\n column: index % 4,\n data: height,\n })),\n)\n\nfunction removeItem(removeKey: number) {\n items.value = items.value.filter(({ key }) => key !== removeKey)\n}\n\nfunction addItem() {\n const lastItem = items.value[items.value.length - 1]\n items.value = [\n ...items.value,\n {\n key: lastItem ? lastItem.key + 1 : 0,\n data: Math.floor(Math.random() * 100) + 50,\n },\n ]\n}\n\nfunction handleLayoutChange(sortedItems: ItemType[]) {\n items.value = items.value.map((item) => {\n const matchItem = sortedItems.find(sortedItem => sortedItem.key === item.key)\n return matchItem\n ? {\n ...item,\n column: matchItem.column,\n }\n : item\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical :gap=\"16\">\n \u003ca-masonry\n :columns=\"4\"\n :gutter=\"16\"\n :items=\"items\"\n @layout-change=\"handleLayoutChange\"\n >\n \u003ctemplate #itemRender=\"{ data, key }\">\n \u003ca-card size=\"small\" :style=\"{ height: `${data}px` }\">\n {{ Number(key) + 1 }}\n \u003ca-button\n :style=\"{\n position: 'absolute',\n insetBlockStart: `${token.paddingSM}px`,\n insetInlineEnd: `${token.paddingSM}px`,\n }\"\n size=\"small\"\n @click=\"() => removeItem(key as any)\"\n >\n \u003ctemplate #icon>\n \u003cCloseOutlined />\n \u003c/template>\n \u003c/a-button>\n \u003c/a-card>\n \u003c/template>\n \u003c/a-masonry>\n \u003ca-button block @click=\"addItem\">\n Add Item\n \u003c/a-button>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2114,"content_sha256":"26a6dcd90eb0099118788ee16c1b7a80da6f679a12af49753f765927967e8b4c"},{"filename":"references/components/masonry/demo/fresh.md","content":"# Fresh\n\n## Description (en-US)\n\nWhen `fresh` is enabled, the masonry will continuously monitor size changes of child items and automatically re-layout. Click on cards to change their height.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { Card } from 'antdv-next'\nimport { defineComponent, h, ref } from 'vue'\n\nconst RandomHeightCard = defineComponent({\n props: {\n index: {\n type: Number,\n required: true,\n },\n defaultHeight: {\n type: Number,\n required: true,\n },\n },\n setup(props) {\n const height = ref(props.defaultHeight)\n\n const handleClick = () => {\n height.value = Math.floor(Math.random() * 100) + 50\n }\n\n return () =>\n h(\n Card,\n {\n size: 'small',\n style: { height: `${height.value}px`, transition: 'height 0.3s' },\n onClick: handleClick,\n },\n () => `${props.index + 1} - Click`,\n )\n },\n})\n\nconst heights = [150, 50, 90, 70, 110, 150, 130, 80, 50, 90, 100, 150, 60, 50, 80].map(\n (height, index) => {\n const item: {\n key: string\n data: number\n column?: number\n } = {\n key: `item-${index}`,\n data: height,\n }\n\n if (index === 4) {\n item.column = 0\n }\n\n return item\n },\n)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-masonry\n fresh\n :columns=\"4\"\n :gutter=\"16\"\n :items=\"heights\"\n >\n \u003ctemplate #itemRender=\"{ data, index }\">\n \u003cRandomHeightCard :index=\"index\" :default-height=\"data\" />\n \u003c/template>\n \u003c/a-masonry>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1512,"content_sha256":"6e52353106b4d94205af9344093ca2f6a803eb131fa7a5579e8bdb26ec388806"},{"filename":"references/components/masonry/demo/image.md","content":"# Image\n\n## Description (en-US)\n\nDisplay image list using masonry layout.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nconst imageList = [\n 'https://images.unsplash.com/photo-1510001618818-4b4e3d86bf0f',\n 'https://images.unsplash.com/photo-1507513319174-e556268bb244',\n 'https://images.unsplash.com/photo-1474181487882-5abf3f0ba6c2',\n 'https://images.unsplash.com/photo-1492778297155-7be4c83960c7',\n 'https://images.unsplash.com/photo-1508062878650-88b52897f298',\n 'https://images.unsplash.com/photo-1506158278516-d720e72406fc',\n 'https://images.unsplash.com/photo-1552203274-e3c7bd771d26',\n 'https://images.unsplash.com/photo-1528163186890-de9b86b54b51',\n 'https://images.unsplash.com/photo-1727423304224-6d2fd99b864c',\n 'https://images.unsplash.com/photo-1675090391405-432434e23595',\n 'https://images.unsplash.com/photo-1554196967-97a8602084d9',\n 'https://images.unsplash.com/photo-1491961865842-98f7befd1a60',\n 'https://images.unsplash.com/photo-1721728613411-d56d2ddda959',\n 'https://images.unsplash.com/photo-1731901245099-20ac7f85dbaa',\n 'https://images.unsplash.com/photo-1617694455303-59af55af7e58',\n 'https://images.unsplash.com/photo-1709198165282-1dab551df890',\n]\n\nconst items = imageList.map((img, index) => ({\n key: `item-${index}`,\n data: img,\n}))\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-masonry :columns=\"4\" :gutter=\"16\" :items=\"items\">\n \u003ctemplate #itemRender=\"{ data }\">\n \u003cimg :src=\"`${data}?w=523&auto=format`\" alt=\"sample\" style=\"width: 100%\">\n \u003c/template>\n \u003c/a-masonry>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1521,"content_sha256":"58bf9463d54c0f19b04589de1b28dc401b6e30ce94694db863118dfbf192300f"},{"filename":"references/components/masonry/demo/responsive.md","content":"# Responsive\n\n## Description (en-US)\n\nAchieve responsive masonry layout for different screen sizes by setting `columns` and `gutter` properties to responsive configuration objects.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nconst heights = [120, 55, 85, 160, 95, 140, 75, 110, 65, 130, 90, 145, 55, 100, 80]\n\nconst items = heights.map((height, index) => ({\n key: `item-${index}`,\n data: height,\n index,\n}))\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-masonry\n :columns=\"{ xs: 1, sm: 2, md: 3, lg: 4 }\"\n :gutter=\"{ xs: 8, sm: 12, md: 16 }\"\n :items=\"items\"\n >\n \u003ctemplate #itemRender=\"item\">\n \u003ca-card size=\"small\" :style=\"{ height: `${item.data}px` }\">\n {{ item.index + 1 }}\n \u003c/a-card>\n \u003c/template>\n \u003c/a-masonry>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":747,"content_sha256":"c419239b2398f5ea1efc0f029e6f595d5a84c61cbe14ecd1e76e560c8fc389de"},{"filename":"references/components/masonry/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\nCustomize semantic structure styles and class names. Supports both object and function forms.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MasonryProps } from 'antdv-next'\n\ninterface MasonryItemType\u003cT = any> {\n key: string\n data: T\n}\n\nconst items = [120, 80, 100, 60, 140, 90, 110, 70].map\u003cMasonryItemType\u003cnumber>>(\n (height, index) => ({\n key: `item-${index}`,\n data: height,\n }),\n)\n\nconst classes = {\n root: 'custom-masonry-root',\n item: 'custom-masonry-item',\n}\n\nconst styles: MasonryProps['styles'] = {\n root: {\n borderRadius: '12px',\n padding: '20px',\n height: '260px',\n backgroundColor: 'rgba(250,250,250,0.5)',\n },\n item: {\n transform: 'scale(0.98)',\n transition: 'transform 0.2s ease',\n border: '1px solid #ccc',\n },\n}\n\nconst stylesFn: MasonryProps['styles'] = (info) => {\n const { props } = info\n return {\n root: {\n border: `2px solid ${typeof props.columns === 'number' && props.columns > 2 ? '#1890ff' : '#52c41a'}`,\n padding: '20px',\n height: '280px',\n backgroundColor: 'rgba(240,248,255,.6)',\n },\n item: {\n boxShadow: '0 2px 8px rgba(0,0,0,0.1)',\n border: '1px solid #1890ff',\n },\n } satisfies MasonryProps['styles']\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical :gap=\"24\">\n \u003cdiv>\n \u003ca-typography-title :level=\"4\">\n classNames and styles Object\n \u003c/a-typography-title>\n \u003ca-masonry\n :columns=\"4\"\n :gutter=\"16\"\n :items=\"items\"\n :classes=\"classes\"\n :styles=\"styles\"\n >\n \u003ctemplate #itemRender=\"{ data, index }\">\n \u003ca-card size=\"small\" :style=\"{ height: `${data}px` }\">\n {{ index + 1 }}\n \u003c/a-card>\n \u003c/template>\n \u003c/a-masonry>\n \u003c/div>\n \u003ca-divider />\n \u003cdiv>\n \u003ca-typography-title :level=\"4\">\n classNames and styles Function\n \u003c/a-typography-title>\n \u003ca-masonry\n :columns=\"3\"\n :gutter=\"12\"\n :items=\"items.slice(0, 6)\"\n :classes=\"classes\"\n :styles=\"stylesFn\"\n >\n \u003ctemplate #itemRender=\"{ data, index }\">\n \u003ca-card size=\"small\" :style=\"{ height: `${data}px` }\">\n {{ index + 1 }}\n \u003c/a-card>\n \u003c/template>\n \u003c/a-masonry>\n \u003c/div>\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle scoped>\n:deep(.custom-masonry-root) {\n border: 1px solid #d9d9d9;\n border-radius: 8px;\n padding: 16px;\n height: 260px;\n background-color: #fafafa;\n}\n\n:deep(.custom-masonry-item) {\n transform: scale(0.98);\n transition: transform 0.2s ease;\n border-radius: 12px;\n border: 1px solid #ccc;\n overflow: hidden;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2664,"content_sha256":"554b4ad88dc685acb4da3f905faff6af5e3a7063914fcc4f9e04eacccf138d1b"},{"filename":"references/components/masonry/docs.md","content":"---\ntitle: Masonry\ndescription: A masonry layout component for displaying content with different heights.\n---\n\n## When To Use\n\n- When displaying images or cards with irregular heights.\n- When content needs to be evenly distributed in columns.\n- When column count needs to be responsive.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic | demo/basic.md |\n| Responsive | demo/responsive.md |\n| Image | demo/image.md |\n| Dynamic | demo/dynamic.md |\n| Custom semantic dom styling | demo/style-class.md |\n| Fresh | demo/fresh.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Props\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| columns | Number of columns, can be a fixed value or a responsive configuration | number \\| { xs?: number; sm?: number; md?: number; lg?: number; xl?: number; xxl?: number } | 3 | - |\n| fresh | Whether to continuously monitor the size changes of child items | boolean | false | - |\n| gutter | Spacing, can be a fixed value, responsive configuration, or a configuration for horizontal and vertical spacing | [Gap](#gap) \\| [[Gap](#gap), [Gap](#gap)] | 0 | - |\n| items | Masonry items | [MasonryItem](#masonryitem)[] | - | - |\n| itemRender | Custom item rendering function | (item: MasonryItem) => VueNode | - | - |\n\n### Events\n\n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| layoutChange | Callback for column sorting changes | (sortInfo: { key: Key; column: number }[]) => void | - |\n\n### Slots\n\n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| itemRender | Custom item rendering slot | (itemInfo: MasonryItem & { index: number }) => VueNode | - |\n\n## Types\n\n### MasonryItem\n\n| Parameter | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| key | Unique identifier for the item | string \\| number | - |\n| height | Height of the item | number | - |\n| column | Specifies the column to which the item belongs | number | - |\n| data | Custom data storage | T | - |\n| children | Custom display content, takes precedence over `itemRender` | VueNode | - |\n\n### Gap\n\n`Gap` represents the spacing between items. It can either be a fixed value or a responsive configuration.\n\n```ts\ntype Gap = undefined | number | Partial\u003cRecord\u003c'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>\n```\n\n## Semantic DOM\n\n| _semantic | demo/_semantic.md |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2420,"content_sha256":"feb4b4b692a3bcb74e5b2d2abaac26e70745e6e184a727e774903141ffd9996d"},{"filename":"references/components/mentions/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root'), version: '1.0.0' },\n { name: 'textarea', desc: t('textarea'), version: '1.0.0' },\n { name: 'suffix', desc: t('suffix'), version: '1.0.0' },\n { name: 'popup', desc: t('popup'), version: '1.0.0' },\n])\n\nconst divRef = ref\u003cHTMLDivElement | null>(null)\n\nconst options = [\n { value: 'afc163', label: 'afc163' },\n { value: 'zombieJ', label: 'zombieJ' },\n { value: 'thinkasany', label: 'thinkasany' },\n { value: 'meet-student', label: 'meet-student' },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Mentions\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003cdiv ref=\"divRef\" :style=\"{ position: 'absolute', height: '200px' }\">\n \u003ca-mentions\n placement=\"bottom\"\n :style=\"{ width: '100%' }\"\n value=\"Hi, @\"\n allow-clear\n open\n :get-popup-container=\"() => divRef!\"\n :options=\"options\"\n :classes=\"classes\"\n />\n \u003c/div>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1360,"content_sha256":"5f6c5445dbf949cde9efca6f6054af25999c7e87b5cfc3422a66907a71bf9a75"},{"filename":"references/components/mentions/demo/allow-clear.md","content":"# With clear icon\n\n## Description (en-US)\n\nCustomize clear button.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { CloseSquareFilled } from '@antdv-next/icons'\nimport { h, ref } from 'vue'\n\nconst value = ref('hello world')\nconst customAllowClear = {\n clearIcon: h(CloseSquareFilled),\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-mentions v-model:value=\"value\" allow-clear />\n \u003ca-mentions v-model:value=\"value\" :allow-clear=\"customAllowClear\" />\n \u003ca-mentions v-model:value=\"value\" allow-clear :rows=\"3\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":564,"content_sha256":"6906b04679e19ada07fb67f16aa41043aa080b34aa89dd3258c54aeaca83fbe9"},{"filename":"references/components/mentions/demo/async.md","content":"# Asynchronous loading\n\n## Description (en-US)\n\nasync.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MentionsOptionProps } from 'antdv-next'\nimport { debounce } from 'es-toolkit'\nimport { computed, shallowRef } from 'vue'\n\ninterface GithubUser {\n login: string\n avatar_url: string\n}\n\nconst loading = shallowRef(false)\nconst users = shallowRef\u003cGithubUser[]>([])\nlet fetchId = 0\n\nasync function fetchGithubUsers(search: string): Promise\u003cGithubUser[]> {\n return fetch(`https://api.github.com/search/users?q=${search}`)\n .then(res => res.json())\n .then((res) => {\n const items = Array.isArray(res?.items) ? res.items : []\n return items.slice(0, 10)\n })\n}\n\nconst debounceFetcher = debounce((search: string) => {\n fetchId += 1\n const currentFetchId = fetchId\n loading.value = true\n users.value = []\n\n fetchGithubUsers(search)\n .then((items) => {\n if (currentFetchId !== fetchId) {\n return\n }\n loading.value = false\n users.value = items\n })\n .catch(() => {\n if (currentFetchId !== fetchId) {\n return\n }\n loading.value = false\n users.value = []\n })\n}, 800)\n\nconst options = computed\u003cMentionsOptionProps[]>(() => {\n return users.value.map(({ login, avatar_url: avatar }) => ({\n key: login,\n value: login,\n class: 'mentions-demo-dynamic-option',\n label: avatar,\n }))\n})\n\nfunction handleSearch(search: string) {\n if (!search) {\n loading.value = false\n users.value = []\n return\n }\n debounceFetcher(search)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-mentions\n style=\"width: 100%\"\n :loading=\"loading\"\n :options=\"options\"\n @search=\"handleSearch\"\n >\n \u003ctemplate #labelRender=\"{ option }\">\n \u003cimg :draggable=\"false\" :src=\"option.label as string\" :alt=\"option.value\">\n \u003cspan>{{ option.value }}\u003c/span>\n \u003c/template>\n \u003c/a-mentions>\n\u003c/template>\n\n\u003cstyle>\n.mentions-demo-dynamic-option-content {\n display: inline-flex;\n align-items: center;\n}\n\n.mentions-demo-dynamic-option img {\n width: 20px;\n height: 20px;\n margin-inline-end: 8px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2075,"content_sha256":"08a8fbb6800ce94461ec91eab6a209d79130f2bb1d4fccf76cb2273f8065282e"},{"filename":"references/components/mentions/demo/auto-size.md","content":"# autoSize\n\n## Description (en-US)\n\nHeight autoSize.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MentionsProps } from 'antdv-next'\n\nconst options: MentionsProps['options'] = [\n {\n value: 'afc163',\n label: 'afc163',\n },\n {\n value: 'zombieJ',\n label: 'zombieJ',\n },\n {\n value: 'yesmeck',\n label: 'yesmeck',\n },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-mentions auto-size style=\"width: 100%\" :options=\"options\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":453,"content_sha256":"698be5bb7b4fe82517f0c8df54b2fe0267a02385eb757cdf06413039af351edd"},{"filename":"references/components/mentions/demo/basic.md","content":"# Basic\n\n## Description (en-US)\n\nBasic usage.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MentionsOptionProps } from 'antdv-next'\nimport { ref } from 'vue'\n\nconst value = ref\u003cstring>('@afc163')\nfunction onChange(value: string) {\n console.log('Change:', value)\n}\n\nfunction onSelect(option: MentionsOptionProps) {\n console.log('select', option)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-mentions\n v-model:value=\"value\"\n style=\"width: 100%\"\n :options=\"[\n {\n value: 'afc163',\n label: 'afc163',\n },\n {\n value: 'zombieJ',\n label: 'zombieJ',\n },\n {\n value: 'yesmeck',\n label: 'yesmeck',\n },\n ]\"\n @change=\"onChange\"\n @select=\"onSelect\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":742,"content_sha256":"80309f52b8035007cff093cc18f0b99c6dcbda0873b9f8dff16f67052de22139"},{"filename":"references/components/mentions/demo/form.md","content":"# With Form\n\n## Description (en-US)\n\nControlled mode, for example, to work with `Form`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { FormInstance } from 'antdv-next'\nimport { Mentions } from 'antdv-next'\nimport { reactive, shallowRef } from 'vue'\n\nconst model = reactive({\n coders: '',\n bio: '',\n})\n\nconst formRef = shallowRef\u003cFormInstance>()\n\nconst options = [\n {\n value: 'afc163',\n label: 'afc163',\n },\n {\n value: 'zombieJ',\n label: 'zombieJ',\n },\n {\n value: 'yesmeck',\n label: 'yesmeck',\n },\n]\n\nfunction handleFinish(values: any) {\n console.log('Submit:', values)\n}\n\nfunction handleFinishFailed(errorInfo: any) {\n console.log('Error:', errorInfo)\n}\n\nfunction handleReset() {\n formRef.value?.resetFields?.()\n}\n\nasync function checkMention(_rule: any, value: string) {\n const mentions = Mentions.getMentions(value || '')\n if (mentions.length \u003c 2) {\n throw new Error('More than one must be selected!')\n }\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-form\n ref=\"formRef\"\n :model=\"model\"\n :label-col=\"{ span: 6 }\"\n :wrapper-col=\"{ span: 16 }\"\n @finish=\"handleFinish\"\n @finish-failed=\"handleFinishFailed\"\n >\n \u003ca-form-item name=\"coders\" label=\"Top coders\" :rules=\"[{ validator: checkMention }]\">\n \u003ca-mentions v-model:value=\"model.coders\" :rows=\"1\" :options=\"options\" />\n \u003c/a-form-item>\n \u003ca-form-item name=\"bio\" label=\"Bio\" :rules=\"[{ required: true, message: 'Please enter your bio!' }]\">\n \u003ca-mentions\n v-model:value=\"model.bio\"\n :rows=\"3\"\n placeholder=\"You can use @ to ref user here\"\n :options=\"options\"\n />\n \u003c/a-form-item>\n \u003ca-form-item :label=\"null\">\n \u003ca-space wrap>\n \u003ca-button type=\"primary\" html-type=\"submit\">\n Submit\n \u003c/a-button>\n \u003ca-button html-type=\"button\" @click=\"handleReset\">\n Reset\n \u003c/a-button>\n \u003c/a-space>\n \u003c/a-form-item>\n \u003c/a-form>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1930,"content_sha256":"901d12877df5980a3893728617a821217d6ac70a19011e3cbcb061469512e20a"},{"filename":"references/components/mentions/demo/placement.md","content":"# Placement\n\n## Description (en-US)\n\nChange the suggestions placement.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MentionsProps } from 'antdv-next'\n\nconst options: MentionsProps['options'] = [\n {\n value: 'afc163',\n label: 'afc163',\n },\n {\n value: 'zombieJ',\n label: 'zombieJ',\n },\n {\n value: 'yesmeck',\n label: 'yesmeck',\n },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-mentions style=\"width: 100%\" placement=\"top\" :options=\"options\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":477,"content_sha256":"1e819c983da8a31bf9c1f72e86fcd3f6f8f2b935408fadba033648c2cf9e3da8"},{"filename":"references/components/mentions/demo/prefix.md","content":"# Customize Trigger Token\n\n## Description (en-US)\n\nCustomize Trigger Token by `prefix` props. Default to `@`, `Array\u003cstring>` also supported.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MentionsEmits } from 'antdv-next'\nimport { computed, ref } from 'vue'\n\nconst mockData = {\n '@': ['afc163', 'zombiej', 'yesmeck'],\n '#': ['1.0', '2.0', '3.0'],\n}\n\ntype PrefixType = keyof typeof mockData\n\nconst prefix = ref\u003cPrefixType>('@')\n\nconst handleSearch: MentionsEmits['search'] = (_text, newPrefix) => {\n prefix.value = (newPrefix as PrefixType) || '@'\n}\n\nconst options = computed(() => {\n const data = mockData[prefix.value] || []\n return data.map(value => ({\n key: value,\n value,\n label: value,\n }))\n})\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-mentions\n style=\"width: 100%\"\n placeholder=\"input @ to mention people, # to mention tag\"\n :prefix=\"['@', '#']\"\n :options=\"options\"\n @search=\"handleSearch\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":944,"content_sha256":"5a602c3446e845236e78e0d815906d5884105c372bf2df5be762add18ff45cd0"},{"filename":"references/components/mentions/demo/readonly.md","content":"# disabled or readOnly\n\n## Description (en-US)\n\nConfigure `disabled` and `readOnly`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MentionsProps } from 'antdv-next'\n\nconst options: MentionsProps['options'] = ['afc163', 'zombiej', 'yesmeck'].map(value => ({\n value,\n key: value,\n label: value,\n}))\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-mentions\n style=\"width: 100%\"\n placeholder=\"this is disabled Mentions\"\n disabled\n :options=\"options\"\n />\n \u003ca-mentions\n style=\"width: 100%\"\n placeholder=\"this is readOnly Mentions\"\n readonly\n :options=\"options\"\n />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":665,"content_sha256":"beaff5cb79d1a5a7ee2428cffe0c9a6e767313641a4e0e25ea237b2dc527419d"},{"filename":"references/components/mentions/demo/size.md","content":"# Size\n\n## Description (en-US)\n\nConfigure size via `size` property.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-mentions size=\"large\" placeholder=\"large size\" />\n \u003ca-mentions placeholder=\"default size\" />\n \u003ca-mentions size=\"small\" placeholder=\"small size\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":319,"content_sha256":"e8bd25a9878521a90da8c96dcb51d9329dea085e65e8e765b8b1c85101febb70"},{"filename":"references/components/mentions/demo/status.md","content":"# Status\n\n## Description (en-US)\n\nAdd status to Mentions with `status`, which could be `error` or `warning`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MentionsEmits, MentionsProps } from 'antdv-next'\n\nconst options: MentionsProps['options'] = [\n {\n value: 'afc163',\n label: 'afc163',\n },\n {\n value: 'zombieJ',\n label: 'zombieJ',\n },\n {\n value: 'yesmeck',\n label: 'yesmeck',\n },\n]\n\nconst handleChange: MentionsEmits['change'] = (value) => {\n console.log('Change:', value)\n}\n\nconst handleSelect: MentionsEmits['select'] = (option) => {\n console.log('select', option)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-mentions\n default-value=\"@afc163\"\n status=\"error\"\n :options=\"options\"\n @change=\"handleChange\"\n @select=\"handleSelect\"\n />\n \u003ca-mentions\n default-value=\"@afc163\"\n status=\"warning\"\n :options=\"options\"\n @change=\"handleChange\"\n @select=\"handleSelect\"\n />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1008,"content_sha256":"928d0da7fc01953f26d2569b7dc84b9499749a8ad719dbe2c45c231964dd7396"},{"filename":"references/components/mentions/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MentionsProps } from 'antdv-next'\n\nconst options: MentionsProps['options'] = [\n { value: 'afc163', label: 'afc163' },\n { value: 'zombieJ', label: 'zombieJ' },\n { value: 'meet-student', label: 'meet-student' },\n { value: 'thinkasany', label: 'thinkasany' },\n]\n\nconst classes: MentionsProps['classes'] = {\n root: 'mentions-demo-root',\n}\n\nconst stylesObject: MentionsProps['styles'] = {\n textarea: {\n fontSize: '14px',\n resize: 'vertical',\n fontWeight: 200,\n },\n}\n\nconst stylesFn: MentionsProps['styles'] = ({ props }) => {\n if (props.variant === 'filled') {\n return {\n root: {\n border: '1px solid #722ed1',\n },\n popup: {\n border: '1px solid #722ed1',\n },\n }\n }\n return {}\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-mentions\n :options=\"options\"\n :classes=\"classes\"\n :styles=\"stylesObject\"\n placeholder=\"Object\"\n :rows=\"2\"\n />\n \u003ca-mentions\n :options=\"options\"\n :classes=\"classes\"\n :styles=\"stylesFn\"\n variant=\"filled\"\n placeholder=\"Function\"\n />\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle scoped>\n:deep(.mentions-demo-root) {\n border: 1px solid #1677ff;\n border-radius: 8px;\n width: 300px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1344,"content_sha256":"1669aec8c607cd258a1cb28a0f7b7dcd58592a3318ef7ed9a727a61c07d5495a"},{"filename":"references/components/mentions/demo/variant.md","content":"# Variants\n\n## Description (en-US)\n\nVariants of Mentions, there are four variants: `outlined` `filled` `borderless` and `underlined`.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-mentions placeholder=\"Outlined\" />\n \u003ca-mentions placeholder=\"Filled\" variant=\"filled\" />\n \u003ca-mentions placeholder=\"Borderless\" variant=\"borderless\" />\n \u003ca-mentions placeholder=\"Underlined\" variant=\"underlined\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":454,"content_sha256":"7a8365204ea8b5725b62abca0caa8cb6d91a7fb3f41e116f0c652ccf0d2d9e48"},{"filename":"references/components/mentions/docs.md","content":"---\ntitle: Mentions\ndescription: Used to mention someone or something in an input.\n---\n\n## When To Use \nWhen you need to mention someone or something.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic | demo/basic.md |\n| Size | demo/size.md |\n| Variants | demo/variant.md |\n| Asynchronous loading | demo/async.md |\n| With Form | demo/form.md |\n| Customize Trigger Token | demo/prefix.md |\n| disabled or readOnly | demo/readonly.md |\n| Placement | demo/placement.md |\n| With clear icon | demo/allow-clear.md |\n| autoSize | demo/auto-size.md |\n| Status | demo/status.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Props\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| loading | - | boolean | - | - |\n| status | Set validation status | InputStatus | - | - |\n| options | Option Configuration | MentionsOptionProps[] | \\[] | - |\n| popupClassName | - | string | - | - |\n| variant | Variants of Input | Variant | `outlined` | - |\n| classes | Customize class for each semantic structure inside the component. Supports object or function. | MentionsClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | MentionsStylesType | - | - |\n| size | - | SizeType | - | - |\n| labelRender | - | (ctx: { option: MentionsOptionProps, index: number }) => any | - | - |\n| allowClear | If allow to remove mentions content with clear icon | boolean \\| { clearIcon?: VueNode } | false | - |\n| disabled | - | boolean | - | - |\n\n### Events\n\n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| focus | Trigger when mentions get focus | (event: FocusEvent) => void | - |\n| blur | Trigger when mentions lose focus | (event: FocusEvent) => void | - |\n| change | Trigger when value changed | (value: string) => void | - |\n| select | Trigger when user select the option | (option: MentionsOptionProps, prefix: string) => void | - |\n| popupScroll | Trigger when mentions scroll | (event: Event) => void | - |\n| search | Trigger when prefix hit | (text: string, prefix: string) => void | - |\n| update:value | - | (value: string) => void | - |\n\n### Slots\n\n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| suffix | - | () => any | - |\n| labelRender | - | (ctx: { option: MentionsOptionProps, index: number }) => any | - |\n\n## Semantic DOM \n| _semantic | demo/_semantic.md |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2555,"content_sha256":"b04b081539fdc01325659012500ef42c025563eb758d3207e533fc554b83ec7a"},{"filename":"references/components/mentions/token.md","content":"# mentions Token\n\nUse these variables through `theme.components.Mentions`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Mentions: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `zIndexPopup` | `number` | z-index of popup |\n| `dropdownHeight` | `string \\| number` | Height of popup |\n| `controlItemWidth` | `string \\| number` | Height of menu item |\n| `paddingInline` | `number` | Horizontal padding of input |\n| `paddingInlineSM` | `number` | Horizontal padding of small input |\n| `paddingInlineLG` | `number` | Horizontal padding of large input |\n| `paddingBlock` | `number` | Vertical padding of input |\n| `paddingBlockSM` | `number` | Vertical padding of small input |\n| `paddingBlockLG` | `number` | Vertical padding of large input |\n| `addonBg` | `string` | Background color of addon |\n| `hoverBorderColor` | `string` | Hover border color |\n| `activeBorderColor` | `string` | Active border color |\n| `activeShadow` | `string` | Box-shadow when active |\n| `errorActiveShadow` | `string` | Box-shadow when active in error status |\n| `warningActiveShadow` | `string` | Box-shadow when active in warning status |\n| `hoverBg` | `string` | Background color when the input box hovers |\n| `activeBg` | `string` | Background color when the input box is activated |\n| `inputFontSize` | `number` | Font size |\n| `inputFontSizeLG` | `number` | Font size of large |\n| `inputFontSizeSM` | `number` | Font size of small |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1659,"content_sha256":"0aabb8cac545756306a1002c9438a2836f74cedaaede20f20f03fd48bedfc68e"},{"filename":"references/components/menu/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { MailOutlined } from '@antdv-next/icons'\nimport { computed, h, ref } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst mode = ref\u003c'horizontal' | 'vertical' | 'inline'>('horizontal')\nconst current = ref('mail')\nconst divRef = ref\u003cHTMLDivElement | null>(null)\n\nconst semantics = computed(() => {\n const baseLocale = [\n { name: 'root', desc: t('root') },\n { name: 'item', desc: t('item') },\n { name: 'itemIcon', desc: t('itemIcon') },\n { name: 'itemContent', desc: t('itemContent') },\n ]\n const subMenuLocale = [\n { name: 'subMenu.itemTitle', desc: t('subMenu.itemTitle') },\n { name: 'subMenu.list', desc: t('subMenu.list') },\n { name: 'subMenu.item', desc: t('subMenu.item') },\n { name: 'subMenu.itemIcon', desc: t('subMenu.itemIcon') },\n { name: 'subMenu.itemContent', desc: t('subMenu.itemContent') },\n ]\n const groupLocale = [\n { name: 'itemTitle', desc: t('itemTitle') },\n { name: 'list', desc: t('list') },\n ]\n\n const additionalPopupLocale = mode.value !== 'inline' ? [{ name: 'popup', desc: t('popup') }] : []\n const additionalGroupLocale = mode.value !== 'horizontal' ? groupLocale : []\n\n return [...baseLocale, ...additionalGroupLocale, ...additionalPopupLocale, ...subMenuLocale]\n})\n\nconst items = [\n { label: 'Navigation One', key: 'mail', icon: h(MailOutlined) },\n {\n key: 'SubMenu',\n label: 'Navigation One',\n icon: h(MailOutlined),\n children: [\n {\n key: 'g1',\n label: 'Item 1',\n type: 'group',\n children: [\n { key: '1', label: 'Option 1', icon: h(MailOutlined) },\n { key: '2', label: 'Option 2' },\n ],\n },\n ],\n },\n]\n\nconst groupItem = [\n {\n key: 'grp',\n label: 'Group',\n type: 'group',\n children: [\n { key: '13', label: 'Option 13' },\n { key: '14', label: 'Option 14' },\n ],\n },\n]\n\nconst itemList = computed(() => {\n return mode.value === 'horizontal' ? items : [...items, ...groupItem]\n})\n\nfunction onClick(e: { key: string }) {\n current.value = e.key\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Menu\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003ca-flex ref=\"divRef\" vertical gap=\"middle\" align=\"center\">\n \u003ca-segmented\n :options=\"['horizontal', 'vertical', 'inline']\"\n :value=\"mode\"\n @change=\"(val: 'horizontal' | 'vertical' | 'inline') => mode = val\"\n />\n \u003cdiv :style=\"{ height: '360px' }\">\n \u003ca-menu\n :selected-keys=\"[current]\"\n :mode=\"mode\"\n :items=\"itemList\"\n :styles=\"{\n root: { width: mode === 'horizontal' ? '310px' : '230px' },\n popup: { root: { zIndex: 1 } },\n }\"\n :open-keys=\"['SubMenu']\"\n :get-popup-container=\"() => divRef!\"\n :classes=\"classes\"\n @click=\"onClick\"\n />\n \u003c/div>\n \u003c/a-flex>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":3197,"content_sha256":"a74c1dd05ea451a7c2a9fc797fdd58cb86a8ae9bb779270e1ddc0e53774204d3"},{"filename":"references/components/menu/demo/custom-popup-render.md","content":"# Custom Submenu Render\n\n## Description (en-US)\n\nUse the `popupRender` prop to customize submenu popup rendering.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType, MenuProps } from 'antdv-next'\nimport { theme } from 'antdv-next'\nimport { computed, h } from 'vue'\n\nconst { token } = theme.useToken()\n\nconst popupStyle = computed(() => ({\n padding: `${token.value.padding}px`,\n minWidth: '480px',\n background: token.value.colorBgElevated,\n borderRadius: `${token.value.borderRadiusLG}px`,\n boxShadow: token.value.boxShadowSecondary,\n}))\n\nconst headerStyle = computed(() => ({\n margin: 0,\n paddingBottom: `${token.value.paddingXS}px`,\n borderBottom: `1px solid ${token.value.colorSplit}`,\n}))\n\nconst cardStyle = computed(() => ({\n padding: `${token.value.paddingSM}px`,\n}))\n\nconst cardItemStyle = computed(() => ({\n borderRadius: `${token.value.borderRadius}px`,\n transition: `all ${token.value.motionDurationSlow}`,\n cursor: 'pointer',\n}))\n\nfunction renderMenuCard(title: string, description: string) {\n return h('div', { class: 'menu-card', style: cardStyle.value }, [\n h('div', { class: 'menu-card-title' }, title),\n h('div', { class: 'menu-card-desc' }, description),\n ])\n}\n\nconst menuItems = computed\u003cMenuItemType[]>(() => [\n {\n key: 'home',\n label: 'Home',\n },\n {\n key: 'features',\n label: 'Features',\n children: [\n {\n key: 'getting-started',\n label: renderMenuCard('Getting Started', 'Quick start guide and learn the basics.'),\n class: 'menu-card-item',\n style: cardItemStyle.value,\n },\n {\n key: 'components',\n label: renderMenuCard('Components', 'Explore our component library.'),\n class: 'menu-card-item',\n style: cardItemStyle.value,\n },\n {\n key: 'templates',\n label: renderMenuCard('Templates', 'Ready-to-use template designs.'),\n class: 'menu-card-item',\n style: cardItemStyle.value,\n },\n ],\n },\n {\n key: 'resources',\n label: 'Resources',\n children: [\n {\n key: 'blog',\n label: renderMenuCard('Blog', 'Latest updates and articles.'),\n class: 'menu-card-item',\n style: cardItemStyle.value,\n },\n {\n key: 'community',\n label: renderMenuCard('Community', 'Join our developer community.'),\n class: 'menu-card-item',\n style: cardItemStyle.value,\n },\n ],\n },\n])\n\nconst popupRender: MenuProps['popupRender'] = (node, info) => {\n const title = info.item.title || info.item.key\n return h('div', { class: 'menu-popup', style: popupStyle.value }, [\n h('div', { class: 'menu-popup-title', style: headerStyle.value }, title),\n node,\n ])\n}\n\nconst themeConfig = {\n components: {\n Menu: {\n popupBg: '#fff',\n horizontalItemSelectedColor: '#1677ff',\n horizontalItemHoverColor: '#1677ff',\n },\n },\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-config-provider :theme=\"themeConfig\">\n \u003ca-menu mode=\"horizontal\" :items=\"menuItems\" :popup-render=\"popupRender\" />\n \u003c/a-config-provider>\n\u003c/template>\n\n\u003cstyle scoped>\n.menu-popup :deep(.ant-menu) {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n column-gap: 16px;\n row-gap: 8px;\n background: transparent;\n box-shadow: none;\n padding: 0;\n}\n\n.menu-popup :deep(.ant-menu-item) {\n height: auto;\n line-height: 1.4;\n}\n\n.menu-popup :deep(.menu-card-item) {\n padding: 0;\n}\n\n.menu-popup :deep(.menu-card-item:hover) {\n background: rgba(0, 0, 0, 0.02);\n}\n\n.menu-popup :deep(.ant-menu-title-content) {\n display: block;\n}\n\n.menu-card-title {\n font-weight: 600;\n line-height: 1.4;\n}\n\n.menu-card-desc {\n color: rgba(0, 0, 0, 0.45);\n font-size: 12px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":3703,"content_sha256":"d7b6b5eaf58d74ae7691f80ce309a06056a955e319002722d6fa82892a1589a2"},{"filename":"references/components/menu/demo/horizontal.md","content":"# Top Navigation\n\n## Description (en-US)\n\nHorizontal top navigation menu.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType } from 'antdv-next'\nimport { AppstoreOutlined, MailOutlined, SettingOutlined } from '@antdv-next/icons'\nimport { h, ref } from 'vue'\n\nconst current = ref('mail')\n\nfunction handleClick(e: any) {\n console.log('click ', e)\n current.value = e.key\n}\n\nconst items: MenuItemType[] = [\n {\n label: 'Navigation One',\n key: 'mail',\n icon: MailOutlined,\n },\n {\n label: 'Navigation Two',\n key: 'app',\n icon: AppstoreOutlined,\n disabled: true,\n },\n {\n label: 'Navigation Three - Submenu',\n key: 'SubMenu',\n icon: SettingOutlined,\n children: [\n {\n type: 'group',\n label: 'Item 1',\n children: [\n { label: 'Option 1', key: 'setting:1' },\n { label: 'Option 2', key: 'setting:2' },\n ],\n },\n {\n type: 'group',\n label: 'Item 2',\n children: [\n { label: 'Option 3', key: 'setting:3' },\n { label: 'Option 4', key: 'setting:4' },\n ],\n },\n ],\n },\n {\n key: 'alipay',\n label: h(\n 'a',\n {\n href: 'https://ant.design',\n target: '_blank',\n rel: 'noopener noreferrer',\n },\n 'Navigation Four - Link',\n ),\n },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-menu\n :selected-keys=\"[current]\"\n mode=\"horizontal\"\n :items=\"items\"\n @click=\"handleClick\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1481,"content_sha256":"03431df27bb18cf142d469ebcea6c6f559ad165f08e8f56acdb051ad0781b7bd"},{"filename":"references/components/menu/demo/inline-collapsed.md","content":"# Collapsed inline menu\n\n## Description (en-US)\n\nInline menu could be collapsed.\n\nHere is [a complete demo](../../layout/docs.md/#layout-demo-side) with sider layout.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType } from 'antdv-next'\nimport {\n AppstoreOutlined,\n ContainerOutlined,\n DesktopOutlined,\n MailOutlined,\n MenuFoldOutlined,\n MenuUnfoldOutlined,\n PieChartOutlined,\n} from '@antdv-next/icons'\nimport { ref } from 'vue'\n\nconst collapsed = ref(false)\n\nfunction toggleCollapsed() {\n collapsed.value = !collapsed.value\n}\n\nconst items: MenuItemType[] = [\n { key: '1', icon: PieChartOutlined, label: 'Option 1' },\n { key: '2', icon: DesktopOutlined, label: 'Option 2' },\n { key: '3', icon: ContainerOutlined, label: 'Option 3' },\n {\n key: 'sub1',\n label: 'Navigation One',\n icon: MailOutlined,\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n { key: '7', label: 'Option 7' },\n { key: '8', label: 'Option 8' },\n ],\n },\n {\n key: 'sub2',\n label: 'Navigation Two',\n icon: AppstoreOutlined,\n children: [\n { key: '9', label: 'Option 9' },\n { key: '10', label: 'Option 10' },\n {\n key: 'sub3',\n label: 'Submenu',\n children: [\n { key: '11', label: 'Option 11' },\n { key: '12', label: 'Option 12' },\n ],\n },\n ],\n },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003cdiv style=\"width: 256px\">\n \u003ca-button\n type=\"primary\"\n style=\"margin-bottom: 16px\"\n @click=\"toggleCollapsed\"\n >\n \u003cMenuUnfoldOutlined v-if=\"collapsed\" />\n \u003cMenuFoldOutlined v-else />\n \u003c/a-button>\n \u003ca-menu\n :default-selected-keys=\"['1']\"\n :default-open-keys=\"['sub1']\"\n mode=\"inline\"\n theme=\"dark\"\n :inline-collapsed=\"collapsed\"\n :items=\"items\"\n />\n \u003c/div>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1864,"content_sha256":"f106a6641fae93f11e2aeea4be22ef88b758a32744c16f3d591f7eb61186810f"},{"filename":"references/components/menu/demo/inline.md","content":"# Inline menu\n\n## Description (en-US)\n\nVertical menu with inline submenus.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType } from 'antdv-next'\nimport { AppstoreOutlined, MailOutlined, SettingOutlined } from '@antdv-next/icons'\nimport { ref } from 'vue'\n\nfunction handleClick(e: any) {\n console.log('click ', e)\n}\n\nconst items: MenuItemType[] = [\n {\n key: 'sub1',\n label: 'Navigation One',\n icon: MailOutlined,\n children: [\n {\n key: 'g1',\n label: 'Item 1',\n type: 'group',\n children: [\n { key: '1', label: 'Option 1' },\n { key: '2', label: 'Option 2' },\n ],\n },\n {\n key: 'g2',\n label: 'Item 2',\n type: 'group',\n children: [\n { key: '3', label: 'Option 3' },\n { key: '4', label: 'Option 4' },\n ],\n },\n ],\n },\n {\n key: 'sub2',\n label: 'Navigation Two',\n icon: AppstoreOutlined,\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n {\n key: 'sub3',\n label: 'Submenu',\n children: [\n { key: '7', label: 'Option 7' },\n { key: '8', label: 'Option 8' },\n ],\n },\n ],\n },\n {\n type: 'divider',\n },\n {\n key: 'sub4',\n label: 'Navigation Three',\n icon: SettingOutlined,\n children: [\n { key: '9', label: 'Option 9' },\n { key: '10', label: 'Option 10' },\n { key: '11', label: 'Option 11' },\n { key: '12', label: 'Option 12' },\n ],\n },\n {\n key: 'grp',\n label: 'Group',\n type: 'group',\n children: [\n { key: '13', label: 'Option 13' },\n { key: '14', label: 'Option 14' },\n ],\n },\n]\nconst openKeys = ref(['sub1'])\nconst selectedKeys = ref(['1'])\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-menu\n v-model:open-keys=\"openKeys\"\n v-model:selected-keys=\"selectedKeys\"\n style=\"width: 256px\"\n mode=\"inline\"\n :items=\"items\"\n @click=\"handleClick\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1986,"content_sha256":"ac87c0c2efa320c084660e098df153d7d5bfafce5d75e8f4bd8a8374b88ddb2b"},{"filename":"references/components/menu/demo/sfc.md","content":"# SFC Mode (Nested)\n\n## Description (en-US)\n\nBuild an SFC menu with declarative `a-menu-item` and `a-sub-menu`, equivalent to the `items` structure.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport {\n AppstoreOutlined,\n CalendarOutlined,\n LinkOutlined,\n MailOutlined,\n SettingOutlined,\n} from '@antdv-next/icons'\nimport { computed, ref, shallowRef, watch } from 'vue'\n\nconst mode = ref\u003c'vertical' | 'inline'>('inline')\nconst theme = ref\u003c'dark' | 'light'>('light')\nconst collapsed = ref(false)\nconst openKeys = ref\u003cstring[]>(['sub1'])\nconst cachedOpenKeys = ref\u003cstring[]>(['sub1'])\nconst inlineCollapsed = computed(() => mode.value === 'inline' && collapsed.value)\nconst expandAllChecked = computed(() => !collapsed.value && openKeys.value.length > 0)\n\nwatch(openKeys, (keys) => {\n if (!collapsed.value) {\n cachedOpenKeys.value = [...keys]\n }\n}, { deep: true })\n\nfunction changeExpanded(value: boolean) {\n if (collapsed.value) {\n return\n }\n\n openKeys.value = value ? ['sub1', 'sub1-2', 'sub2'] : []\n}\n\nfunction changeCollapsed(value: boolean) {\n collapsed.value = value\n if (value) {\n openKeys.value = []\n }\n else {\n openKeys.value = [...cachedOpenKeys.value]\n }\n}\n\nfunction changeMode(value: boolean) {\n mode.value = value ? 'vertical' : 'inline'\n}\n\nfunction changeTheme(value: boolean) {\n theme.value = value ? 'dark' : 'light'\n}\nconst selectedKeys = shallowRef(['1'])\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-switch :checked=\"mode === 'vertical'\" @change=\"changeMode\" />\n Change Mode\n \u003ca-divider type=\"vertical\" />\n \u003ca-switch :checked=\"collapsed\" @change=\"changeCollapsed\" />\n Inline Collapsed\n \u003ca-divider type=\"vertical\" />\n \u003ca-switch :checked=\"expandAllChecked\" :disabled=\"collapsed\" @change=\"changeExpanded\" />\n Expand All\n \u003ca-divider type=\"vertical\" />\n \u003ca-switch :checked=\"theme === 'dark'\" @change=\"changeTheme\" />\n Change Style\n \u003cbr>\n \u003cbr>\n \u003cdiv style=\"width: 256px\">\n \u003ca-menu\n v-model:selected-keys=\"selectedKeys\"\n v-model:open-keys=\"openKeys\"\n :inline-collapsed=\"inlineCollapsed\"\n :mode=\"mode\"\n :theme=\"theme\"\n >\n \u003ca-menu-item key=\"1\">\n \u003ctemplate #icon>\n \u003cMailOutlined />\n \u003c/template>\n Navigation One\n \u003c/a-menu-item>\n\n \u003ca-menu-item key=\"2\">\n \u003ctemplate #icon>\n \u003cCalendarOutlined />\n \u003c/template>\n Navigation Two\n \u003c/a-menu-item>\n\n \u003ca-sub-menu key=\"sub1\">\n \u003ctemplate #icon>\n \u003cAppstoreOutlined />\n \u003c/template>\n \u003ctemplate #title>\n Navigation Two\n \u003c/template>\n\n \u003ca-menu-item key=\"3\">\n Option 3\n \u003c/a-menu-item>\n \u003ca-menu-item key=\"4\">\n Option 4\n \u003c/a-menu-item>\n\n \u003ca-sub-menu key=\"sub1-2\">\n \u003ctemplate #title>\n Submenu\n \u003c/template>\n\n \u003ca-menu-item key=\"5\">\n Option 5\n \u003c/a-menu-item>\n \u003ca-menu-item key=\"6\">\n Option 6\n \u003c/a-menu-item>\n \u003c/a-sub-menu>\n \u003c/a-sub-menu>\n\n \u003ca-sub-menu key=\"sub2\">\n \u003ctemplate #icon>\n \u003cSettingOutlined />\n \u003c/template>\n \u003ctemplate #title>\n Navigation Three\n \u003c/template>\n\n \u003ca-menu-item key=\"7\">\n Option 7\n \u003c/a-menu-item>\n \u003ca-menu-item key=\"8\">\n Option 8\n \u003c/a-menu-item>\n \u003ca-menu-item key=\"9\">\n Option 9\n \u003c/a-menu-item>\n \u003ca-menu-item key=\"10\">\n Option 10\n \u003c/a-menu-item>\n \u003c/a-sub-menu>\n\n \u003ca-menu-item key=\"link\">\n \u003ctemplate #icon>\n \u003cLinkOutlined />\n \u003c/template>\n \u003ca\n href=\"https://antdv-next.com\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Antdv Next\n \u003c/a>\n \u003c/a-menu-item>\n \u003c/a-menu>\n \u003c/div>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":3816,"content_sha256":"0d24a0d3cf29b1ac9bbb8f3ec6e264e86a12ef859416059fe778e15696d9518c"},{"filename":"references/components/menu/demo/sider-current.md","content":"# Open current submenu only\n\n## Description (en-US)\n\nClick the menu and you will see that all the other menus gets collapsed to keep the entire menu compact.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType } from 'antdv-next'\nimport { AppstoreOutlined, MailOutlined, SettingOutlined } from '@antdv-next/icons'\nimport { ref } from 'vue'\n\nconst items: MenuItemType[] = [\n {\n key: '1',\n icon: MailOutlined,\n label: 'Navigation One',\n children: [\n { key: '11', label: 'Option 1' },\n { key: '12', label: 'Option 2' },\n { key: '13', label: 'Option 3' },\n { key: '14', label: 'Option 4' },\n ],\n },\n {\n key: '2',\n icon: AppstoreOutlined,\n label: 'Navigation Two',\n children: [\n { key: '21', label: 'Option 1' },\n { key: '22', label: 'Option 2' },\n {\n key: '23',\n label: 'Submenu',\n children: [\n { key: '231', label: 'Option 1' },\n { key: '232', label: 'Option 2' },\n { key: '233', label: 'Option 3' },\n ],\n },\n {\n key: '24',\n label: 'Submenu 2',\n children: [\n { key: '241', label: 'Option 1' },\n { key: '242', label: 'Option 2' },\n { key: '243', label: 'Option 3' },\n ],\n },\n ],\n },\n {\n key: '3',\n icon: SettingOutlined,\n label: 'Navigation Three',\n children: [\n { key: '31', label: 'Option 1' },\n { key: '32', label: 'Option 2' },\n { key: '33', label: 'Option 3' },\n { key: '34', label: 'Option 4' },\n ],\n },\n]\n\ninterface LevelKeysProps {\n key?: string\n children?: LevelKeysProps[]\n}\n\nfunction getLevelKeys(itemList: LevelKeysProps[]) {\n const keyLevelMap: Record\u003cstring, number> = {}\n const func = (list: LevelKeysProps[], level = 1) => {\n list.forEach((item) => {\n if (item.key) {\n keyLevelMap[item.key] = level\n }\n if (item.children) {\n func(item.children, level + 1)\n }\n })\n }\n func(itemList)\n return keyLevelMap\n}\n\nconst levelKeys = getLevelKeys(items as LevelKeysProps[])\nconst stateOpenKeys = ref\u003cstring[]>(['2', '23'])\n\nfunction onOpenChange(openKeys: string[]) {\n const currentOpenKey = openKeys.find(key => !stateOpenKeys.value.includes(key))\n if (currentOpenKey !== undefined) {\n const repeatIndex = openKeys\n .filter(key => key !== currentOpenKey)\n .findIndex(key => levelKeys[key] === levelKeys[currentOpenKey])\n\n stateOpenKeys.value = openKeys\n .filter((_, index) => index !== repeatIndex)\n .filter(key => levelKeys[key]! \u003c= levelKeys[currentOpenKey]!)\n }\n else {\n stateOpenKeys.value = openKeys\n }\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-menu\n mode=\"inline\"\n style=\"width: 256px\"\n :default-selected-keys=\"['231']\"\n :open-keys=\"stateOpenKeys\"\n :items=\"items\"\n @open-change=\"onOpenChange\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2858,"content_sha256":"7bb1062f815da110ae3cdf13119b9c77acf4c5149628c60ad5b4f9917c702ef7"},{"filename":"references/components/menu/demo/slot-render.md","content":"# Slot Render (items mode)\n\n## Description (en-US)\n\nCustomize menu item rendering with `labelRender`, `extraRender`, and `iconRender` slots.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType } from 'antdv-next'\nimport { ClockCircleFilled } from '@antdv-next/icons'\n\nconst items: MenuItemType[] = [\n {\n key: 'sub1',\n label: 'Navigation One',\n children: [\n {\n key: 'g1',\n label: 'Item 1',\n type: 'group',\n children: [\n { key: '1', label: 'Option 1' },\n { key: '2', label: 'Option 2' },\n ],\n },\n {\n key: 'g2',\n label: 'Item 2',\n type: 'group',\n children: [\n { key: '3', label: 'Option 3' },\n { key: '4', label: 'Option 4' },\n ],\n },\n ],\n },\n {\n key: 'sub2',\n label: 'Navigation Two',\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n {\n key: 'sub3',\n label: 'Submenu',\n children: [\n { key: '7', label: 'Option 7' },\n { key: '8', label: 'Option 8' },\n ],\n },\n ],\n },\n {\n type: 'divider',\n },\n {\n key: 'sub4',\n label: 'Navigation Three',\n children: [\n { key: '9', label: 'Option 9' },\n { key: '10', label: 'Option 10' },\n { key: '11', label: 'Option 11' },\n { key: '12', label: 'Option 12' },\n ],\n },\n {\n key: 'grp',\n label: 'Group',\n type: 'group',\n children: [\n { key: '13', label: 'Option 13' },\n { key: '14', label: 'Option 14' },\n ],\n },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-menu\n style=\"width: 320px\"\n :default-open-keys=\"['sub1']\"\n :default-selected-keys=\"['1']\"\n mode=\"inline\"\n :items=\"items\"\n >\n \u003ctemplate #labelRender=\"item\">\n \u003cspan class=\"menu-slot-label\">\n {{ item.label }}\n \u003c/span>\n \u003c/template>\n\n \u003ctemplate #extraRender=\"item\">\n \u003cspan\n v-if=\"item?.key && !item?.children && item?.type !== 'group'\"\n class=\"menu-slot-extra\"\n >\n #{{ item.key }}\n \u003c/span>\n \u003c/template>\n\n \u003ctemplate #iconRender=\"item\">\n \u003cspan v-if=\"item?.key\" class=\"menu-slot-icon\">\n \u003cClockCircleFilled />\n \u003c/span>\n \u003c/template>\n \u003c/a-menu>\n\u003c/template>\n\n\u003cstyle scoped>\n.menu-slot-label {\n font-weight: 500;\n}\n\n.menu-slot-extra {\n color: #1677ff;\n font-size: 12px;\n}\n\n.menu-slot-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n font-size: 10px;\n color: #fff;\n background: #1677ff;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2591,"content_sha256":"0f18cbd51d83e7fe27171e4b43d4f3402ab12d896bf7a52c2b83135fe38d58c0"},{"filename":"references/components/menu/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType, MenuProps } from 'antdv-next'\nimport { useCssModule } from 'vue'\n\nconst moduleStyles = useCssModule()\n\nconst items: MenuItemType[] = [\n {\n key: 'SubMenu',\n label: 'Navigation One',\n children: [\n {\n key: 'g1',\n label: 'Item 1',\n type: 'group',\n children: [\n { key: '1', label: 'Option 1' },\n { key: '2', label: 'Option 2' },\n ],\n },\n ],\n },\n { key: 'mail', label: 'Navigation Two' },\n]\n\nconst classes: MenuProps['classes'] = {\n root: moduleStyles.root,\n item: moduleStyles.item,\n}\n\nconst styles: MenuProps['styles'] = {\n root: { border: '1px solid #f0f0f0', padding: '8px', borderRadius: '4px' },\n item: { color: '#1677ff' },\n subMenu: { list: { color: '#fa541c' } },\n}\n\nconst stylesFn: MenuProps['styles'] = (info) => {\n const hasSub = info.props.items?.[0]\n return {\n root: {\n backgroundColor: hasSub ? 'rgba(240,249,255, 0.6)' : '#fff',\n },\n }\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-menu :classes=\"classes\" :items=\"items\" :styles=\"styles\" />\n \u003ca-menu mode=\"inline\" :classes=\"classes\" :items=\"items\" :styles=\"stylesFn\" />\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle module>\n.root {\n border: 1px solid #f0f0f0;\n max-width: 600px;\n padding: 8px;\n border-radius: 4px;\n}\n\n.item {\n color: #1677ff;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1453,"content_sha256":"affcb99cc22e5b94fa2a2608bdabeffc3047a976d7bb5f74053a2f8de77b850a"},{"filename":"references/components/menu/demo/submenu-theme.md","content":"# Sub-menu theme\n\n## Description (en-US)\n\nYou can config SubMenu theme with `theme` prop to enable different theme color effect. This sample is dark for root and light for SubMenu.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType } from 'antdv-next'\nimport { MailOutlined } from '@antdv-next/icons'\nimport { computed, ref } from 'vue'\n\nconst menuTheme = ref\u003c'dark' | 'light'>('light')\nconst current = ref('1')\n\nfunction changeTheme(value: boolean) {\n menuTheme.value = value ? 'dark' : 'light'\n}\n\nfunction onClick(e: any) {\n current.value = e.key\n}\n\nconst items = computed\u003cMenuItemType[]>(() => [\n {\n key: 'sub1',\n icon: MailOutlined,\n label: 'Navigation One',\n theme: menuTheme.value,\n children: [\n { key: '1', label: 'Option 1' },\n { key: '2', label: 'Option 2' },\n { key: '3', label: 'Option 3' },\n ],\n },\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cdiv>\n \u003ca-switch\n :checked=\"menuTheme === 'dark'\"\n checked-children=\"Dark\"\n un-checked-children=\"Light\"\n @change=\"changeTheme\"\n />\n \u003cbr>\n \u003cbr>\n \u003ca-menu\n style=\"width: 256px\"\n :open-keys=\"['sub1']\"\n :selected-keys=\"[current]\"\n mode=\"vertical\"\n theme=\"dark\"\n :items=\"items\"\n :get-popup-container=\"(node: any) => node.parentNode\"\n @click=\"onClick\"\n />\n \u003c/div>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1417,"content_sha256":"4c81d905551dc70df6ed0631f9361eb0e54ea841743e2ac4867f3c5cb401e213"},{"filename":"references/components/menu/demo/switch-mode.md","content":"# Switch the menu type\n\n## Description (en-US)\n\nShow the dynamic switching mode (between `inline` and `vertical`).\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType } from 'antdv-next'\nimport {\n AppstoreOutlined,\n CalendarOutlined,\n LinkOutlined,\n MailOutlined,\n SettingOutlined,\n} from '@antdv-next/icons'\nimport { h, ref } from 'vue'\n\nconst mode = ref\u003c'vertical' | 'inline'>('inline')\nconst theme = ref\u003c'dark' | 'light'>('light')\n\nconst items: MenuItemType[] = [\n {\n key: '1',\n icon: MailOutlined,\n label: 'Navigation One',\n },\n {\n key: '2',\n icon: CalendarOutlined,\n label: 'Navigation Two',\n },\n {\n key: 'sub1',\n label: 'Navigation Two',\n icon: AppstoreOutlined,\n children: [\n { key: '3', label: 'Option 3' },\n { key: '4', label: 'Option 4' },\n {\n key: 'sub1-2',\n label: 'Submenu',\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n ],\n },\n ],\n },\n {\n key: 'sub2',\n label: 'Navigation Three',\n icon: SettingOutlined,\n children: [\n { key: '7', label: 'Option 7' },\n { key: '8', label: 'Option 8' },\n { key: '9', label: 'Option 9' },\n { key: '10', label: 'Option 10' },\n ],\n },\n {\n key: 'link',\n icon: LinkOutlined,\n label: h(\n 'a',\n {\n href: 'https://ant.design',\n target: '_blank',\n rel: 'noopener noreferrer',\n },\n 'Antdv Next',\n ),\n },\n]\n\nfunction changeMode(value: boolean) {\n mode.value = value ? 'vertical' : 'inline'\n}\n\nfunction changeTheme(value: boolean) {\n theme.value = value ? 'dark' : 'light'\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-switch :checked=\"mode === 'vertical'\" @change=\"changeMode\" />\n Change Mode\n \u003ca-divider type=\"vertical\" />\n \u003ca-switch :checked=\"theme === 'dark'\" @change=\"changeTheme\" />\n Change Style\n \u003cbr>\n \u003cbr>\n \u003ca-menu\n style=\"width: 256px\"\n :default-selected-keys=\"['1']\"\n :default-open-keys=\"['sub1']\"\n :mode=\"mode\"\n :theme=\"theme\"\n :items=\"items\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2076,"content_sha256":"d91d7ae7a458c3ce4f38bad28662a2394849849b455667b7c5b94b1cc65d1577"},{"filename":"references/components/menu/demo/theme.md","content":"# Menu Themes\n\n## Description (en-US)\n\nThere are two built-in themes: `light` and `dark`. The default value is `light`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType } from 'antdv-next'\nimport { AppstoreOutlined, MailOutlined, SettingOutlined } from '@antdv-next/icons'\nimport { ref } from 'vue'\n\nconst theme = ref\u003c'dark' | 'light'>('dark')\nconst current = ref('1')\n\nconst items: MenuItemType[] = [\n {\n key: 'sub1',\n label: 'Navigation One',\n icon: MailOutlined,\n children: [\n { key: '1', label: 'Option 1' },\n { key: '2', label: 'Option 2' },\n { key: '3', label: 'Option 3' },\n { key: '4', label: 'Option 4' },\n ],\n },\n {\n key: 'sub2',\n label: 'Navigation Two',\n icon: AppstoreOutlined,\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n {\n key: 'sub3',\n label: 'Submenu',\n children: [\n { key: '7', label: 'Option 7' },\n { key: '8', label: 'Option 8' },\n ],\n },\n ],\n },\n {\n key: 'sub4',\n label: 'Navigation Three',\n icon: SettingOutlined,\n children: [\n { key: '9', label: 'Option 9' },\n { key: '10', label: 'Option 10' },\n { key: '11', label: 'Option 11' },\n { key: '12', label: 'Option 12' },\n ],\n },\n]\n\nfunction changeTheme(value: boolean) {\n theme.value = value ? 'dark' : 'light'\n}\n\nfunction onClick(e: any) {\n console.log('click ', e)\n current.value = e.key\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-switch\n :checked=\"theme === 'dark'\"\n checked-children=\"Dark\"\n un-checked-children=\"Light\"\n @change=\"changeTheme\"\n />\n \u003cbr>\n \u003cbr>\n \u003ca-menu\n :theme=\"theme\"\n :selected-keys=\"[current]\"\n style=\"width: 256px\"\n :default-open-keys=\"['sub1']\"\n mode=\"inline\"\n :items=\"items\"\n @click=\"onClick\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1851,"content_sha256":"6769f52bebf12f094ccb43935c250719e1b1ef9451514e76e397a6e76c6f94fd"},{"filename":"references/components/menu/demo/vertical.md","content":"# Vertical menu\n\n## Description (en-US)\n\nSubmenus open as pop-ups.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { MenuItemType } from 'antdv-next'\nimport { AppstoreOutlined, MailOutlined, SettingOutlined } from '@antdv-next/icons'\n\nfunction onClick(e: any) {\n console.log('click', e)\n}\n\nconst items: MenuItemType[] = [\n {\n key: 'sub1',\n icon: MailOutlined,\n label: 'Navigation One',\n children: [\n {\n key: '1-1',\n label: 'Item 1',\n type: 'group',\n children: [\n { key: '1', label: 'Option 1' },\n { key: '2', label: 'Option 2' },\n ],\n },\n {\n key: '1-2',\n label: 'Item 2',\n type: 'group',\n children: [\n { key: '3', label: 'Option 3' },\n { key: '4', label: 'Option 4' },\n ],\n },\n ],\n },\n {\n key: 'sub2',\n icon: AppstoreOutlined,\n label: 'Navigation Two',\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n {\n key: 'sub3',\n label: 'Submenu',\n children: [\n { key: '7', label: 'Option 7' },\n { key: '8', label: 'Option 8' },\n ],\n },\n ],\n },\n {\n key: 'sub4',\n label: 'Navigation Three',\n icon: SettingOutlined,\n children: [\n { key: '9', label: 'Option 9' },\n { key: '10', label: 'Option 10' },\n { key: '11', label: 'Option 11' },\n { key: '12', label: 'Option 12' },\n ],\n },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-menu\n style=\"width: 256px\"\n mode=\"vertical\"\n :items=\"items\"\n @click=\"onClick\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1611,"content_sha256":"c2bcd886f3867a78033456daddce16f7067aa28241d7f445e3b9f38b222ca81c"},{"filename":"references/components/menu/docs.md","content":"---\ntitle: Menu\ndescription: A versatile menu for navigation.\n---\n\n## When To Use \nNavigation is an important part of any website, as a good navigation setup allows users to move around the site quickly and efficiently. Antdv Next offers two navigation options: top and side. Top navigation provides all the categories and functions of the website. Side navigation provides the multi-level structure of the website.\n\nMore layouts with navigation: [Layout](../layout/docs.md).\n\n## Notes for developers \n- Menu is rendered as a `ul` element, so it only supports [`li` and `script-supporting` elements](https://html.spec.whatwg.org/multipage/grouping-content.html#the-ul-element) as children nodes. Your customized node should be wrapped by `Menu.Item`.\n- Menu needs to collect its node structure, so its children should be `Menu.*` or encapsulated components.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Top Navigation | demo/horizontal.md |\n| Inline menu | demo/inline.md |\n| Collapsed inline menu | demo/inline-collapsed.md |\n| Open current submenu only | demo/sider-current.md |\n| Vertical menu | demo/vertical.md |\n| Menu Themes | demo/theme.md |\n| Sub-menu theme | demo/submenu-theme.md |\n| Switch the menu type | demo/switch-mode.md |\n| SFC Mode (Nested) | demo/sfc.md |\n| Slot Render (items mode) | demo/slot-render.md |\n| Custom semantic dom styling | demo/style-class.md |\n| Custom Submenu Render | demo/custom-popup-render.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Props\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| classes | Customize class for each semantic structure inside the component. Supports object or function | MenuClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function | MenuStylesType | - | - |\n| rootClass | Root container class | string | - | - |\n| defaultOpenKeys | Array with the keys of default opened sub menus | string[] | - | - |\n| defaultSelectedKeys | Array with the keys of default selected menu items | string[] | - | - |\n| expandIcon | Custom expand icon of submenu | VueNode \\| ((props: SubMenuProps & { isSubMenu: boolean }) => VueNode) | - | - |\n| forceSubMenuRender | Render submenu into DOM before it becomes visible | boolean | false | - |\n| inlineCollapsed | Specifies the collapsed status when menu is inline mode | boolean | - | - |\n| inlineIndent | Indent (in pixels) of inline menu items on each level | number | 24 | - |\n| items | Menu item content | ItemType[] | - | - |\n| mode | Type of menu | `vertical` \\| `horizontal` \\| `inline` | `vertical` | - |\n| multiple | Allows selection of multiple items | boolean | false | - |\n| openKeys | Array with the keys of currently opened sub-menus | string[] | - | - |\n| overflowedIndicator | Customized the ellipsis icon when menu is collapsed horizontally | VueNode | `\u003cEllipsisOutlined />` | - |\n| selectable | Allows selecting menu items | boolean | true | - |\n| selectedKeys | Array with the keys of currently selected menu items | string[] | - | - |\n| subMenuCloseDelay | Delay time to hide submenu when mouse leaves (in seconds) | number | 0.1 | - |\n| subMenuOpenDelay | Delay time to show submenu when mouse enters, (in seconds) | number | 0 | - |\n| theme | Color theme of the menu | `light` \\| `dark` | `light` | - |\n| triggerSubMenuAction | Which action can trigger submenu open/close | `hover` \\| `click` | `hover` | - |\n| getPopupContainer | To set the container of the submenu popup. The default is to create a div element in body, but you can reset it to the scrolling area and make a relative reposition | (triggerNode: HTMLElement) => HTMLElement | () => document.body | - |\n| itemIcon | Custom menu item icon render | (props: MenuItemProps & RenderIconInfo) => any | - | - |\n| labelRender | Custom label render | (item: RenderItem) => any | - | - |\n| iconRender | Custom icon render (items mode) | (item: RenderItem) => any | - | - |\n| extraRender | Custom extra render | (item: RenderItem) => any | - | - |\n| popupRender | Custom popup renderer for submenu | (node: VueNode, info: { item: SubMenuProps; keys: string[] }) => VueNode | - | - |\n\n### Events\n\n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| click | Called when a menu item is clicked | (info: MenuInfo) => void | - |\n| select | Called when a menu item is selected | (info: SelectInfo) => void | - |\n| deselect | Called when a menu item is deselected (multiple mode only) | (info: SelectInfo) => void | - |\n| openChange | Called when sub-menus are opened or closed | (openKeys: string[]) => void | - |\n\n### Slots\n\n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| expandIcon | Custom expand icon | () => any | - |\n| labelRender | Customize label content | (item: RenderItem) => any | - |\n| iconRender | Customize item icon (items mode) | (item: RenderItem) => any | - |\n| extraRender | Customize extra content | (item: RenderItem) => any | - |\n| itemIcon | Custom item icon | (props: MenuItemProps & RenderIconInfo) => any | - |\n\n### Methods\n\n| Method | Description | Type | Version |\n| --- | --- | --- | --- |\n| menu | Menu ref | VcMenuRef \\| null | - |\n| focus | Focus menu | (options?: FocusOptions) => void | - |\n\n## Types\n\n### ItemType\n\n> type ItemType = MenuItemType | SubMenuType | MenuItemGroupType | MenuDividerType | null;\n\n#### MenuItemType\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| danger | Display the danger style | boolean | false | - |\n| disabled | Whether menu item is disabled | boolean | false | - |\n| extra | The extra of the menu item | VueNode | - | - |\n| icon | The icon of the menu item | VueNode | - | - |\n| key | Unique ID of the menu item | string | - | - |\n| label | Menu label | VueNode | - | - |\n| title | Set display title for collapsed item | string | - | - |\n\n#### SubMenuType\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| children | Sub-menus or sub-menu items | ItemType[] | - | - |\n| disabled | Whether sub-menu is disabled | boolean | false | - |\n| icon | Icon of sub menu | VueNode | - | - |\n| key | Unique ID of the sub-menu | string | - | - |\n| label | Menu label | VueNode | - | - |\n| popupClassName | Sub-menu class name, not working when `mode=\"inline\"` | string | - | - |\n| popupOffset | Sub-menu offset, not working when `mode=\"inline\"` | [number, number] | - | - |\n| theme | Color theme of the SubMenu (inherits from Menu by default) | `light` \\| `dark` | - | - |\n| onTitleClick | Callback executed when the sub-menu title is clicked | (info: { key: string; domEvent: MouseEvent }) => void | - | - |\n| popupRender | Custom popup renderer for current sub-menu | (node: VueNode, info: { item: SubMenuProps; keys: string[] }) => VueNode | - | - |\n\n#### MenuItemGroupType\n\nDefine `type` as `group` to make as group:\n\n```ts\nconst groupItem = {\n type: 'group', // Must have\n label: 'My Group',\n children: [],\n}\n```\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| children | Sub-menu items | MenuItemType[] | - | - |\n| label | The title of the group | VueNode | - | - |\n\n#### MenuDividerType\n\nDivider line in between menu items, only used in vertical popup Menu or Dropdown Menu. Need define the `type` as `divider`:\n\n```ts\nconst dividerItem = {\n type: 'divider', // Must have\n}\n```\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| dashed | Whether line is dashed | boolean | false | - |\n\n## FAQ\n\n### Why will Menu's children be rendered twice? \nMenu collects structure info with [twice-render](https://github.com/react-component/menu/blob/f4684514096d6b7123339cbe72e7b0f68db0bce2/src/Menu.tsx#L543) to support HOC usage. Merging into one render may cause the logic to become much more complex. Contributions to help improve the collection logic are welcomed.\n\n### Why Menu do not responsive collapse in Flex layout? \nMenu will render fully item in flex layout and then collapse it. You need tell flex not consider Menu width to enable responsive ([online demo](https://codesandbox.io/s/ding-bu-dao-hang-antd-4-21-7-forked-5e3imy?file=/demo.js)):\n\n```html\n\u003cdiv style=\"display: flex;\">\n \u003cdiv style=\"flex: none;\">Some Content\u003c/div>\n \u003ca-menu style=\"min-width: 0; flex: auto;\" />\n\u003c/div>\n```\n\n## Semantic DOM\n\n| _semantic | demo/_semantic.md |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":8428,"content_sha256":"9e0ea914bfe41712765b9a37525d5c9a7d3055d6d174a0cbcae199c350818157"},{"filename":"references/components/menu/token.md","content":"# menu Token\n\nUse these variables through `theme.components.Menu`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Menu: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `dropdownWidth` | `string \\| number` | Width of popup menu |\n| `zIndexPopup` | `number` | z-index of popup menu |\n| `groupTitleColor` | `string` | Color of group title text |\n| `groupTitleLineHeight` | `string \\| number` | line-height of group title |\n| `groupTitleFontSize` | `number` | font-size of group title |\n| `itemBorderRadius` | `number` | Radius of menu item |\n| `subMenuItemBorderRadius` | `number` | Radius of sub-menu item |\n| `itemColor` | `string` | Color of menu item text |\n| `itemHoverColor` | `string` | Hover color of menu item text |\n| `horizontalItemHoverColor` | `string` | Hover color of horizontal menu item text |\n| `itemSelectedColor` | `string` | Color of selected menu item text |\n| `subMenuItemSelectedColor` | `string` | Color of submenu title when submenu has selected item |\n| `horizontalItemSelectedColor` | `string` | Color of selected horizontal menu item text |\n| `itemDisabledColor` | `string` | Color of disabled menu item text |\n| `dangerItemColor` | `string` | Color of danger menu item text |\n| `dangerItemHoverColor` | `string` | Hover color of danger menu item text |\n| `dangerItemSelectedColor` | `string` | Color of selected danger menu item text |\n| `dangerItemActiveBg` | `string` | Background color of danger menu item when active |\n| `dangerItemSelectedBg` | `string` | Background color of selected danger menu item |\n| `itemBg` | `string` | - |\n| `itemHoverBg` | `string` | Background color of menu item when hover |\n| `subMenuItemBg` | `string` | Background color of sub-menu item |\n| `itemActiveBg` | `string` | Background color of menu item when active |\n| `itemSelectedBg` | `string` | Background color of menu item when selected |\n| `horizontalItemSelectedBg` | `string` | Background color of horizontal menu item when selected |\n| `activeBarWidth` | `string \\| number` | Width of menu item active bar |\n| `activeBarHeight` | `number` | Height of menu item active bar |\n| `activeBarBorderWidth` | `string \\| number` | Border width of menu item active bar |\n| `itemMarginInline` | `number` | Horizontal margin of menu item |\n| `horizontalItemHoverBg` | `string` | Background color of horizontal menu item when hover |\n| `horizontalItemBorderRadius` | `number` | Border radius of horizontal menu item |\n| `itemHeight` | `string \\| number` | Height of menu item |\n| `collapsedWidth` | `string \\| number` | Width when collapsed |\n| `popupBg` | `string` | Background color of popup |\n| `itemMarginBlock` | `CSSProperties` | margin-block of menu item |\n| `itemPaddingInline` | `CSSProperties` | padding-inline of menu item |\n| `horizontalLineHeight` | `CSSProperties` | LineHeight of horizontal menu item |\n| `iconMarginInlineEnd` | `CSSProperties` | Spacing between icon and text |\n| `iconSize` | `number` | Size of icon |\n| `collapsedIconSize` | `number` | Size of icon when collapsed |\n| `darkPopupBg` | `string` | The background color of the overlay menu in dark mode. |\n| `darkItemColor` | `string` | Color of menu item text in dark mode |\n| `darkDangerItemColor` | `string` | Color of danger menu item text in dark mode |\n| `darkItemBg` | `string` | Background of menu item in dark mode |\n| `darkSubMenuItemBg` | `string` | Background of submenu item in dark mode |\n| `darkItemSelectedColor` | `string` | Color of selected menu item in dark mode |\n| `darkItemSelectedBg` | `string` | Background of active menu item in dark mode |\n| `darkItemHoverBg` | `string` | Background of hovered menu item in dark mode |\n| `darkGroupTitleColor` | `string` | Color of group title text in dark mode |\n| `darkItemHoverColor` | `string` | Color of hovered menu item in dark mode |\n| `darkItemDisabledColor` | `string` | Color of disabled menu item in dark mode |\n| `darkDangerItemSelectedBg` | `string` | Background of active danger menu item in dark mode |\n| `darkDangerItemHoverColor` | `string` | Background of hovered danger menu item in dark mode |\n| `darkDangerItemSelectedColor` | `string` | Color of selected danger menu item in dark mode |\n| `darkDangerItemActiveBg` | `string` | Background of active danger menu item in dark mode |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":4495,"content_sha256":"694a544996c461f909908ac3e066216b00ab82b968a438b23640712bfd6f57bb"},{"filename":"references/components/message/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { message } from 'antdv-next'\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { _InternalListDoNotUseOrYouWillBeFired: InternalList } = message\n\nconst { t } = useComponentLocale(locales)\n\nconst previewListStyle = {\n position: 'relative',\n inset: 'auto',\n width: '100%',\n maxWidth: '100%',\n height: 'auto',\n padding: '24px',\n overflow: 'visible',\n transform: 'none',\n} as const\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root'), version: '1.0.0' },\n { name: 'wrapper', desc: t('wrapper'), version: '1.3.0' },\n { name: 'icon', desc: t('icon'), version: '1.0.0' },\n { name: 'title', desc: t('title'), version: '1.3.0' },\n { name: 'list', desc: t('list'), version: '1.3.0' },\n { name: 'listContent', desc: t('listContent'), version: '1.3.0' },\n])\n\nconst items = computed(() => [\n {\n key: 'semantic-message-1',\n content: 'Hello, Antdv Next!',\n type: 'success' as const,\n duration: false as const,\n },\n {\n key: 'semantic-message-2',\n content: 'Welcome back!',\n type: 'info' as const,\n duration: false as const,\n },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Message\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003cInternalList\n :style=\"previewListStyle\"\n :items=\"items\"\n :classes=\"classes\"\n />\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1586,"content_sha256":"a023b92eaf74f5440af3ccc7741d645101cf0b2ee349ed3fcb6f05bdfd051b7d"},{"filename":"references/components/message/demo/custom-style.md","content":"# Customized style\n\n## Description (en-US)\n\nThe `style` and `class` are available to customize Message.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { message } from 'antdv-next'\n\nconst [messageApi, ContextHolder] = message.useMessage()\n\nfunction success() {\n messageApi.open({\n type: 'success',\n content: 'This is a prompt message with custom class and style',\n class: 'custom-message',\n style: {\n marginTop: '20vh',\n },\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-button @click=\"success\">\n Customized style\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":579,"content_sha256":"3c0f08d70333ee147b7a8d115f66c8a5401167945b061d8e07a8c94cc04a16ad"},{"filename":"references/components/message/demo/duration.md","content":"# Customize duration\n\n## Description (en-US)\n\nCustomize message display duration from default `3s` to `10s`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { message } from 'antdv-next'\n\nconst [messageApi, ContextHolder] = message.useMessage()\n\nfunction success() {\n messageApi.open({\n type: 'success',\n content: 'This is a prompt message for success, and it will disappear in 10 seconds',\n duration: 10,\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-button @click=\"success\">\n Customized display duration\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":560,"content_sha256":"a4d085544206ab5fed09233619dddfa22bce8bf7a44ba69167d1133c7d37cb3f"},{"filename":"references/components/message/demo/hooks.md","content":"# Hooks usage (recommended)\n\n## Description (en-US)\n\nUse `message.useMessage` to get `contextHolder` with context accessible issue. Please note that, we recommend to use top level registration instead of `message` static method, because static method cannot consume context, and ConfigProvider data will not work.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { message } from 'antdv-next'\n\nconst [messageApi, ContextHolder] = message.useMessage()\n\nfunction info() {\n messageApi.info('Hello, Antdv Next!')\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-button type=\"primary\" @click=\"info\">\n Display normal message\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":655,"content_sha256":"7b8227f29ab2398a20443495627c7df56a31082ef6a5b5347f2e455b3c41bbd2"},{"filename":"references/components/message/demo/info.md","content":"# Static method (deprecated)\n\n## Description (en-US)\n\nStatic methods cannot consume Context provided by `ConfigProvider`. When enable `layer`, they may also cause style errors. Please use hooks version or `App` provided instance first.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { message } from 'antdv-next'\n\nfunction info() {\n message.info('This is an info message')\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-button type=\"primary\" @click=\"info\">\n Static Method\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":492,"content_sha256":"3261763a3865ef98f923113f1b1accc36d2da2496b67685219455239cb2ed97a"},{"filename":"references/components/message/demo/loading.md","content":"# Message with loading indicator\n\n## Description (en-US)\n\nDisplay a global loading indicator, which is dismissed by itself asynchronously.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { message } from 'antdv-next'\n\nconst [messageApi, ContextHolder] = message.useMessage()\nfunction success() {\n const close = messageApi.open({\n type: 'loading',\n content: 'Action in progress..',\n duration: 0,\n })\n // Dismiss manually and asynchronously\n setTimeout(close, 2500)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-button @click=\"success\">\n Display a loading indicator\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":616,"content_sha256":"85d415eba3d5e1b2bcd2883d3e5cd3a54035031c117d06671dcbbcc86a7b14c8"},{"filename":"references/components/message/demo/other.md","content":"# Other types of message\n\n## Description (en-US)\n\nMessages of success, error and warning types.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { message } from 'antdv-next'\n\nconst [messageApi, ContextHolder] = message.useMessage()\n\nfunction success() {\n messageApi.open({\n type: 'success',\n content: 'This is a success message',\n })\n}\n\nfunction error() {\n messageApi.open({\n type: 'error',\n content: 'This is an error message',\n })\n}\n\nfunction warning() {\n messageApi.open({\n type: 'warning',\n content: 'This is a warning message',\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-space>\n \u003ca-button @click=\"success\">\n Success\n \u003c/a-button>\n \u003ca-button @click=\"error\">\n Error\n \u003c/a-button>\n \u003ca-button @click=\"warning\">\n Warning\n \u003c/a-button>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":831,"content_sha256":"2e76c6377acd44bf3ba4fcb3f500f7d912d2b24c9e46b236521f8ea5a7d1057f"},{"filename":"references/components/message/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { CSSProperties } from 'vue'\nimport { message } from 'antdv-next'\n\nconst [messageApi, ContextHolder] = message.useMessage()\n\nconst defaultStyles: Record\u003cstring, CSSProperties> = {\n root: {\n backgroundColor: '#f6ffed',\n border: '2px solid #95de64',\n borderRadius: '16px',\n boxShadow: '4px 4px 0 #d9f7be',\n },\n icon: {\n color: '#237804',\n },\n title: {\n color: '#237804',\n fontWeight: 600,\n },\n}\n\nfunction stylesFn(info: { props: any }): Record\u003cstring, CSSProperties> {\n if (info.props.type === 'error') {\n return {\n root: {\n ...defaultStyles.root,\n backgroundColor: '#fff2f0',\n borderColor: '#ffccc7',\n boxShadow: '4px 4px 0 #ffccc7',\n },\n icon: {\n color: '#cf1322',\n },\n title: {\n color: '#cf1322',\n fontWeight: 600,\n },\n }\n }\n return defaultStyles\n}\n\nfunction showObjectStyle() {\n messageApi.open({\n type: 'success',\n content: 'This is a message with object styles',\n styles: defaultStyles,\n })\n}\n\nfunction showFunctionStyle() {\n messageApi.open({\n type: 'error',\n content: 'This is a message with function styles',\n styles: stylesFn as any,\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-space>\n \u003ca-button @click=\"showObjectStyle\">\n Object style\n \u003c/a-button>\n \u003ca-button type=\"primary\" @click=\"showFunctionStyle\">\n Function style\n \u003c/a-button>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1547,"content_sha256":"a239f3a740ffd8098966458c6684519d5e944b45aa2cfc3241c79243ec699e25"},{"filename":"references/components/message/demo/thenable.md","content":"# Promise interface\n\n## Description (en-US)\n\n`message` provides a promise interface for `onClose`. The above example will display a new message when the old message is about to close.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { message } from 'antdv-next'\n\nconst [messageApi, ContextHolder] = message.useMessage()\nfunction success() {\n messageApi.open({\n type: 'loading',\n content: 'Action in progress..',\n duration: 2.5,\n }).then(\n () => message.success('Loading finished', 2.5),\n ).then(\n () => message.info('Loading Finished ', 2.5),\n )\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-button @click=\"success\">\n Display a loading indicator\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":704,"content_sha256":"971176b6a2ad4ee148c492927ec87313fd80d175ec6d6c83146da59459e210b9"},{"filename":"references/components/message/demo/update.md","content":"# Update Message Content\n\n## Description (en-US)\n\nUpdate message content with unique `key`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { message } from 'antdv-next'\n\nconst key = 'updatable'\n\nconst [messageApi, ContextHolder] = message.useMessage()\nfunction openMessage() {\n messageApi.open({\n key,\n type: 'loading',\n content: 'Loading...',\n })\n setTimeout(() => {\n messageApi.open({\n key,\n type: 'success',\n content: 'Loaded!',\n duration: 2,\n })\n }, 2500)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-button type=\"primary\" @click=\"openMessage\">\n Open the message box\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":651,"content_sha256":"ee97836d0217ffef922d164857012510dfacd711d40762fcb85ddccbc6715d76"},{"filename":"references/components/message/docs.md","content":"---\ntitle: Message\ndescription: Display global messages as feedback in response to user operations.\n---\n\n## When To Use \n- To provide feedback such as success, warning, error etc.\n- A message is displayed at top and center and will be dismissed automatically, as a non-interrupting light-weighted prompt.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Hooks usage (recommended) | demo/hooks.md |\n| Other types of message | demo/other.md |\n| Customize duration | demo/duration.md |\n| Message with loading indicator | demo/loading.md |\n| Promise interface | demo/thenable.md |\n| Customized style | demo/custom-style.md |\n| Custom semantic dom styling | demo/style-class.md |\n| Update Message Content | demo/update.md |\n| Static method (deprecated) | demo/info.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Static Methods \n- `message.success(content, [duration], onClose)`\n- `message.error(content, [duration], onClose)`\n- `message.info(content, [duration], onClose)`\n- `message.warning(content, [duration], onClose)`\n- `message.loading(content, [duration], onClose)`\n- `message.open(config)`\n- `message.destroy(key?: Key)`\n- `message.config(options)`\n- `message.useMessage(config)`\n\n### Arguments \n| Argument | Description | Type | Default |\n| --- | --- | --- | --- |\n| content | The content of the message | VueNode \\| ArgsProps | - |\n| duration | Time(seconds) before auto-dismiss, don't dismiss if set to 0 | number | 3 |\n| onClose | Specify a function that will be called when the message is closed | () => void | - |\n\n`afterClose` can be called in thenable interface:\n\n- `message[level](content, [duration]).then(afterClose)`\n- `message[level](content, [duration], onClose).then(afterClose)`\n\nwhere `level` refers one static methods of `message`. The result of `then` method will be a Promise.\n\n### Config \nThe properties of `config` are as follows:\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| class | Customized CSS class | string | - | - |\n| classes | Customize class for each semantic structure inside the component. Supports object or function. | ArgsClassNamesType | - | - |\n| content | The content of the message | VueNode | - | - |\n| duration | Time(seconds) before auto-dismiss, don't dismiss if set to 0 | number | 3 | - |\n| icon | Customized Icon | VueNode | - | - |\n| pauseOnHover | Keep the timer running or not on hover | boolean | true | - |\n| key | The unique identifier of the Message | Key | - | - |\n| style | Customized inline style | CSSProperties | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | ArgsStylesType | - | - |\n| type | Notice type | NoticeType | - | - |\n| onClick | Specify a function that will be called when the message is clicked | (e: MouseEvent) => void | - | - |\n| onClose | Specify a function that will be called when the message is closed | () => void | - | - |\n\n### Global configuration \n`message.config(options)`\n\n```js\nmessage.config({\n top: 100,\n duration: 2,\n maxCount: 3,\n rtl: true,\n prefixCls: 'my-message',\n})\n```\n\n| Argument | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| duration | Time before auto-dismiss, in seconds | number | 3 | - |\n| getContainer | Return the mount node for Message, but still display at fullScreen | () => HTMLElement \\| ShadowRoot | () => document.body | - |\n| maxCount | Max message show, drop oldest if exceed limit | number | - | - |\n| prefixCls | The prefix class name of message node | string | `ant-message` | - |\n| rtl | Whether to enable RTL mode | boolean | false | - |\n| top | Distance from top | string \\| number | 8 | - |\n| transitionName | Animation name | string | - | - |\n| pauseOnHover | Keep the timer running or not on hover | boolean | true | - |\n| classes | Customize class for each semantic structure inside the component. Supports object or function. | ArgsClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | ArgsStylesType | - | - |\n\n## Semantic DOM\n\n| _semantic | demo/_semantic.md |\n\n## FAQ\n\n### Why I can not access context, ConfigProvider `locale/prefixCls/theme` in message? \nCalling `message` methods will render a new instance which does not inherit the current context. When you need context info, use `message.useMessage` to get `api` and `ContextHolder`, then render it inside your component tree:\n\n```vue\n\u003cscript setup>\nimport { message } from 'antdv-next'\n\nconst [api, ContextHolder] = message.useMessage()\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n\u003c/template>\n```\n\n**Note:** You must insert `ContextHolder` into your children with hooks. You can use static methods if you do not need context connection.\n\n> [App Package Component](../app/docs.md) can be used to simplify `useMessage` and other methods that need to manually implant ContextHolder.\n\nIf you still need to use static methods and want them to read `locale`, `theme`, or other ConfigProvider settings, configure a global `holderRender` once:\n\n```ts\nimport { App, ConfigProvider } from 'antdv-next'\nimport { h } from 'vue'\nimport zhCN from 'antdv-next/locale/zh_CN'\n\nConfigProvider.config({\n holderRender: children =>\n h(ConfigProvider, { locale: zhCN }, {\n default: () => h(App, null, () => children),\n }),\n})\n```\n\nThen `message.info`, `message.success` and other static methods will render with that wrapped context.\n\n### How to set static methods prefixCls? \nYou can config with [`ConfigProvider.config`](../config-provider/docs.md#configproviderconfig-4130).\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":5643,"content_sha256":"43b3a69253a2ad528191e0ff10beed76a73f15f5604530f050f54680cbc3bca6"},{"filename":"references/components/message/token.md","content":"# message Token\n\nUse these variables through `theme.components.Message`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Message: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `zIndexPopup` | `number` | z-index of Message |\n| `contentBg` | `string` | Background color of Message |\n| `contentPadding` | `CSSProperties` | Padding of Message |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":586,"content_sha256":"dc89d11083a12c0490423c4a9f11ea96854d8d8084e729a5aa6df209f032188d"},{"filename":"references/components/modal/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root'), version: '1.0.0' },\n { name: 'mask', desc: t('mask'), version: '1.0.0' },\n { name: 'container', desc: t('container'), version: '1.0.0' },\n { name: 'wrapper', desc: t('wrapper'), version: '1.0.0' },\n { name: 'header', desc: t('header'), version: '1.0.0' },\n { name: 'title', desc: t('title'), version: '1.0.0' },\n { name: 'body', desc: t('body'), version: '1.0.0' },\n { name: 'footer', desc: t('footer'), version: '1.0.0' },\n { name: 'close', desc: t('close'), version: '1.3.0' },\n])\n\nconst divRef = ref\u003cHTMLDivElement | null>(null)\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Modal\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003cdiv ref=\"divRef\" :style=\"{ position: 'absolute', inset: 0 }\">\n \u003ca-modal\n title=\"Title\"\n open\n :get-container=\"() => divRef!\"\n :width=\"400\"\n :styles=\"{\n mask: { position: 'absolute', zIndex: 1 },\n wrapper: { position: 'absolute', zIndex: 1 },\n }\"\n :style=\"{ top: '50%', transform: 'translateY(-50%)', marginBottom: 0, paddingBottom: 0 }\"\n :classes=\"classes\"\n >\n \u003cp>Some contents...\u003c/p>\n \u003c/a-modal>\n \u003c/div>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1632,"content_sha256":"9410b9b487e232745bdee4ea2f3437e4d7eb48e11fd23d36c04c591d15209c10"},{"filename":"references/components/modal/demo/async.md","content":"# Asynchronously close\n\n## Description (en-US)\n\nAsynchronously close a modal dialog when the OK button is pressed. For example, you can use this pattern when you submit a form.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst open = ref(false)\nconst confirmLoading = ref(false)\nconst modalText = ref('Content of the modal')\nfunction showModal() {\n open.value = true\n}\n\nfunction handleOk() {\n modalText.value = 'The modal will be closed after two seconds'\n confirmLoading.value = true\n setTimeout(() => {\n open.value = false\n confirmLoading.value = false\n }, 2000)\n}\nfunction handleCancel() {\n console.log('Clicked cancel button')\n open.value = false\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-button type=\"primary\" @click=\"showModal\">\n Open Modal with async logic\n \u003c/a-button>\n \u003ca-modal\n v-model:open=\"open\"\n title=\"Title\"\n :confirm-loading=\"confirmLoading\"\n @ok=\"handleOk\"\n @cancel=\"handleCancel\"\n >\n \u003cp>{{ modalText }}\u003c/p>\n \u003c/a-modal>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1005,"content_sha256":"831ebf23c167d5e6f6c1518a031442c69d7ebb548e0a055f639a2307027aae26"},{"filename":"references/components/modal/demo/basic.md","content":"# Basic\n\n## Description (en-US)\n\nBasic modal.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst open = shallowRef(false)\n\nfunction handleOk() {\n open.value = false\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"small\">\n \u003ca-button type=\"primary\" @click=\"open = true\">\n Open Modal\n \u003c/a-button>\n \u003c/a-flex>\n \u003ca-modal\n v-model:open=\"open\"\n title=\"Basic Modal\"\n :closable=\"{ 'aria-label': 'Custom Close Button' }\"\n @ok=\"handleOk\"\n >\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003c/a-modal>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":593,"content_sha256":"c2521174161f116fdcbb1e54c1d768c64369c48ba6550ae4ac78ae1803e3e9f2"},{"filename":"references/components/modal/demo/button-props.md","content":"# Customize footer buttons props\n\n## Description (en-US)\n\nPassing `okButtonProps` and `cancelButtonProps` will customize the OK button and cancel button props.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst open = ref(false)\nfunction showModal() {\n open.value = true\n}\n\nfunction handleOk(e: MouseEvent) {\n console.log(e)\n open.value = false\n}\n\nfunction handleCancel(e: MouseEvent) {\n console.log(e)\n open.value = false\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-button type=\"primary\" @click=\"showModal\">\n Open Modal with customized button props\n \u003c/a-button>\n \u003ca-modal\n v-model:open=\"open\"\n title=\"Basic Modal\"\n :ok-button-props=\"{ disabled: true }\"\n :cancel-button-props=\"{ disabled: true }\"\n @ok=\"handleOk\"\n @cancel=\"handleCancel\"\n >\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003c/a-modal>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":893,"content_sha256":"b4148da42d6af0328f08b0d39d525b33d4ebd1c204b0a911efbe05347e0ee9ba"},{"filename":"references/components/modal/demo/confirm-router.md","content":"# destroy confirmation modal dialog\n\n## Description (en-US)\n\n`Modal.destroyAll()` will destroy all confirmation modal dialogs. Usually, you can use it in router change event to destroy confirm modal dialog automatically.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ExclamationCircleOutlined } from '@antdv-next/icons'\nimport { Button, Modal } from 'antdv-next'\nimport { h } from 'vue'\n\nconst confirm = Modal.confirm\n\nfunction destroyAll() {\n Modal.destroyAll()\n}\n\nfunction showConfirm() {\n for (let i = 0; i \u003c 3; i += 1) {\n setTimeout(() => {\n confirm({\n icon: h(ExclamationCircleOutlined),\n content: h(Button, {\n onClick: destroyAll,\n }, {\n default: () => 'Click to destroy All',\n }),\n onOk() {\n console.log('OK')\n },\n onCancel() {\n console.log('Cancel')\n },\n })\n }, i * 500)\n }\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-button @click=\"showConfirm\">\n Confirm\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1000,"content_sha256":"79171b81620616799050d02babd7890daea3039d1cd51b82290642d039c71826"},{"filename":"references/components/modal/demo/confirm.md","content":"# Static confirmation\n\n## Description (en-US)\n\nUse `confirm()` to show a confirmation modal dialog. Let onCancel/onOk function return a promise object to delay closing the dialog.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ExclamationCircleFilled } from '@antdv-next/icons'\nimport { Modal } from 'antdv-next'\nimport { h } from 'vue'\n\nconst confirm = Modal.confirm\nfunction showConfirm() {\n confirm({\n title: 'Do you want to delete these items?',\n icon: h(ExclamationCircleFilled),\n content: 'Some descriptions',\n onOk() {\n console.log('OK')\n },\n onCancel() {\n console.log('Cancel')\n },\n })\n}\n\nfunction showPromiseConfirm() {\n confirm({\n title: 'Do you want to delete these items?',\n icon: h(ExclamationCircleFilled),\n content: 'When clicked the OK button, this dialog will be closed after 1 second',\n onOk() {\n return new Promise((resolve, reject) => {\n setTimeout(Math.random() > 0.5 ? resolve : reject, 1000)\n }).catch(() => console.log('Oops errors!'))\n },\n onCancel() {},\n })\n}\n\nfunction showDeleteConfirm() {\n confirm({\n title: 'Are you sure delete this task?',\n icon: h(ExclamationCircleFilled),\n content: 'Some descriptions',\n okText: 'Yes',\n okType: 'danger',\n cancelText: 'No',\n onOk() {\n console.log('OK')\n },\n onCancel() {\n console.log('Cancel')\n },\n })\n}\n\nfunction showPropsConfirm() {\n confirm({\n title: 'Are you sure delete this task?',\n icon: h(ExclamationCircleFilled),\n content: 'Some descriptions',\n okText: 'Yes',\n okType: 'danger',\n okButtonProps: {\n disabled: true,\n },\n cancelText: 'No',\n onOk() {\n console.log('OK')\n },\n onCancel() {\n console.log('Cancel')\n },\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space wrap>\n \u003ca-button @click=\"showConfirm\">\n Confirm\n \u003c/a-button>\n \u003ca-button @click=\"showPromiseConfirm\">\n With Confirm\n \u003c/a-button>\n \u003ca-button type=\"dashed\" @click=\"showDeleteConfirm\">\n Delete\n \u003c/a-button>\n \u003ca-button type=\"dashed\" @click=\"showPropsConfirm\">\n With extra props\n \u003c/a-button>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2156,"content_sha256":"d9937879c5ce69104351a9f9b08484feba228adb39bc33379780a9c4979212b5"},{"filename":"references/components/modal/demo/footer-render.md","content":"# Customized Footer render function\n\n## Description (en-US)\n\nCustomize the footer rendering function to support extensions on top of the original.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { Button, Modal } from 'antdv-next'\nimport { h, ref } from 'vue'\n\nconst open = ref(false)\n\nfunction showModal() {\n open.value = true\n}\n\nfunction handleOk() {\n open.value = false\n}\nfunction handleCancel() {\n open.value = false\n}\n\nfunction handleConfirm() {\n Modal.confirm({\n title: 'Confirm',\n content: 'Bla bla ...',\n footer: ({ extra }: any) => {\n return [\n h(Button, undefined, { default: () => 'Custom Button' }),\n h(extra.OkBtn),\n h(extra.CancelBtn),\n ]\n },\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space>\n \u003ca-button type=\"primary\" @click=\"showModal\">\n Open Modal\n \u003c/a-button>\n \u003ca-button type=\"primary\" @click=\"handleConfirm\">\n Open Modal Confirm\n \u003c/a-button>\n \u003c/a-space>\n \u003ca-modal\n v-model:open=\"open\"\n title=\"Title\"\n @ok=\"handleOk\"\n @cancel=\"handleCancel\"\n >\n \u003ctemplate #footer=\"{ extra }\">\n \u003ca-button> Custom Button\u003c/a-button>\n \u003ccomponent :is=\"extra.CancelBtn\" />\n \u003ccomponent :is=\"extra.OkBtn\" />\n \u003c/template>\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003c/a-modal>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1382,"content_sha256":"2813d656a8962e94fb98a3c436bb01324e27bb4a9ad2444b1695ba94b5a641e0"},{"filename":"references/components/modal/demo/footer.md","content":"# Customized Footer\n\n## Description (en-US)\n\nA more complex example which define a customized footer button bar. The dialog will change to loading state after clicking the submit button, and when the loading is done, the modal dialog will be closed.\n\nYou could set `footer` to `null` if you don't need default footer buttons.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst loading = ref(false)\nconst open = ref(false)\n\nfunction showModal() {\n open.value = true\n}\n\nfunction handleOk() {\n loading.value = true\n setTimeout(() => {\n loading.value = false\n open.value = false\n }, 3000)\n}\n\nfunction handleCancel() {\n open.value = false\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-button type=\"primary\" @click=\"showModal\">\n Open Modal with customized footer\n \u003c/a-button>\n \u003ca-modal\n v-model:open=\"open\"\n title=\"Title\"\n @ok=\"handleOk\"\n @cancel=\"handleCancel\"\n >\n \u003ctemplate #footer>\n \u003ca-button key=\"back\" @click=\"handleCancel\">\n Return\n \u003c/a-button>\n \u003ca-button key=\"submit\" type=\"primary\" :loading=\"loading\" @click=\"handleOk\">\n Submit\n \u003c/a-button>\n \u003ca-button key=\"link\" href=\"https://google.com\" target=\"_blank\" type=\"primary\" :loading=\"loading\" @click=\"handleOk\">\n Search on Google\n \u003c/a-button>\n \u003c/template>\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003c/a-modal>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1468,"content_sha256":"94da88fa5f82eb29a45814096a0170cedf67b6abee7e2d6c88487a37ee3ae3ca"},{"filename":"references/components/modal/demo/hooks.md","content":"# Use hooks to get context\n\n## Description (en-US)\n\nUse `Modal.useModal` to get `contextHolder` with context accessible issue. Only hooks method support Promise `await` operation.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { InjectionKey, Ref } from 'vue'\nimport { Modal } from 'antdv-next'\nimport { computed, defineComponent, h, inject, provide, ref } from 'vue'\n\nconst [modal, ContextModal] = Modal.useModal()\n\nconst ReachableContextKey: InjectionKey\u003cRef\u003cstring>> = Symbol('ReachableContextKey')\nconst UnreachableContextKey: InjectionKey\u003cRef\u003cstring | null>> = Symbol('UnreachableContextKey')\n\nconst ReachableConsumer = defineComponent(() => {\n const value = inject(ReachableContextKey, ref())\n return () => {\n return `Reachable: ${value.value}!`\n }\n})\n\nconst UnreachableConsumer = defineComponent(() => {\n const value = inject(UnreachableContextKey, ref(null))\n return () => {\n return `Unreachable: ${value.value}!`\n }\n})\n\nconst config = {\n title: 'Use Hook!',\n content: () => [\n h(ReachableConsumer),\n h('br'),\n h(UnreachableConsumer),\n ],\n}\nconst ReachableProvider = defineComponent(\n (props, { slots }) => {\n provide(ReachableContextKey, computed(() => props.value))\n return () => {\n return slots?.default?.()\n }\n },\n {\n props: ['value'],\n },\n)\n\nconst UnreachableProvider = defineComponent((props, { slots }) => {\n provide(UnreachableContextKey, computed(() => props.value))\n return () => {\n return slots?.default?.()\n }\n}, {\n props: ['value'],\n})\n\nasync function handleClick() {\n const confirmed = await modal.confirm(config)\n console.log('Confirmed: ', confirmed)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cReachableProvider value=\"Light\">\n \u003ca-space>\n \u003ca-button @click=\"handleClick\">\n Confirm\n \u003c/a-button>\n \u003ca-button\n @click=\"() => {\n modal.warning(config)\n }\"\n >\n Warning\n \u003c/a-button>\n \u003ca-button\n @click=\"() => {\n modal.info(config)\n }\"\n >\n Info\n \u003c/a-button>\n \u003ca-button\n @click=\"() => {\n modal.error(config)\n }\"\n >\n Error\n \u003c/a-button>\n \u003c/a-space>\n \u003cContextModal />\n \u003cUnreachableProvider value=\"Bamboo\" />\n \u003c/ReachableProvider>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2267,"content_sha256":"ee31ba48cacae097e6d60d3144603c9f60e975d95851acf6b7c02d9fa22a5116"},{"filename":"references/components/modal/demo/loading.md","content":"# Loading\n\n## Description (en-US)\n\nSet the loading status of Modal.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { ref } from 'vue'\n\nconst open = ref(false)\nconst loading = ref(true)\nfunction showLoading() {\n open.value = true\n loading.value = true\n\n // Simple loading mock. You should add cleanup logic in real world.\n setTimeout(() => {\n loading.value = false\n }, 2000)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-button type=\"primary\" @click=\"showLoading\">\n Open Modal\n \u003c/a-button>\n \u003ca-modal\n v-model:open=\"open\"\n :loading=\"loading\"\n @cancel=\"open = false\"\n >\n \u003ctemplate #title>\n \u003cp>Loading Modal\u003c/p>\n \u003c/template>\n \u003ctemplate #footer>\n \u003ca-button type=\"primary\" @click=\"showLoading\">\n Reload\n \u003c/a-button>\n \u003c/template>\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003cp>Some contents...\u003c/p>\n \u003c/a-modal>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":880,"content_sha256":"302714248260bb24c95758038fcb3fdd0ed91c1387df2b383fb2de06cd20da8d"},{"filename":"references/components/modal/demo/locale.md","content":"# Internationalization\n\n## Description (en-US)\n\nTo customize the text of the buttons, you need to set `okText` and `cancelText` props.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { ref } from 'vue'\n\nconst open = ref(false)\n\nfunction showModal() {\n open.value = true\n}\nfunction hideModal() {\n open.value = false\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-button type=\"primary\" @click=\"showModal\">\n Modal\n \u003c/a-button>\n \u003ca-modal\n v-model:open=\"open\"\n title=\"Modal\"\n ok-text=\"确定\"\n cancel-text=\"取消\"\n @cancel=\"hideModal\"\n @ok=\"hideModal\"\n >\n \u003cp>Bla bla ...\u003c/p>\n \u003cp>Bla bla ...\u003c/p>\n \u003cp>Bla bla ...\u003c/p>\n \u003c/a-modal>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":660,"content_sha256":"78df5c50daa4c680ed9d13f72df2ae566eb65525466cb3fee4c0fbe814b6cbdb"},{"filename":"references/components/modal/demo/manual.md","content":"# Manual to update destroy\n\n## Description (en-US)\n\nManually updating and destroying a modal through instance.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { Modal } from 'antdv-next'\n\nconst [modal, ContextHolder] = Modal.useModal()\nfunction countDown() {\n let secondsToGo = 5\n const instance = modal.success({\n title: 'This is a notification message',\n content: `This modal will be destroyed after ${secondsToGo} second.`,\n })\n\n const timer = setInterval(() => {\n secondsToGo -= 1\n instance.update({\n content: `This modal will be destroyed after ${secondsToGo} second.`,\n })\n }, 1000)\n\n setTimeout(() => {\n clearInterval(timer)\n instance.destroy()\n }, secondsToGo * 1000)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-button @click=\"countDown\">\n Open modal to close in 5s\n \u003c/a-button>\n \u003cContextHolder />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":848,"content_sha256":"7d36067e9c38f5b8c678e26c3a3ada2b10edc38c4c36e211dc44e634603c76b4"},{"filename":"references/components/modal/demo/mask.md","content":"# mask\n\n## Description (en-US)\n\nmask effect.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { Modal } from 'antdv-next'\n\nconst modalConfig = {\n title: 'Title',\n content: 'Some contents...',\n}\n\nconst [modal, ContextHolder] = Modal.useModal()\n\nfunction showBlur() {\n modal.confirm({ ...modalConfig, mask: { blur: true } })\n}\n\nfunction showDimmed() {\n modal.confirm({ ...modalConfig, mask: { blur: false } })\n}\n\nfunction showNoMask() {\n modal.confirm({ ...modalConfig, mask: false })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space>\n \u003ca-button @click=\"showBlur\">\n blur\n \u003c/a-button>\n \u003ca-button @click=\"showDimmed\">\n Dimmed mask\n \u003c/a-button>\n \u003ca-button @click=\"showNoMask\">\n No mask\n \u003c/a-button>\n \u003c/a-space>\n \u003cContextHolder />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":769,"content_sha256":"83814ddbf80a21990550ba7be13207db8906feb7b56ebf68718f5b8bc9d046ae"},{"filename":"references/components/modal/demo/modal-render.md","content":"# Custom modal content render\n\n## Description (en-US)\n\nCustom modal content render. You can integrate drag libraries if needed.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { h, ref } from 'vue'\n\nconst open = ref(false)\n\nfunction renderModal(node: any) {\n return h('div', { class: 'modal-render-wrapper' }, [node])\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-button type=\"primary\" @click=\"open = true\">\n Open Custom Render Modal\n \u003c/a-button>\n \u003ca-modal\n v-model:open=\"open\"\n title=\"Custom Render Modal\"\n :modal-render=\"renderModal\"\n @ok=\"open = false\"\n @cancel=\"open = false\"\n >\n \u003cp>Just don't learn physics at school and your life will be full of magic and miracles.\u003c/p>\n \u003cbr>\n \u003cp>Day before yesterday I saw a rabbit, and yesterday a deer, and today, you.\u003c/p>\n \u003c/a-modal>\n\u003c/template>\n\n\u003cstyle scoped>\n.modal-render-wrapper {\n padding: 8px;\n background: rgba(245, 245, 245, 0.7);\n border-radius: 8px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":940,"content_sha256":"545410071334df31f47aca1a63bf0e262fbf690f4405ea548d9ce7fc89699d18"},{"filename":"references/components/modal/demo/position.md","content":"# To customize the position of modal\n\n## Description (en-US)\n\nYou can use `centered`, `style.top` or other styles to set position of modal dialog.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst modalTopOpen = ref(false)\nconst modalCenterOpen = ref(false)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space direction=\"vertical\" :size=\"24\">\n \u003ca-button type=\"primary\" @click=\"modalTopOpen = true\">\n Display a modal dialog at 20px to Top\n \u003c/a-button>\n \u003ca-modal\n v-model:open=\"modalTopOpen\"\n title=\"20px to Top\"\n :style=\"{ top: '20px' }\"\n @ok=\"modalTopOpen = false\"\n @cancel=\"modalTopOpen = false\"\n >\n \u003cp>some contents...\u003c/p>\n \u003cp>some contents...\u003c/p>\n \u003cp>some contents...\u003c/p>\n \u003c/a-modal>\n\n \u003ca-button type=\"primary\" @click=\"modalCenterOpen = true\">\n Vertically centered modal dialog\n \u003c/a-button>\n \u003ca-modal\n v-model:open=\"modalCenterOpen\"\n title=\"Vertically centered modal dialog\"\n centered\n @ok=\"modalCenterOpen = false\"\n @cancel=\"modalCenterOpen = false\"\n >\n \u003cp>some contents...\u003c/p>\n \u003cp>some contents...\u003c/p>\n \u003cp>some contents...\u003c/p>\n \u003c/a-modal>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1201,"content_sha256":"bae8767f8ee389cfeb910fdb157fdc2b341ba54087cf36ba4869c1fd54bbdb29"},{"filename":"references/components/modal/demo/static-info.md","content":"# Static Method\n\n## Description (en-US)\n\nStatic methods cannot consume Context provided by ConfigProvider. When enable `layer`, they may also cause style errors. Please use hooks version or `App` provided instance first.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { Modal } from 'antdv-next'\nimport { h } from 'vue'\n\nfunction info() {\n Modal.info({\n title: 'This is a notification message',\n content: h('div', [\n h('p', 'some messages...some messages...'),\n h('p', 'some messages...some messages...'),\n ]),\n onOk() {},\n })\n}\n\nfunction success() {\n Modal.success({\n content: 'some messages...some messages...',\n })\n}\n\nfunction error() {\n Modal.error({\n title: 'This is an error message',\n content: 'some messages...some messages...',\n })\n}\n\nfunction warning() {\n Modal.warning({\n title: 'This is a warning message',\n content: 'some messages...some messages...',\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space wrap>\n \u003ca-button @click=\"info\">\n Info\n \u003c/a-button>\n \u003ca-button @click=\"success\">\n Success\n \u003c/a-button>\n \u003ca-button @click=\"error\">\n Error\n \u003c/a-button>\n \u003ca-button @click=\"warning\">\n Warning\n \u003c/a-button>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1226,"content_sha256":"855346c1d509ddb92fb6cd69fc72e94a8d58e096218ff17e228da966f5866d13"},{"filename":"references/components/modal/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { ModalProps } from 'antdv-next'\nimport { computed, ref } from 'vue'\n\nconst modalOpen = ref(false)\nconst modalFnOpen = ref(false)\n\nconst lineStyle = {\n lineHeight: '28px',\n}\n\nconst classNames = computed(() => ({\n container: 'custom-modal-container',\n}))\n\nconst styles: ModalProps['styles'] = {\n mask: {\n backgroundImage: `linear-gradient(to top, #18181b 0, rgba(21, 21, 22, 0.2) 100%)`,\n },\n}\n\nconst stylesFn: ModalProps['styles'] = {\n container: {\n borderRadius: '14px',\n border: '1px solid #ccc',\n padding: '0',\n overflow: 'hidden',\n },\n header: {\n padding: '16px',\n },\n body: {\n padding: '16px',\n },\n footer: {\n padding: '16px 10px',\n backgroundColor: '#fafafa',\n },\n}\n\nconst sharedProps = computed\u003cModalProps>(() => ({\n centered: true,\n classes: classNames.value,\n}))\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"middle\">\n \u003ca-button @click=\"modalOpen = true\">\n Open Style Modal\n \u003c/a-button>\n \u003ca-button type=\"primary\" @click=\"modalFnOpen = true\">\n Open Function Modal\n \u003c/a-button>\n\n \u003ca-modal\n v-bind=\"sharedProps\"\n v-model:open=\"modalOpen\"\n :footer=\"null\"\n title=\"Custom Style Modal\"\n :styles=\"styles\"\n >\n \u003cdiv :style=\"lineStyle\">\n Following the Ant Design specification, we developed a React UI library antd that contains a\n set of high quality components and demos for building rich, interactive user interfaces.\n \u003c/div>\n \u003cdiv :style=\"lineStyle\">\n 🌈 Enterprise-class UI designed for web applications.\n \u003c/div>\n \u003cdiv :style=\"lineStyle\">\n 📦 A set of high-quality React components out of the box.\n \u003c/div>\n \u003cdiv :style=\"lineStyle\">\n 🛡 Written in TypeScript with predictable static types.\n \u003c/div>\n \u003cdiv :style=\"lineStyle\">\n ⚙️ Whole package of design resources and development tools.\n \u003c/div>\n \u003cdiv :style=\"lineStyle\">\n 🌍 Internationalization support for dozens of languages.\n \u003c/div>\n \u003cdiv :style=\"lineStyle\">\n 🎨 Powerful theme customization in every detail.\n \u003c/div>\n \u003c/a-modal>\n\n \u003ca-modal\n v-bind=\"sharedProps\"\n v-model:open=\"modalFnOpen\"\n title=\"Custom Function Modal\"\n :styles=\"stylesFn\"\n :mask=\"{ enabled: true, blur: true }\"\n >\n \u003cdiv :style=\"lineStyle\">\n Following the Ant Design specification, we developed a React UI library antd that contains a\n set of high quality components and demos for building rich, interactive user interfaces.\n \u003c/div>\n \u003cdiv :style=\"lineStyle\">\n 🌈 Enterprise-class UI designed for web applications.\n \u003c/div>\n \u003cdiv :style=\"lineStyle\">\n 📦 A set of high-quality React components out of the box.\n \u003c/div>\n \u003cdiv :style=\"lineStyle\">\n 🛡 Written in TypeScript with predictable static types.\n \u003c/div>\n \u003cdiv :style=\"lineStyle\">\n ⚙️ Whole package of design resources and development tools.\n \u003c/div>\n \u003cdiv :style=\"lineStyle\">\n 🌍 Internationalization support for dozens of languages.\n \u003c/div>\n \u003cdiv :style=\"lineStyle\">\n 🎨 Powerful theme customization in every detail.\n \u003c/div>\n \u003ctemplate #footer>\n \u003ca-button\n :style=\"{ borderColor: '#ccc', color: '#171717', backgroundColor: '#fff' }\"\n @click=\"modalFnOpen = false\"\n >\n Cancel\n \u003c/a-button>\n \u003ca-button\n type=\"primary\"\n :style=\"{ backgroundColor: '#171717' }\"\n @click=\"modalOpen = true\"\n >\n Submit\n \u003c/a-button>\n \u003c/template>\n \u003c/a-modal>\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle scoped>\n.custom-modal-container {\n border-radius: 10px;\n padding: 10px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":3853,"content_sha256":"05d2bba12ece86190e39d79a4324a14d6fc5c0353369339f7d94e3af3d63b804"},{"filename":"references/components/modal/demo/width.md","content":"# To customize the width of modal\n\n## Description (en-US)\n\nUse `width` to set the width of the modal dialog.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst open = ref(false)\nconst openResponsive = ref(false)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\" align=\"flex-start\">\n \u003ca-button type=\"primary\" @click=\"open = true\">\n Open Modal of 1000px width\n \u003c/a-button>\n \u003ca-modal\n v-model:open=\"open\"\n title=\"Modal 1000px width\"\n centered\n :width=\"1000\"\n @ok=\"open = false\"\n @cancel=\"open = false\"\n >\n \u003cp>some contents...\u003c/p>\n \u003cp>some contents...\u003c/p>\n \u003cp>some contents...\u003c/p>\n \u003c/a-modal>\n\n \u003ca-button type=\"primary\" @click=\"openResponsive = true\">\n Open Modal of responsive width\n \u003c/a-button>\n \u003ca-modal\n v-model:open=\"openResponsive\"\n title=\"Modal responsive width\"\n centered\n :width=\"{\n xs: '90%',\n sm: '80%',\n md: '70%',\n lg: '60%',\n xl: '50%',\n xxl: '40%',\n }\"\n @ok=\"openResponsive = false\"\n @cancel=\"openResponsive = false\"\n >\n \u003cp>some contents...\u003c/p>\n \u003cp>some contents...\u003c/p>\n \u003cp>some contents...\u003c/p>\n \u003c/a-modal>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1253,"content_sha256":"aa80a7cfb4ac03c5f1306bea7803f8d74d0c434c710f57f77f7d3de2546d3380"},{"filename":"references/components/modal/docs.md","content":"---\ntitle: Modal\ndescription: Display a modal dialog box, providing a title, content area, and action buttons.\n---\n\n## When To Use \nWhen requiring users to interact with the application, but without jumping to a new page and interrupting the user's workflow, you can use `Modal` to create a new floating layer over the current page to get user feedback or display information.\n\nAdditionally, if you need to show a simple confirmation dialog, you can use [`App.useApp`](../app/docs.md/) hooks.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic | demo/basic.md |\n| Asynchronously close | demo/async.md |\n| Customized Footer | demo/footer.md |\n| mask | demo/mask.md |\n| Loading | demo/loading.md |\n| Customized Footer render function | demo/footer-render.md |\n| Use hooks to get context | demo/hooks.md |\n| Internationalization | demo/locale.md |\n| Manual to update destroy | demo/manual.md |\n| To customize the position of modal | demo/position.md |\n| Customize footer buttons props | demo/button-props.md |\n| Custom modal content render | demo/modal-render.md |\n| To customize the width of modal | demo/width.md |\n| Static Method | demo/static-info.md |\n| Static confirmation | demo/confirm.md |\n| destroy confirmation modal dialog | demo/confirm-router.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Props\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| afterClose | Specify a function that will be called when modal is closed completely | () => void | - | - |\n| afterOpenChange | Callback when the animation ends when Modal is turned on and off | (open: boolean) => void | - | - |\n| cancelButtonProps | The cancel button props | ButtonProps | - | - |\n| cancelText | Text of the Cancel button | VueNode | `Cancel` | - |\n| centered | Centered Modal | boolean | false | - |\n| classes | Customize class for each semantic structure inside the Modal component. Supports object or function. | ModalClassNamesType | - | - |\n| closable | Whether a close (x) button is visible on top right or not | boolean \\| [ClosableType](#closabletype) | true | - |\n| closeIcon | Custom close icon. Close button will be hidden when setting to `null` or `false` | VueNode | <CloseOutlined /> | - |\n| confirmLoading | Whether to apply loading visual effect for OK button or not | boolean | false | - |\n| destroyOnHidden | Whether to unmount child components on close | boolean | false | - |\n| focusTriggerAfterClose | Whether need to focus trigger element after dialog is closed | boolean | true | - |\n| footer | Footer content, set as `footer={null}` when you don't need default buttons | VueNode \\| (params: { originNode: VueNode, extra: { OkBtn: any, CancelBtn: any } }) => any | (OK and Cancel buttons) | - |\n| forceRender | Force render Modal | boolean | false | - |\n| focusable | Configuration for focus management in the Modal | `{ trap?: boolean, focusTriggerAfterClose?: boolean }` | - | - |\n| getContainer | The mounted node for Modal but still display at fullscreen | string \\| HTMLElement \\| (() => HTMLElement) \\| false | document.body | - |\n| keyboard | Whether support press esc to close | boolean | true | - |\n| loading | Show the skeleton | boolean | false | - |\n| mask | Mask effect | boolean \\| `{enabled?: boolean, blur?: boolean, closable?: boolean}` | true | mask.closable: 1.0.3 |\n| ~~maskClosable~~ | Whether to close the modal dialog when the mask (area outside the modal) is clicked | boolean | true | |\n| modalRender | Custom modal content render | (node: any) => any | - | - |\n| mousePosition | Set animation start position | MousePosition | - | - |\n| okButtonProps | The ok button props | ButtonProps | - | - |\n| okText | Text of the OK button | VueNode | `OK` | - |\n| okType | Button `type` of the OK button | LegacyButtonType | `primary` | - |\n| open | Whether the modal dialog is visible or not, support `v-model:open` | boolean | false | - |\n| rootClass | Root container class | string | - | - |\n| rootStyle | Root container style | CSSProperties | - | - |\n| styles | Customize inline style for each semantic structure inside the Modal component. Supports object or function. | ModalStylesType | - | - |\n| title | The modal dialog's title | VueNode | - | - |\n| transitionName | Transition name of dialog | string | - | - |\n| maskTransitionName | Transition name of mask | string | - | - |\n| width | Width of the modal dialog | string \\| number \\| Partial\u003cRecord\u003cBreakpoint, string \\| number>> | 520 | - |\n| wrapClassName | The class name of the container of the modal dialog | string | - | - |\n| wrapProps | Wrapper element props | Record\u003cstring, any> | - | - |\n| zIndex | The `z-index` of the Modal | number | 1000 | - |\n\n### Events \n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| ok | Callback when the OK button is clicked | (e: MouseEvent) => void | - |\n| cancel | Callback when the mask, close button or Cancel button is clicked | (e: MouseEvent) => void | - |\n\n### Slots \n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| default | Modal content | () => any | - |\n| title | Title | () => any | - |\n| footer | Footer content | (params: { originNode: VueNode, extra: { OkBtn: any, CancelBtn: any } }) => any | - |\n| okText | OK button text | () => any | - |\n| cancelText | Cancel button text | () => any | - |\n| closeIcon | Custom close icon | () => any | - |\n| modalRender | Custom modal content render | (node: any) => any | - |\n\n### Note\n\n- The state of Modal will be preserved at its component lifecycle by default, if you wish to open it with a brand new state every time, set `destroyOnHidden` on it.\n- If you use Form in Modal, and need to clear fields when closing, set `\u003ca-form :preserve=\"false\" />`.\n- `Modal.method()` RTL mode only supports hooks usage.\n\n### Modal.method() \nThere are five ways to display the information based on the content's nature:\n\n- `Modal.info`\n- `Modal.success`\n- `Modal.error`\n- `Modal.warning`\n- `Modal.confirm`\n\nThe items listed above are all functions, expecting a settings object as parameter. The properties of the object are follows:\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| afterClose | Specify a function that will be called when modal is closed completely | () => void | - | - |\n| autoFocusButton | Specify which button to autofocus | null \\| `ok` \\| `cancel` | `ok` | - |\n| cancelButtonProps | The cancel button props | ButtonProps | - | - |\n| cancelText | Text of the Cancel button with Modal.confirm | string | `Cancel` | - |\n| centered | Centered Modal | boolean | false | - |\n| class | Container class | string | - | - |\n| rootClass | Root container class | string | - | - |\n| closable | Whether a close (x) button is visible on top right of the confirm dialog or not | boolean \\| [ClosableType](#closabletype) | false | - |\n| closeIcon | Custom close icon | VueNode | - | - |\n| content | Content | VueNode | - | - |\n| footer | Footer content, set as `footer: null` when you don't need default buttons | VueNode \\| (params: { originNode: VueNode, extra: { OkBtn: any, CancelBtn: any } }) => any | - | - |\n| getContainer | Return the mount node for Modal | string \\| HTMLElement \\| (() => HTMLElement) \\| false | document.body | - |\n| icon | Custom icon | VueNode | <ExclamationCircleFilled /> | - |\n| keyboard | Whether support press esc to close | boolean | true | - |\n| mask | Mask effect | boolean \\| [MaskType](#masktype) | true | - |\n| maskClosable | Whether to close the modal dialog when the mask is clicked | boolean | false | - |\n| okButtonProps | The ok button props | ButtonProps | - | - |\n| okText | Text of the OK button | string | `OK` | - |\n| okType | Button `type` of the OK button | LegacyButtonType | `primary` | - |\n| style | Style of floating layer, typically used at least for adjusting the position | CSSProperties | - | - |\n| title | Title | VueNode | - | - |\n| type | Dialog type | `info` \\| `success` \\| `error` \\| `warn` \\| `warning` \\| `confirm` | `confirm` | - |\n| width | Width of the modal dialog | string \\| number | 416 | - |\n| wrapClassName | The class name of the container of the modal dialog | string | - | - |\n| zIndex | The `z-index` of the Modal | number | 1000 | - |\n| onCancel | Click to onCancel callback, the parameter is the closing function | (close?: () => void) => void | - | - |\n| onOk | Click to onOk callback, the parameter is the closing function | (close?: () => void) => void | - | - |\n\nAll the `Modal.method`s will return a reference, and then we can update and close the modal dialog by the reference.\n\n### ClosableType \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| afterClose | Specify a function that will be called when modal is closed completely | () => void | - | - |\n| closeIcon | Custom close icon | VueNode | undefined | - |\n| disabled | Whether disabled close icon | boolean | false | - |\n| onClose | Trigger when modal close | () => void | undefined | - |\n\n### MaskType \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| enabled | Do you want to enable masking | boolean | true | - |\n| blur | Whether to enable virtualization effect | boolean | false | - |\n| closable | Whether to close the modal dialog when the mask is clicked, When using functional calls, the default value is `false` | boolean | true | - |\n\n```ts\nconst modal = Modal.info()\n\nmodal.update({\n title: 'Updated title',\n content: 'Updated content',\n})\n\nmodal.update(prevConfig => ({\n ...prevConfig,\n title: `${prevConfig.title} (New)`,\n}))\n\nmodal.destroy()\n```\n\n- `Modal.destroyAll`\n\n`Modal.destroyAll()` could destroy all confirmation modal dialogs. Usually, you can use it in router change event to destroy confirm modal dialog automatically.\n\n### Modal.useModal() \nWhen you need using Context, you can use `contextHolder` which created by `Modal.useModal` to insert into children. Modal created by hooks will get all the context where `contextHolder` are. Created `modal` has the same creating function with `Modal.method`.\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { Modal } from 'antdv-next'\nimport { onMounted } from 'vue'\n\nconst [modal, ContextHolder] = Modal.useModal()\n\nonMounted(() => {\n modal.confirm({\n title: 'Confirm',\n content: 'content',\n })\n})\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n\u003c/template>\n```\n\n`modal.confirm` return method:\n\n- `destroy`: Destroy current modal\n- `update`: Update current modal\n- `then`: (Hooks only) Promise chain call, support `await` operation\n\n```ts\nconst confirmed = await modal.confirm({ ... })\n```\n\n## Semantic DOM\n\n| _semantic | demo/_semantic.md |\n\n## FAQ\n\n### Why content not update when Modal closed? \nModal will use memo to avoid content jumping when closed. Also, if you use Form in Modal, you can reset `initialValues` by calling `resetFields` in effect.\n\n### Why I can not access context in Modal.xxx? \nModal static methods create an instance without context connection. When you need context info (like ConfigProvider context), you can use `Modal.useModal` to get `modal` instance and `contextHolder` node.\n\nIf you still need to use `Modal.xxx` static methods and want them to read `locale`, `theme`, or other ConfigProvider settings, configure a global `holderRender` once:\n\n```ts\nimport { App, ConfigProvider } from 'antdv-next'\nimport { h } from 'vue'\nimport zhCN from 'antdv-next/locale/zh_CN'\n\nConfigProvider.config({\n holderRender: children =>\n h(ConfigProvider, { locale: zhCN }, {\n default: () => h(App, null, () => children),\n }),\n})\n```\n\nThen `Modal.confirm`, `Modal.info` and other static methods will render with that wrapped context.\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":11730,"content_sha256":"061c379d75acabd54b427e4c04dd297054e87d0195c9d6ea593f1bbffbb65b14"},{"filename":"references/components/modal/token.md","content":"# modal Token\n\nUse these variables through `theme.components.Modal`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Modal: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `headerBg` | `string` | Background color of header |\n| `titleLineHeight` | `string \\| number` | Line height of title |\n| `titleFontSize` | `string \\| number` | Font size of title |\n| `titleColor` | `string` | Font color of title |\n| `contentBg` | `string` | Background color of content |\n| `footerBg` | `string` | Background color of footer |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":758,"content_sha256":"3ae77e8376485539c1ad098546221edaa2bf78a45b3a57c391844245d4973458"},{"filename":"references/components/notification/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { Button, notification } from 'antdv-next'\nimport { computed, h } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { _InternalListDoNotUseOrYouWillBeFired: InternalList } = notification\n\nconst { t } = useComponentLocale(locales)\n\nconst previewListStyle = {\n position: 'relative',\n inset: 'auto',\n width: '432px',\n maxWidth: '100%',\n height: 'auto',\n padding: '24px',\n transform: 'none',\n} as const\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root'), version: '1.0.0' },\n { name: 'wrapper', desc: t('wrapper'), version: '1.3.0' },\n { name: 'icon', desc: t('icon'), version: '1.0.0' },\n { name: 'section', desc: t('section'), version: '1.3.0' },\n { name: 'title', desc: t('title'), version: '1.0.0' },\n { name: 'description', desc: t('description'), version: '1.0.0' },\n { name: 'close', desc: t('close'), version: '1.3.0' },\n { name: 'actions', desc: t('actions'), version: '1.0.0' },\n { name: 'progress', desc: t('progress'), version: '1.3.0' },\n { name: 'list', desc: t('list'), version: '1.3.0' },\n { name: 'listContent', desc: t('listContent'), version: '1.3.0' },\n])\n\nconst items = computed(() => [\n {\n key: 'semantic-notification-1',\n title: 'Hello World!',\n description: 'Hello World?',\n type: 'success' as const,\n duration: false as const,\n actions: h(Button, { type: 'primary', size: 'small' }, () => 'My Button'),\n },\n {\n key: 'semantic-notification-2',\n title: 'Welcome back!',\n description: 'This is another notification.',\n type: 'info' as const,\n duration: 999999,\n showProgress: true,\n },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Notification\"\n :height=\"320\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003cInternalList\n placement=\"topRight\"\n :style=\"previewListStyle\"\n :items=\"items\"\n :classes=\"classes\"\n />\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2126,"content_sha256":"34aaf94e7ea08282012d0fcefc9d204e5736ede5e90caaa120b5557b7b0f9353"},{"filename":"references/components/notification/demo/basic.md","content":"# Static method (deprecated)\n\n## Description (en-US)\n\nStatic methods cannot consume Context provided by `ConfigProvider`. When enable `layer`, they may also cause style errors. Please use hooks version or `App` provided instance first.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { notification } from 'antdv-next'\n\nfunction openNotification() {\n notification.open({\n title: 'Notification Title',\n description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n onClick: () => {\n console.log('Notification Clicked!')\n },\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-button type=\"primary\" @click=\"openNotification\">\n Open the notification box\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":765,"content_sha256":"91ad002fc8e3e8fdc5fa93d504b7a442d09d95774cd034e19f6a990257d8ecdf"},{"filename":"references/components/notification/demo/custom-icon.md","content":"# Customized icon\n\n## Description (en-US)\n\nThe icon can be customized to any VueNode.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { SmileOutlined } from '@antdv-next/icons'\nimport { notification } from 'antdv-next'\nimport { h } from 'vue'\n\nconst [api, ContextHolder] = notification.useNotification()\n\nfunction openNotification() {\n api.open({\n title: 'Notification Title',\n description:\n 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n icon: h(SmileOutlined, { style: { color: '#108ee9' } }),\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-button type=\"primary\" @click=\"openNotification\">\n Open the notification box\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":757,"content_sha256":"ba223451863eb9f006185bba34c4849808cd1873748d2c62f1e26c719b1704ba"},{"filename":"references/components/notification/demo/custom-style.md","content":"# Customized style\n\n## Description (en-US)\n\nThe style and class are available to customize Notification.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { notification } from 'antdv-next'\n\nconst [api, ContextHolder] = notification.useNotification()\n\nfunction openNotification() {\n api.open({\n title: 'Notification Title',\n description:\n 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n class: 'custom-class',\n style: {\n width: '600px',\n },\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-button type=\"primary\" @click=\"openNotification\">\n Open the notification box\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":710,"content_sha256":"c8503c917431edb60d0ad1c60a44ac9b9c491f40f444932b0821254343579207"},{"filename":"references/components/notification/demo/duration.md","content":"# Duration after which the notification box is closed\n\n## Description (en-US)\n\n`Duration` can be used to specify how long the notification stays open. After the duration time elapses, the notification closes automatically. If not specified, default value is 4.5 seconds. If you set the value to 0, the notification box will never close automatically.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { notification } from 'antdv-next'\n\nconst [api, ContextHolder] = notification.useNotification()\n\nfunction openNotification() {\n api.open({\n title: 'Notification Title',\n description:\n 'I will never close automatically. This is a purposely very very long description that has many many characters and words.',\n duration: 0,\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-button type=\"primary\" @click=\"openNotification\">\n Open the notification box\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":903,"content_sha256":"5ab954cd9ba54414dbd714f6604ec2464f78eeee2f29e9a25d5e0aeb70d1f972"},{"filename":"references/components/notification/demo/hooks.md","content":"# Hooks usage (recommended)\n\n## Description (en-US)\n\nUse `notification.useNotification` to get `contextHolder` with context accessible issue. Please note that, we recommend to use top level registration instead of `notification` static method, because static method cannot consume context, and ConfigProvider data will not work.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport {\n RadiusBottomleftOutlined,\n RadiusBottomrightOutlined,\n RadiusUpleftOutlined,\n RadiusUprightOutlined,\n} from '@antdv-next/icons'\nimport { notification } from 'antdv-next'\nimport { defineComponent, h, inject, provide, reactive } from 'vue'\n\nconst ContextKey = Symbol('notification-context')\nconst contextValue = reactive({ name: 'Antdv Next' })\n\nprovide(ContextKey, contextValue)\n\nconst ContextText = defineComponent(() => {\n const context = inject(ContextKey, { name: 'Default' }) as { name: string }\n return () => `Hello, ${context.name}!`\n})\n\nconst [api, ContextHolder] = notification.useNotification()\n\n// eslint-disable-next-line unused-imports/no-unused-vars\nconst placements = ['topLeft', 'topRight', 'bottomLeft', 'bottomRight'] as const\n\ntype NotificationPlacement = (typeof placements)[number]\n\nfunction openNotification(placement: NotificationPlacement) {\n api.info({\n title: `Notification ${placement}`,\n description: h(ContextText),\n placement,\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-space>\n \u003ca-button type=\"primary\" @click=\"openNotification('topLeft')\">\n \u003ctemplate #icon>\n \u003cRadiusUpleftOutlined />\n \u003c/template>\n topLeft\n \u003c/a-button>\n \u003ca-button type=\"primary\" @click=\"openNotification('topRight')\">\n \u003ctemplate #icon>\n \u003cRadiusUprightOutlined />\n \u003c/template>\n topRight\n \u003c/a-button>\n \u003c/a-space>\n \u003ca-divider />\n \u003ca-space>\n \u003ca-button type=\"primary\" @click=\"openNotification('bottomLeft')\">\n \u003ctemplate #icon>\n \u003cRadiusBottomleftOutlined />\n \u003c/template>\n bottomLeft\n \u003c/a-button>\n \u003ca-button type=\"primary\" @click=\"openNotification('bottomRight')\">\n \u003ctemplate #icon>\n \u003cRadiusBottomrightOutlined />\n \u003c/template>\n bottomRight\n \u003c/a-button>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2196,"content_sha256":"387973ee610e0059e782b74d548c2941f98939e381377bb4b9d330438c1172f5"},{"filename":"references/components/notification/demo/placement.md","content":"# Placement\n\n## Description (en-US)\n\nA notification box can appear from the `top` `bottom` `topLeft` `topRight` `bottomLeft` or `bottomRight` of the viewport via `placement`.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { BorderBottomOutlined, BorderTopOutlined, RadiusBottomleftOutlined, RadiusBottomrightOutlined, RadiusUpleftOutlined, RadiusUprightOutlined } from '@antdv-next/icons'\nimport { notification } from 'antdv-next'\n\nconst [api, ContextHolder] = notification.useNotification()\n\nfunction openNotification(placement: string) {\n api.info({\n title: `Notification ${placement}`,\n description: 'This is the content of the notification.',\n placement: placement as any,\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-space>\n \u003ca-button type=\"primary\" @click=\"openNotification('top')\">\n \u003ctemplate #icon>\n \u003cBorderTopOutlined />\n \u003c/template>\n top\n \u003c/a-button>\n \u003ca-button type=\"primary\" @click=\"openNotification('bottom')\">\n \u003ctemplate #icon>\n \u003cBorderBottomOutlined />\n \u003c/template>\n bottom\n \u003c/a-button>\n \u003c/a-space>\n \u003ca-divider />\n \u003ca-space>\n \u003ca-button type=\"primary\" @click=\"openNotification('topLeft')\">\n \u003ctemplate #icon>\n \u003cRadiusUpleftOutlined />\n \u003c/template>\n topLeft\n \u003c/a-button>\n \u003ca-button type=\"primary\" @click=\"openNotification('topRight')\">\n \u003ctemplate #icon>\n \u003cRadiusUprightOutlined />\n \u003c/template>\n topRight\n \u003c/a-button>\n \u003c/a-space>\n \u003ca-divider />\n \u003ca-space>\n \u003ca-button type=\"primary\" @click=\"openNotification('bottomLeft')\">\n \u003ctemplate #icon>\n \u003cRadiusBottomleftOutlined />\n \u003c/template>\n bottomLeft\n \u003c/a-button>\n \u003ca-button type=\"primary\" @click=\"openNotification('bottomRight')\">\n \u003ctemplate #icon>\n \u003cRadiusBottomrightOutlined />\n \u003c/template>\n bottomRight\n \u003c/a-button>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1902,"content_sha256":"c38ee45738df6e54d3d9eff161a43f8251d51c2c9e17b83776d5b32e9bf1f461"},{"filename":"references/components/notification/demo/progress-color.md","content":"# Customize progress bar color\n\n## Description (en-US)\n\nCustomize the progress bar color by configuring the component token.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { notification } from 'antdv-next'\n\nconst COLOR_BG = 'linear-gradient(135deg, #6253e1, #04befe)'\n\nconst [api, ContextHolder] = notification.useNotification()\n\nfunction openNotification() {\n api.open({\n title: 'Customize progress bar color',\n description: 'You can use component token to customize the progress bar color',\n showProgress: true,\n duration: 20,\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-config-provider\n :theme=\"{\n components: {\n Notification: {\n progressBg: COLOR_BG,\n },\n },\n }\"\n >\n \u003cContextHolder />\n \u003ca-button class=\"linear-gradient-button\" type=\"primary\" @click=\"openNotification\">\n Show custom progress color\n \u003c/a-button>\n \u003c/a-config-provider>\n\u003c/template>\n\n\u003cstyle>\n.linear-gradient-button {\n background: linear-gradient(135deg, #6253e1, #04befe);\n border-color: transparent;\n}\n\n.linear-gradient-button:hover {\n background: linear-gradient(135deg, #6f60e8, #2fc9ff);\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1139,"content_sha256":"36922e642bcf9b5c335148609d2b360420d22d62b7697367d244663c02073a4e"},{"filename":"references/components/notification/demo/show-with-progress.md","content":"# Show with progress\n\n## Description (en-US)\n\nShow progress bar for auto-closing notification.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { notification } from 'antdv-next'\n\nconst [api, ContextHolder] = notification.useNotification()\n\nfunction openNotification(pauseOnHover: boolean) {\n api.open({\n title: 'Notification Title',\n description:\n 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n showProgress: true,\n pauseOnHover,\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-space>\n \u003ca-button type=\"primary\" @click=\"openNotification(true)\">\n Pause on hover\n \u003c/a-button>\n \u003ca-button type=\"primary\" @click=\"openNotification(false)\">\n Don't pause on hover\n \u003c/a-button>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":828,"content_sha256":"bb1e7283a1765787e6fc8b04be70105bd4639a06c2371f59db1fecd5be19e89b"},{"filename":"references/components/notification/demo/stack.md","content":"# Stack\n\n## Description (en-US)\n\nStack configuration, enabled by default. More than 3 notifications will be automatically stacked, and could be changed by `threshold`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { notification } from 'antdv-next'\nimport { computed, ref } from 'vue'\n\nconst enabled = ref(true)\nconst threshold = ref(3)\n\nconst notificationConfig = computed(() => {\n return {\n stack: enabled.value\n ? {\n threshold: threshold.value,\n }\n : false,\n }\n})\n\nconst [api, ContextHolder] = notification.useNotification(notificationConfig)\n\nfunction openNotification() {\n api.open({\n title: 'Notification Title',\n description: Array.from(\n { length: Math.round(Math.random() * 5) + 1 },\n () => 'This is the content of the notification.',\n ).join('\\n'),\n duration: false,\n })\n}\n\nfunction toggleEnabled(value: boolean) {\n enabled.value = value\n}\n\nfunction updateThreshold(value: number | null) {\n threshold.value = value || 1\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-space size=\"large\">\n \u003ca-space :style=\"{ width: '100%' }\">\n \u003cspan>Enabled:\u003c/span>\n \u003ca-switch :checked=\"enabled\" @change=\"toggleEnabled\" />\n \u003c/a-space>\n \u003ca-space :style=\"{ width: '100%' }\">\n \u003cspan>Threshold:\u003c/span>\n \u003ca-input-number\n :value=\"threshold\"\n :min=\"1\"\n :max=\"10\"\n :step=\"1\"\n :disabled=\"!enabled\"\n @change=\"updateThreshold\"\n />\n \u003c/a-space>\n \u003c/a-space>\n \u003ca-divider />\n \u003ca-button type=\"primary\" @click=\"openNotification\">\n Open the notification box\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1610,"content_sha256":"504d117ce30c97dd1adbe416512e0265c16fa597f063a5657407b30b10b55c3d"},{"filename":"references/components/notification/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { CSSProperties } from 'vue'\nimport { notification } from 'antdv-next'\n\nconst [api, ContextHolder] = notification.useNotification()\n\nconst defaultStyles: Record\u003cstring, CSSProperties> = {\n root: {\n backgroundColor: '#f6ffed',\n border: '2px solid #95de64',\n borderRadius: '16px',\n boxShadow: '4px 4px 0 #d9f7be',\n },\n icon: {\n color: '#237804',\n },\n title: {\n color: '#237804',\n fontWeight: 600,\n },\n description: {\n color: '#3f6600',\n },\n}\n\nfunction styleFn(info: { props: any }): Record\u003cstring, CSSProperties> {\n if (info.props.type === 'error') {\n return {\n ...defaultStyles,\n root: {\n ...defaultStyles.root,\n backgroundColor: '#fff2f0',\n borderColor: '#ffccc7',\n boxShadow: '4px 4px 0 #ffccc7',\n },\n icon: {\n color: '#cf1322',\n },\n title: {\n color: '#cf1322',\n },\n description: {\n color: '#5c0011',\n },\n }\n }\n return defaultStyles\n}\n\nconst sharedProps = {\n title: 'Notification Title',\n description: 'This is a notification description.',\n duration: false as const,\n}\n\nfunction openDefault() {\n api.info({\n ...sharedProps,\n styles: defaultStyles,\n })\n}\n\nfunction openError() {\n api.error({\n ...sharedProps,\n type: 'error',\n styles: styleFn as any,\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-space>\n \u003ca-button type=\"primary\" @click=\"openDefault\">\n Default Notification\n \u003c/a-button>\n \u003ca-button @click=\"openError\">\n Error Notification\n \u003c/a-button>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1676,"content_sha256":"270091f545b9f42b8ad7f2ef04b3f1b248cd8720bbca8ece612fd86dfe3bec30"},{"filename":"references/components/notification/demo/update.md","content":"# Update message content\n\n## Description (en-US)\n\nUpdate content with a unique key.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { notification } from 'antdv-next'\n\nconst key = 'updatable'\n\nconst [api, ContextHolder] = notification.useNotification()\n\nfunction openNotification() {\n api.open({\n key,\n title: 'Notification Title',\n description: 'description.',\n })\n\n setTimeout(() => {\n api.open({\n key,\n title: 'New Title',\n description: 'New description.',\n })\n }, 1000)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-button type=\"primary\" @click=\"openNotification\">\n Open the notification box\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":669,"content_sha256":"cbe0e54ae0381467975833c069f0f4ef67273634f059619ca1ba015357e0b941"},{"filename":"references/components/notification/demo/with-btn.md","content":"# Custom close button\n\n## Description (en-US)\n\nTo customize the style or font of the close button.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { Button, notification, Space } from 'antdv-next'\nimport { h } from 'vue'\n\nconst [api, ContextHolder] = notification.useNotification()\n\nfunction close() {\n console.log('Notification was closed. Either the close button was clicked or duration time elapsed.')\n}\n\nfunction openNotification() {\n const key = `open${Date.now()}`\n const actions = h(\n Space,\n { size: 8 },\n () => [\n h(\n Button,\n {\n type: 'link',\n size: 'small',\n onClick: () => api.destroy(),\n },\n { default: () => 'Destroy All' },\n ),\n h(\n Button,\n {\n type: 'primary',\n size: 'small',\n onClick: () => api.destroy(key),\n },\n { default: () => 'Confirm' },\n ),\n ],\n )\n\n api.open({\n title: 'Notification Title',\n description:\n 'A function will be be called after the notification is closed (automatically after the \"duration\" time of manually).',\n key,\n onClose: close,\n actions,\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-button type=\"primary\" @click=\"openNotification\">\n Open the notification box\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1317,"content_sha256":"dc8d7010013f1ffe7137ffbe9f3542cd025b1cfef842d2a5953bea02b76faf98"},{"filename":"references/components/notification/demo/with-icon.md","content":"# Notification with icon\n\n## Description (en-US)\n\nA notification box with a icon at the left side.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { notification } from 'antdv-next'\n\nconst [api, ContextHolder] = notification.useNotification()\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error'\n\nfunction openNotificationWithIcon(type: NotificationType) {\n api[type]({\n title: 'Notification Title',\n description:\n 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-flex gap=\"8\" wrap=\"wrap\">\n \u003ca-button color=\"green\" variant=\"outlined\" @click=\"openNotificationWithIcon('success')\">\n Success\n \u003c/a-button>\n \u003ca-button color=\"blue\" variant=\"outlined\" @click=\"openNotificationWithIcon('info')\">\n Info\n \u003c/a-button>\n \u003ca-button color=\"yellow\" variant=\"outlined\" @click=\"openNotificationWithIcon('warning')\">\n Warning\n \u003c/a-button>\n \u003ca-button color=\"red\" variant=\"outlined\" @click=\"openNotificationWithIcon('error')\">\n Error\n \u003c/a-button>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1157,"content_sha256":"25376b234ce4aac1ac07cce8a6bc1ea3688da7ffd382bb365b69a18bd9d3ad7e"},{"filename":"references/components/notification/docs.md","content":"---\ntitle: Notification\ndescription: Prompt notification message globally.\n---\n\n## When To Use \nTo display a notification message at any of the four corners of the viewport. Typically it can be used in the following cases:\n\n- A notification with complex content.\n- A notification providing a feedback based on the user interaction. Or it may show some details about upcoming steps the user may have to follow.\n- A notification that is pushed by the application.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Hooks usage (recommended) | demo/hooks.md |\n| Duration after which the notification box is closed | demo/duration.md |\n| Notification with icon | demo/with-icon.md |\n| Custom close button | demo/with-btn.md |\n| Customized icon | demo/custom-icon.md |\n| Placement | demo/placement.md |\n| Customized style | demo/custom-style.md |\n| Update message content | demo/update.md |\n| Stack | demo/stack.md |\n| Show with progress | demo/show-with-progress.md |\n| Static method (deprecated) | demo/basic.md |\n| Customize progress bar color | demo/progress-color.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Static Methods \n- `notification.success(config)`\n- `notification.error(config)`\n- `notification.info(config)`\n- `notification.warning(config)`\n- `notification.open(config)`\n- `notification.destroy(key?: Key)`\n- `notification.config(options)`\n- `notification.useNotification(config)`\n\n### ArgsProps \nThe properties of `config` are as follows:\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| title | The title of notification box | VueNode | - | - |\n| description | The content of notification box | VueNode | - | - |\n| actions | Customized button group | VueNode | - | - |\n| key | The unique identifier of the Notification | Key | - | - |\n| duration | Time in seconds before Notification is closed. When set to `0` or `false`, it will never be closed automatically | number \\| false | 4.5 | - |\n| showProgress | Show progress bar for auto-closing notification | boolean | - | - |\n| pauseOnHover | Keep the timer running or not on hover | boolean | true | - |\n| icon | Customized icon | VueNode | - | - |\n| placement | Position of Notification, can be one of `top` \\| `topLeft` \\| `topRight` \\| `bottom` \\| `bottomLeft` \\| `bottomRight` | NotificationPlacement | `topRight` | - |\n| class | Customized CSS class | string | - | - |\n| style | Customized inline style | CSSProperties | - | - |\n| classes | Customize class for each semantic structure inside the component. Supports object or function. | NotificationClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | NotificationStylesType | - | - |\n| type | Notification type | IconType | - | - |\n| onClick | Specify a function that will be called when the notification is clicked | () => void | - | - |\n| onClose | Trigger when notification closed | () => void | - | - |\n| closeIcon | Custom close icon. Set to null or false to hide close button | VueNode | true | - |\n| closable | Whether to show close button | boolean \\| ClosableType | true | - |\n| props | Props passed to the notification `div`, supports `data-testid`, `aria-*`, or `role` | DivProps | - | - |\n| role | The semantics of notification content recognized by screen readers | 'alert' \\| 'status' | `alert` | - |\n\n### notification.useNotification \nThe properties of `config` are as follows:\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| top | Distance from the top of the viewport, when `placement` is `top` `topRight` or `topLeft` (unit: pixels) | number | 24 | - |\n| bottom | Distance from the bottom of the viewport, when `placement` is `bottom` `bottomRight` or `bottomLeft` (unit: pixels) | number | 24 | - |\n| placement | Position of Notification, can be one of `top` \\| `topLeft` \\| `topRight` \\| `bottom` \\| `bottomLeft` \\| `bottomRight` | NotificationPlacement | `topRight` | - |\n| getContainer | Return the mount node for Notification | () => HTMLElement \\| ShadowRoot | () => document.body | - |\n| duration | Time in seconds before Notification is closed. When set to `0` or `false`, it will never be closed automatically | number \\| false | 4.5 | - |\n| maxCount | Max Notification show, drop oldest if exceed limit | number | - | - |\n| rtl | Whether to enable RTL mode | boolean | false | - |\n| stack | Notifications will be stacked when amount is over threshold | boolean \\| { threshold?: number } | { threshold: 3 } | - |\n| showProgress | Show progress bar for auto-closing notification | boolean | - | - |\n| pauseOnHover | Keep the timer running or not on hover | boolean | true | - |\n| closeIcon | Custom close icon. Set to null or false to hide close button | VueNode | true | - |\n| prefixCls | - | string | `ant-notification` | - |\n| classes | Customize class for each semantic structure inside the component. Supports object or function. | NotificationClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | NotificationStylesType | - | - |\n\n### ClosableType \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| closeIcon | Custom close icon | VueNode | - | - |\n| onClose | Trigger when notification close | () => void | - | - |\n| disabled | Whether the close button is disabled | boolean | - | - |\n\n### Global configuration \n`notification.config(options)`\n\n```js\nnotification.config({\n placement: 'bottomRight',\n bottom: 50,\n duration: 3,\n rtl: true,\n})\n```\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| top | Distance from the top of the viewport, when `placement` is `top` `topRight` or `topLeft` (unit: pixels) | number | 24 | - |\n| bottom | Distance from the bottom of the viewport, when `placement` is `bottom` `bottomRight` or `bottomLeft` (unit: pixels) | number | 24 | - |\n| duration | Time in seconds before Notification is closed. When set to `0` or `false`, it will never be closed automatically | number \\| false | 4.5 | - |\n| showProgress | Show progress bar for auto-closing notification | boolean | - | - |\n| pauseOnHover | Keep the timer running or not on hover | boolean | true | - |\n| prefixCls | - | string | `ant-notification` | - |\n| getContainer | Return the mount node for Notification | () => HTMLElement \\| ShadowRoot | () => document.body | - |\n| placement | Position of Notification, can be one of `top` \\| `topLeft` \\| `topRight` \\| `bottom` \\| `bottomLeft` \\| `bottomRight` | NotificationPlacement | `topRight` | - |\n| closeIcon | Custom close icon. Set to null or false to hide close button | VueNode | true | - |\n| closable | Whether to show close button | ClosableType | - | - |\n| rtl | Whether to enable RTL mode | boolean | false | - |\n| maxCount | Max Notification show, drop oldest if exceed limit | number | - | - |\n| props | Props passed to the notification `div`, supports `data-testid`, `aria-*`, or `role` | DivProps | - | - |\n\n## Semantic DOM\n\n| _semantic | demo/_semantic.md |\n\n## FAQ\n\n### Why I can not access context, ConfigProvider `locale/prefixCls/theme` in notification? \nCalling `notification` methods will render a new instance which does not inherit the current context. When you need context info, use `notification.useNotification` to get `api` and `ContextHolder`, then render it inside your component tree:\n\n```vue\n\u003cscript setup>\nimport { notification } from 'antdv-next'\n\nconst [api, ContextHolder] = notification.useNotification()\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n\u003c/template>\n```\n\n**Note:** You must insert `ContextHolder` into your children with hooks. You can use static methods if you do not need context connection.\n\n> [App Package Component](../app/docs.md) can be used to simplify `useNotification` and other methods that need to manually implant ContextHolder.\n\nIf you still need to use static methods and want them to read `locale`, `theme`, or other ConfigProvider settings, configure a global `holderRender` once:\n\n```ts\nimport { App, ConfigProvider } from 'antdv-next'\nimport { h } from 'vue'\nimport zhCN from 'antdv-next/locale/zh_CN'\n\nConfigProvider.config({\n holderRender: children =>\n h(ConfigProvider, { locale: zhCN }, {\n default: () => h(App, null, () => children),\n }),\n})\n```\n\nThen `notification.open`, `notification.success` and other static methods will render with that wrapped context.\n\n### How to set static methods prefixCls? \nYou can config with [`ConfigProvider.config`](../config-provider/docs.md#configproviderconfig-4130).\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":8740,"content_sha256":"79fb624cfed1b419ba1b0b536382a5a140bab3a95a6ce4bbc2b7f0f605e5ac2d"},{"filename":"references/components/notification/token.md","content":"# notification Token\n\nUse these variables through `theme.components.Notification`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Notification: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `zIndexPopup` | `number` | z-index of Notification |\n| `width` | `string \\| number` | Width of Notification |\n| `progressBg` | `string` | Background color of Notification progress bar |\n| `colorSuccessBg` | `string \\| undefined` | Background color of success notification container |\n| `colorErrorBg` | `string \\| undefined` | Background color of error notification container |\n| `colorInfoBg` | `string \\| undefined` | Background color of info notification container |\n| `colorWarningBg` | `string \\| undefined` | Background color of warning notification container |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1004,"content_sha256":"ac562a89997f6a58a6fdbc57a64003ff4ab43ae51a893bc8af710c7c576845a4"},{"filename":"references/components/overview/docs.md","content":"---\ntitle: Components Overview\n---\n\n`antd` provides plenty of UI components to enrich your web applications, and we will improve components experience consistently.\n\n\u003cComponentOverview>\u003c/ComponentOverview>\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":206,"content_sha256":"ada02bcc5a76ce67b43b4b2cf381c79cdbaa336b01e47af45bbee5b9250494de"},{"filename":"references/components/pagination/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root'), version: '1.0.0' },\n { name: 'item', desc: t('item'), version: '1.0.0' },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Pagination\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003ca-pagination :default-current=\"1\" :total=\"50\" :classes=\"classes\" />\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":704,"content_sha256":"a2456bb666fb7350865be2f10081fd004177762d3d6e3433916c98f12e2389d2"},{"filename":"references/components/pagination/demo/align.md","content":"# Align\n\n## Description (en-US)\n\nSet pagination alignment with `align`.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-space direction=\"vertical\" size=\"middle\" style=\"width: 100%\">\n \u003ca-pagination align=\"start\" :default-current=\"1\" :total=\"50\" />\n \u003ca-pagination align=\"center\" :default-current=\"1\" :total=\"50\" />\n \u003ca-pagination align=\"end\" :default-current=\"1\" :total=\"50\" />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":401,"content_sha256":"27368b38e44602561efda80c92a4857566152705afaa192391bf169e7ec58df4"},{"filename":"references/components/pagination/demo/all.md","content":"# Show All\n\n## Description (en-US)\n\nShow all configured prop.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { PaginationProps } from 'antdv-next'\n\nconst showTotal: PaginationProps['showTotal'] = total => `Total ${total} items`\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-pagination\n :total=\"85\"\n show-size-changer\n show-quick-jumper\n :show-total=\"showTotal\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":384,"content_sha256":"478eeb8809bd88ea0698d15e41aae8fa9a5e4f6ea5a0c4d297664777c50870f8"},{"filename":"references/components/pagination/demo/basic.md","content":"# Basic\n\n## Description (en-US)\n\nBasic pagination.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-pagination :default-current=\"1\" :total=\"50\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":149,"content_sha256":"ba61b7794c77aaa139410ea4072f656e78894c803c0e1cef9d4c82665deb9f3b"},{"filename":"references/components/pagination/demo/changer.md","content":"# Changer\n\n## Description (en-US)\n\nChange `pageSize`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { PaginationEmits } from 'antdv-next'\n\nconst handleShowSizeChange: PaginationEmits['showSizeChange'] = (current, pageSize) => {\n console.log(current, pageSize)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space direction=\"vertical\" size=\"middle\" style=\"width: 100%\">\n \u003ca-pagination\n show-size-changer\n :default-current=\"3\"\n :total=\"500\"\n @show-size-change=\"handleShowSizeChange\"\n />\n \u003ca-pagination\n show-size-changer\n :default-current=\"3\"\n :total=\"500\"\n disabled\n @show-size-change=\"handleShowSizeChange\"\n />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":690,"content_sha256":"54cd41a0f81a59577a962da0dfd60af1540fb320a567636ed24cbdf01bde6aac"},{"filename":"references/components/pagination/demo/controlled.md","content":"# Controlled\n\n## Description (en-US)\n\nControlled page number.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { PaginationEmits } from 'antdv-next'\nimport { ref } from 'vue'\n\nconst current = ref(3)\n\nconst handleChange: PaginationEmits['change'] = (page) => {\n console.log(page)\n current.value = page\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-pagination :current=\"current\" :total=\"50\" @change=\"handleChange\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":423,"content_sha256":"5f8ab49d8738edb471ce2259a26c08d93a5e20721213f223eb2b55cbced823d8"},{"filename":"references/components/pagination/demo/itemRender.md","content":"# Prev and next\n\n## Description (en-US)\n\nUse text link for prev and next button.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { PaginationProps } from 'antdv-next'\nimport { h } from 'vue'\n\nconst itemRender: PaginationProps['itemRender'] = (_, type, originalElement) => {\n if (type === 'prev') {\n return h('a', 'Previous')\n }\n if (type === 'next') {\n return h('a', 'Next')\n }\n return originalElement\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-pagination :total=\"500\" :item-render=\"itemRender\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":519,"content_sha256":"98a948fb0aa2eb0251456b6335c7bc803e130090443cd6a6adad260a9d48495c"},{"filename":"references/components/pagination/demo/jump.md","content":"# Jumper\n\n## Description (en-US)\n\nJump to a page directly.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { PaginationEmits } from 'antdv-next'\n\nconst handleChange: PaginationEmits['change'] = (pageNumber) => {\n console.log('Page: ', pageNumber)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space direction=\"vertical\" size=\"middle\" style=\"width: 100%\">\n \u003ca-pagination\n show-quick-jumper\n :default-current=\"2\"\n :total=\"500\"\n @change=\"handleChange\"\n />\n \u003ca-pagination\n show-quick-jumper\n :default-current=\"2\"\n :total=\"500\"\n disabled\n @change=\"handleChange\"\n />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":639,"content_sha256":"7c26195f8d08f03765b2fb10957eedf22ef1fe977066ba5218a9199d50965bcd"},{"filename":"references/components/pagination/demo/mini.md","content":"# Mini size\n\n## Description (en-US)\n\nMini size pagination.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { PaginationProps } from 'antdv-next'\n\nconst showTotal: PaginationProps['showTotal'] = total => `Total ${total} items`\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space direction=\"vertical\" size=\"middle\" style=\"width: 100%\">\n \u003ca-pagination size=\"small\" :total=\"50\" />\n \u003ca-pagination size=\"small\" :total=\"50\" show-size-changer show-quick-jumper />\n \u003ca-pagination size=\"small\" :total=\"50\" :show-total=\"showTotal\" />\n \u003ca-pagination\n size=\"small\"\n :total=\"50\"\n disabled\n :show-total=\"showTotal\"\n show-size-changer\n show-quick-jumper\n />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":705,"content_sha256":"371ba2380387da5af02049836d957b4ed4a92dc2a79a296059be7bd7d2e9ce72"},{"filename":"references/components/pagination/demo/more.md","content":"# More\n\n## Description (en-US)\n\nMore pages.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-pagination :default-current=\"6\" :total=\"500\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":143,"content_sha256":"43ab1d0d0bb5564d433e402ea97308c85b8aec35ab4cb60ca65663a99e29ad1c"},{"filename":"references/components/pagination/demo/simple.md","content":"# Simple mode\n\n## Description (en-US)\n\nSimple mode.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-space direction=\"vertical\" size=\"middle\" style=\"width: 100%\">\n \u003ca-pagination simple :default-current=\"2\" :total=\"50\" />\n \u003ca-pagination :simple=\"{ readOnly: true }\" :default-current=\"2\" :total=\"50\" />\n \u003ca-pagination simple :default-current=\"2\" :total=\"50\" disabled />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":392,"content_sha256":"b0bab34d9d302a8c62c32e1d13b38b401b4c804c20375f57b4ff89632024d5b2"},{"filename":"references/components/pagination/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { PaginationProps } from 'antdv-next'\nimport { useCssModule } from 'vue'\n\nconst moduleStyles = useCssModule()\n\nconst classes: PaginationProps['classes'] = {\n root: moduleStyles.root,\n}\n\nconst stylesObject: PaginationProps['styles'] = {\n item: {\n borderRadius: '999px',\n },\n}\n\nconst stylesFn: PaginationProps['styles'] = ({ props }) => {\n if (props.size === 'small') {\n return {\n item: {\n backgroundColor: 'rgba(200, 200, 200, 0.3)',\n marginInlineEnd: '4px',\n },\n }\n }\n return {}\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-pagination :total=\"500\" :classes=\"classes\" :styles=\"stylesObject\" />\n \u003ca-pagination :total=\"500\" size=\"small\" :classes=\"classes\" :styles=\"stylesFn\" />\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle module>\n.root {\n border: 2px dashed #ccc;\n padding: 8px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":952,"content_sha256":"dc5d615f65ed08005fb8bc7c85e2f741046eab6303a2e8835a74c76d4a7d1e14"},{"filename":"references/components/pagination/demo/total.md","content":"# Total number\n\n## Description (en-US)\n\nYou can show the total number of data by setting `showTotal`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { PaginationProps } from 'antdv-next'\n\nconst showTotal: PaginationProps['showTotal'] = total => `Total ${total} items`\nconst showRangeTotal: PaginationProps['showTotal'] = (total, range) => `${range[0]}-${range[1]} of ${total} items`\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space direction=\"vertical\" size=\"middle\" style=\"width: 100%\">\n \u003ca-pagination\n :total=\"85\"\n :show-total=\"showTotal\"\n :default-page-size=\"20\"\n :default-current=\"1\"\n />\n \u003ca-pagination\n :total=\"85\"\n :show-total=\"showRangeTotal\"\n :default-page-size=\"20\"\n :default-current=\"1\"\n />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":775,"content_sha256":"7959b1d8d960d30ec02197a159597659eca619365fa4cc3e292518099b092c54"},{"filename":"references/components/pagination/docs.md","content":"---\ntitle: Pagination\ndescription: A long list can be divided into several pages, and only one page will be loaded at a time.\n---\n\n## When To Use \n- When it will take a long time to load/render all items.\n- If you want to browse the data by navigating through pages.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic | demo/basic.md |\n| Align | demo/align.md |\n| More | demo/more.md |\n| Changer | demo/changer.md |\n| Jumper | demo/jump.md |\n| Mini size | demo/mini.md |\n| Simple mode | demo/simple.md |\n| Controlled | demo/controlled.md |\n| Total number | demo/total.md |\n| Show All | demo/all.md |\n| Prev and next | demo/itemRender.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Props\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| align | Alignment of pagination | `start` \\| `center` \\| `end` | - | - |\n| classes | Customize class for each semantic structure inside the component. Supports object or function | PaginationClassNamesType | - | - |\n| current | Current page number | number | - | - |\n| defaultCurrent | Default initial page number | number | 1 | - |\n| defaultPageSize | Default number of data items per page | number | 10 | - |\n| disabled | Disable pagination | boolean | - | - |\n| hideOnSinglePage | Whether to hide pager on single page | boolean | false | - |\n| itemRender | To customize item's innerHTML | (page: number, type: 'page' \\| 'prev' \\| 'next' \\| 'jump-prev' \\| 'jump-next', element: VueNode) => VueNode | - | - |\n| pageSize | Number of data items per page | number | - | - |\n| pageSizeOptions | Specify the sizeChanger options | (string \\| number)[] | ['10', '20', '50', '100'] | - |\n| responsive | If `size` is not specified, `Pagination` would resize according to the width of the window | boolean | - | - |\n| rootClass | Root container class | string | - | - |\n| showLessItems | Show less page items | boolean | false | - |\n| showQuickJumper | Determine whether you can jump to pages directly | boolean \\| \\{ goButton?: VueNode \\} | false | - |\n| showSizeChanger | Determine whether to show `pageSize` select | boolean \\| SelectProps | - | - |\n| totalBoundaryShowSizeChanger | When `total` larger than it, `showSizeChanger` will be true | number | 50 | - |\n| showTitle | Show page item's title | boolean | true | - |\n| showTotal | To display the total number and range | (total: number, range: [number, number]) => VueNode | - | - |\n| simple | Whether to use simple mode | boolean \\| \\{ readOnly?: boolean \\} | - | - |\n| size | Specify the size of `Pagination`, can be set to `small` | `default` \\| `small` | `default` | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function | PaginationStylesType | - | - |\n| total | Total number of data items | number | 0 | - |\n| locale | Pagination locale | PaginationLocale | - | - |\n| prevIcon | Custom previous icon | VueNode | - | - |\n| nextIcon | Custom next icon | VueNode | - | - |\n| jumpPrevIcon | Custom jump-prev icon | VueNode | - | - |\n| jumpNextIcon | Custom jump-next icon | VueNode | - | - |\n| selectComponentClass | Deprecated, not official support | any | - | - |\n\n### Events \n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| change | Called when the page number or `pageSize` is changed | (page: number, pageSize: number) => void | - |\n| showSizeChange | Called when `pageSize` is changed | (current: number, size: number) => void | - |\n| update:current | Update current page | (page: number) => void | - |\n| update:pageSize | Update page size | (pageSize: number) => void | - |\n\n### Slots \n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| itemRender | Customize page item | (ctx: { page: number; type: 'page' \\| 'prev' \\| 'next' \\| 'jump-prev' \\| 'jump-next'; element: VueNode }) => any | - |\n| showTotal | Customize total display | (ctx: { total: number; range: [number, number] }) => any | - |\n| prevIcon | Custom previous icon | () => any | - |\n| nextIcon | Custom next icon | () => any | - |\n| jumpPrevIcon | Custom jump-prev icon | () => any | - |\n| jumpNextIcon | Custom jump-next icon | () => any | - |\n\n## Semantic DOM \n| _semantic | demo/_semantic.md |\n\n| Name | Description |\n| --- | --- |\n| root | Root element, set flex layout, alignment, wrap and list styles |\n| item | Item element, set size, padding, border, background color, hover and active styles |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":4491,"content_sha256":"0d2e9ba4574fc10df76b40a476edd848876e0d4d36086aeaa39a180c278a7913"},{"filename":"references/components/pagination/token.md","content":"# pagination Token\n\nUse these variables through `theme.components.Pagination`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Pagination: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `itemBg` | `string` | Background color of Pagination item |\n| `itemSize` | `number` | Size of Pagination item |\n| `itemSizeSM` | `number` | Size of small Pagination item |\n| `itemSizeLG` | `number` | Size of large Pagination item |\n| `itemActiveBg` | `string` | Background color of active Pagination item |\n| `itemActiveColor` | `string` | Text color of active Pagination item |\n| `itemActiveColorHover` | `string` | Text color of active Pagination item hover |\n| `itemLinkBg` | `string` | Background color of Pagination item link |\n| `itemActiveBgDisabled` | `string` | Background color of disabled active Pagination item |\n| `itemActiveColorDisabled` | `string` | Text color of disabled active Pagination item |\n| `itemInputBg` | `string` | Background color of input |\n| `miniOptionsSizeChangerTop` | `number` | Top of Pagination size changer |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1277,"content_sha256":"7a886c62647a47df4e5bba6885e728ed2382504b0efb59997dbed265e3b6514e"},{"filename":"references/components/popconfirm/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root') },\n { name: 'container', desc: t('container') },\n { name: 'title', desc: t('title') },\n { name: 'content', desc: t('content') },\n { name: 'icon', desc: t('icon'), version: '1.3.0' },\n { name: 'arrow', desc: t('arrow') },\n])\n\nconst divRef = ref\u003cHTMLDivElement | null>(null)\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Popconfirm\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003cdiv ref=\"divRef\" :style=\"{ position: 'absolute', marginTop: '60px' }\">\n \u003ca-popconfirm\n open\n placement=\"top\"\n title=\"Confirm\"\n description=\"Are you sure you want to perform this action?\"\n :auto-adjust-overflow=\"false\"\n :get-popup-container=\"() => divRef!\"\n :classes=\"classes\"\n />\n \u003c/div>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1210,"content_sha256":"91efb185fcdb89bac19e7721d58ecd03992845c0c181e94f54f111664b6103f9"},{"filename":"references/components/popconfirm/demo/async.md","content":"# Asynchronously close\n\n## Description (en-US)\n\nAsynchronously close a popconfirm when a the OK button is pressed. For example, you can use this pattern when you submit a form.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst open = ref(false)\nconst confirmLoading = ref(false)\n\nfunction showPopconfirm() {\n open.value = true\n}\n\nfunction handleOk() {\n confirmLoading.value = true\n setTimeout(() => {\n open.value = false\n confirmLoading.value = false\n }, 2000)\n}\n\nfunction handleCancel() {\n console.log('Clicked cancel button')\n open.value = false\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-popconfirm\n title=\"Title\"\n description=\"Open Popconfirm with async logic\"\n :open=\"open\"\n :ok-button-props=\"{ loading: confirmLoading }\"\n @confirm=\"handleOk\"\n @cancel=\"handleCancel\"\n >\n \u003ca-button type=\"primary\" @click=\"showPopconfirm\">\n Open Popconfirm with async logic\n \u003c/a-button>\n \u003c/a-popconfirm>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":962,"content_sha256":"5ce4295d512a196a1e78e86bc4cb2e780c839d24966f81f6a43ebdc63f45ef5f"},{"filename":"references/components/popconfirm/demo/basic.md","content":"# Basic\n\n## Description (en-US)\n\nThe basic example supports the title and description props of confirmation.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { message } from 'antdv-next'\n\nconst [messageApi, ContextHolder] = message.useMessage()\n\nfunction confirm(e?: MouseEvent) {\n console.log(e)\n messageApi.success('Click on Yes')\n}\n\nfunction cancel(e?: MouseEvent) {\n console.log(e)\n messageApi.error('Click on No')\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-popconfirm\n title=\"Delete the task\"\n description=\"Are you sure to delete this task?\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n @confirm=\"confirm\"\n @cancel=\"cancel\"\n >\n \u003ca-button danger>\n Delete\n \u003c/a-button>\n \u003c/a-popconfirm>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":738,"content_sha256":"cd6f0bc315dae0fb35d76414a8fb2f56bac18a159a937f1f64dc40ba89856970"},{"filename":"references/components/popconfirm/demo/dynamic-trigger.md","content":"# Conditional trigger\n\n## Description (en-US)\n\nMake it pop up under some conditions.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { message } from 'antdv-next'\nimport { ref } from 'vue'\n\nconst [messageApi, ContextHolder] = message.useMessage()\n\nconst open = ref(false)\nconst condition = ref(true)\n\nfunction confirm() {\n open.value = false\n messageApi.success('Next step.')\n}\n\nfunction cancel() {\n open.value = false\n messageApi.error('Click on cancel.')\n}\n\nfunction handleOpenChange(value: boolean) {\n if (!value) {\n open.value = value\n return\n }\n if (condition.value) {\n confirm()\n }\n else {\n open.value = value\n }\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cContextHolder />\n \u003ca-popconfirm\n title=\"Delete the task\"\n description=\"Are you sure to delete this task?\"\n :open=\"open\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n @open-change=\"handleOpenChange\"\n @confirm=\"confirm\"\n @cancel=\"cancel\"\n >\n \u003ca-button danger>\n Delete a task\n \u003c/a-button>\n \u003c/a-popconfirm>\n \u003cbr>\n \u003cbr>\n Whether directly execute:\n \u003ca-switch v-model:checked=\"condition\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1101,"content_sha256":"3492bc5e2151bd842a54cc3cae047cd1624afc6e6ec5c27289c769a2d1377661"},{"filename":"references/components/popconfirm/demo/icon.md","content":"# Customize icon\n\n## Description (en-US)\n\nSet `icon` props to customize the icon.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { QuestionCircleOutlined } from '@antdv-next/icons'\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-popconfirm\n title=\"Delete the task\"\n description=\"Are you sure to delete this task?\"\n >\n \u003ctemplate #icon>\n \u003cQuestionCircleOutlined style=\"color: red\" />\n \u003c/template>\n \u003ca-button danger>\n Delete\n \u003c/a-button>\n \u003c/a-popconfirm>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":481,"content_sha256":"98dd2690f7a64ee179dedfe50130ef57e2f27d981f41790f691fb0c945d5b074"},{"filename":"references/components/popconfirm/demo/locale.md","content":"# Locale text\n\n## Description (en-US)\n\nSet `okText` and `cancelText` props to customize the button's labels.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-popconfirm\n title=\"Delete the task\"\n description=\"Are you sure to delete this task?\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n >\n \u003ca-button danger>\n Delete\n \u003c/a-button>\n \u003c/a-popconfirm>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":363,"content_sha256":"f14cfa8a341f8572b711b007ff024c7a40ac6b0192a6c4f2002ca888fa8c9cd6"},{"filename":"references/components/popconfirm/demo/placement.md","content":"# Placement\n\n## Description (en-US)\n\nThere are 12 `placement` options available. Set `arrow` with `pointAtCenter: true` if you want the arrow to point at the center of target.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nconst title = 'Are you sure to delete this task?'\nconst description = 'Delete the task'\nconst buttonWidth = 80\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-config-provider :button=\"{ style: { width: `${buttonWidth}px`, margin: '4px' } }\">\n \u003ca-flex vertical justify=\"center\" align=\"center\" class=\"demo\">\n \u003ca-flex justify=\"center\" align=\"center\" style=\"white-space: nowrap\">\n \u003ca-popconfirm\n placement=\"topLeft\"\n :title=\"title\"\n :description=\"description\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n >\n \u003ca-button>TL\u003c/a-button>\n \u003c/a-popconfirm>\n \u003ca-popconfirm\n placement=\"top\"\n :title=\"title\"\n :description=\"description\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n >\n \u003ca-button>Top\u003c/a-button>\n \u003c/a-popconfirm>\n \u003ca-popconfirm\n placement=\"topRight\"\n :title=\"title\"\n :description=\"description\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n >\n \u003ca-button>TR\u003c/a-button>\n \u003c/a-popconfirm>\n \u003c/a-flex>\n \u003ca-flex :style=\"{ width: `${buttonWidth * 5 + 32}px` }\" justify=\"space-between\" align=\"center\">\n \u003ca-flex align=\"center\" vertical>\n \u003ca-popconfirm\n placement=\"leftTop\"\n :title=\"title\"\n :description=\"description\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n >\n \u003ca-button>LT\u003c/a-button>\n \u003c/a-popconfirm>\n \u003ca-popconfirm\n placement=\"left\"\n :title=\"title\"\n :description=\"description\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n >\n \u003ca-button>Left\u003c/a-button>\n \u003c/a-popconfirm>\n \u003ca-popconfirm\n placement=\"leftBottom\"\n :title=\"title\"\n :description=\"description\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n >\n \u003ca-button>LB\u003c/a-button>\n \u003c/a-popconfirm>\n \u003c/a-flex>\n \u003ca-flex align=\"center\" vertical>\n \u003ca-popconfirm\n placement=\"rightTop\"\n :title=\"title\"\n :description=\"description\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n >\n \u003ca-button>RT\u003c/a-button>\n \u003c/a-popconfirm>\n \u003ca-popconfirm\n placement=\"right\"\n :title=\"title\"\n :description=\"description\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n >\n \u003ca-button>Right\u003c/a-button>\n \u003c/a-popconfirm>\n \u003ca-popconfirm\n placement=\"rightBottom\"\n :title=\"title\"\n :description=\"description\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n >\n \u003ca-button>RB\u003c/a-button>\n \u003c/a-popconfirm>\n \u003c/a-flex>\n \u003c/a-flex>\n \u003ca-flex justify=\"center\" align=\"center\" style=\"white-space: nowrap\">\n \u003ca-popconfirm\n placement=\"bottomLeft\"\n :title=\"title\"\n :description=\"description\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n >\n \u003ca-button>BL\u003c/a-button>\n \u003c/a-popconfirm>\n \u003ca-popconfirm\n placement=\"bottom\"\n :title=\"title\"\n :description=\"description\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n >\n \u003ca-button>Bottom\u003c/a-button>\n \u003c/a-popconfirm>\n \u003ca-popconfirm\n placement=\"bottomRight\"\n :title=\"title\"\n :description=\"description\"\n ok-text=\"Yes\"\n cancel-text=\"No\"\n >\n \u003ca-button>BR\u003c/a-button>\n \u003c/a-popconfirm>\n \u003c/a-flex>\n \u003c/a-flex>\n \u003c/a-config-provider>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":3899,"content_sha256":"72b725164ca466bfee539b987043f5f6734e15be107c7a2bc90abc5cd0faf805"},{"filename":"references/components/popconfirm/demo/promise.md","content":"# Asynchronously close on Promise\n\n## Description (en-US)\n\nAsynchronously close a popconfirm when the OK button is pressed. For example, you can use this pattern when you submit a form.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nfunction confirm() {\n return new Promise((resolve) => {\n setTimeout(() => resolve(null), 3000)\n })\n}\n\nfunction handleOpenChange() {\n console.log('open change')\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-popconfirm\n title=\"Title\"\n description=\"Open Popconfirm with Promise\"\n @confirm=\"confirm\"\n @open-change=\"handleOpenChange\"\n >\n \u003ca-button type=\"primary\">\n Open Popconfirm with Promise\n \u003c/a-button>\n \u003c/a-popconfirm>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":679,"content_sha256":"b5286abc42b11367dcb866b6046046c7361f61fba08bc746a46874a6df43453b"},{"filename":"references/components/popconfirm/demo/shift.md","content":"# Auto Shift\n\n## Description (en-US)\n\nAuto adjust Popup and arrow position when Popconfirm is close to the edge of the screen. Will be out of screen when exceed limitation.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { onMounted, ref } from 'vue'\n\nconst open = ref(false)\n\nonMounted(() => {\n setTimeout(() => {\n document.documentElement.scrollTop = document.documentElement.clientHeight\n document.documentElement.scrollLeft = document.documentElement.clientWidth\n\n requestAnimationFrame(() => {\n open.value = true\n })\n }, 10)\n})\n\u003c/script>\n\n\u003ctemplate>\n \u003cdiv class=\"h-300vh w-300vw flex items-center justify-center\">\n \u003ca-popconfirm title=\"Thanks for using antd. Have a nice day !\" :open=\"open\">\n \u003ca-button type=\"primary\">\n Scroll The Window\n \u003c/a-button>\n \u003c/a-popconfirm>\n \u003c/div>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":844,"content_sha256":"d30e812e04369d254bb00c4db768de8b5403b5f5d4ab305c35c2838f4d0fd66f"},{"filename":"references/components/popconfirm/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { PopconfirmProps } from 'antdv-next'\n\nconst classes: PopconfirmProps['classes'] = {\n container: 'demo-popconfirm-container',\n}\n\nconst stylesObject: PopconfirmProps['styles'] = {\n container: {\n backgroundColor: '#eee',\n boxShadow: 'inset 5px 5px 3px #fff, inset -5px -5px 3px #ddd, 0 0 3px rgba(0,0,0,0.2)',\n },\n title: {\n color: '#262626',\n },\n content: {\n color: '#262626',\n },\n}\n\nconst stylesFn: PopconfirmProps['styles'] = (info) => {\n if (info?.props?.arrow === false) {\n return {\n container: {\n backgroundColor: 'rgba(53, 71, 125, 0.8)',\n padding: '12px',\n borderRadius: '4px',\n },\n title: {\n color: '#fff',\n },\n content: {\n color: '#fff',\n },\n }\n }\n return {}\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"middle\">\n \u003ca-popconfirm\n title=\"Object text\"\n description=\"Object description\"\n :classes=\"classes\"\n :styles=\"stylesObject\"\n :arrow=\"false\"\n >\n \u003ca-button>Object Style\u003c/a-button>\n \u003c/a-popconfirm>\n \u003ca-popconfirm\n title=\"Function text\"\n description=\"Function description\"\n :classes=\"classes\"\n :styles=\"stylesFn\"\n :arrow=\"false\"\n :ok-button-props=\"{ styles: { root: { backgroundColor: 'rgba(53, 71, 125, 0.6)', color: '#fff' } } }\"\n :cancel-button-props=\"{ styles: { root: { borderColor: 'rgba(53, 71, 125, 0.6)', backgroundColor: '#fff', color: 'rgba(53, 71, 125, 0.8)' } } }\"\n >\n \u003ca-button type=\"primary\">\n Function Style\n \u003c/a-button>\n \u003c/a-popconfirm>\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle>\n.demo-popconfirm-container {\n padding: 10px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1752,"content_sha256":"d98f25e5a2afb181f41367a319fc6c3b1caf0b89f0c91fa4c5bb36175aef949f"},{"filename":"references/components/popconfirm/docs.md","content":"---\ntitle: Popconfirm\ndescription: Pop up a bubble confirmation box for an action.\n---\n\n## When To Use\n\nA simple and compact dialog used for asking for user confirmation.\n\nThe difference with the `confirm` modal dialog is that it's more lightweight than the static popped full-screen confirm modal.\n\n## Examples\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic | demo/basic.md |\n| Locale text | demo/locale.md |\n| Placement | demo/placement.md |\n| Auto Shift | demo/shift.md |\n| Conditional trigger | demo/dynamic-trigger.md |\n| Customize icon | demo/icon.md |\n| Asynchronously close | demo/async.md |\n| Asynchronously close on Promise | demo/promise.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Props\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| cancelButtonProps | The cancel button props | ButtonProps | - | - |\n| cancelText | The text of the Cancel button | VueNode | `Cancel` | - |\n| disabled | Whether to show popconfirm when clicking its children node | boolean | false | - |\n| icon | Customize icon of confirmation | VueNode | <ExclamationCircleFilled /> | - |\n| okButtonProps | The ok button props | ButtonProps | - | - |\n| okText | The text of the Confirm button | VueNode | `OK` | - |\n| okType | Button `type` of the Confirm button | LegacyButtonType | `primary` | - |\n| showCancel | Show cancel button | boolean | true | - |\n| title | The title of the confirmation box | VueNode | - | - |\n| description | The description of the confirmation box | VueNode | - | - |\n| classes | Customize class for each semantic structure inside the component. Supports object or function | PopconfirmClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function | PopconfirmStylesType | - | - |\n\nPopconfirm also supports all Popover props. See [Popover](../popover/docs.md#api).\n\n### Events \n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| openChange | Callback when popconfirm visibility changes | (open: boolean, e?: MouseEvent \\| KeyboardEvent) => void | - |\n| confirm | Callback of confirmation | (e?: MouseEvent) => void | - |\n| cancel | Callback of cancel | (e?: MouseEvent) => void | - |\n| popupClick | Callback of popup click | (e: MouseEvent) => void | - |\n\n### Slots \n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| title | The title of the confirmation box | () => any | - |\n| description | The description of the confirmation box title | () => any | - |\n| icon | Customize icon of confirmation | () => any | - |\n| okText | The text of the Confirm button | () => any | - |\n| cancelText | The text of the Cancel button | () => any | - |\n\n## Semantic DOM\n\n| _semantic | demo/_semantic.md |\n\n## FAQ\n\nFor more questions, please refer to [Tooltip FAQ](../tooltip/docs.md#faq).\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2965,"content_sha256":"a74b23251840e040c0173aec081bee3fa93266bfd3a385a8786742703296583a"},{"filename":"references/components/popconfirm/token.md","content":"# popconfirm Token\n\nUse these variables through `theme.components.Popconfirm`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Popconfirm: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `zIndexPopup` | `number` | z-index of Popconfirm |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":481,"content_sha256":"495fe67b532231895dc4b90dd67d592ced50baefe6bd8c15c2130de2e4f371e0"},{"filename":"references/components/popover/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root') },\n { name: 'container', desc: t('container') },\n { name: 'title', desc: t('title') },\n { name: 'content', desc: t('content') },\n { name: 'arrow', desc: t('arrow') },\n])\n\nconst divRef = ref\u003cHTMLDivElement | null>(null)\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Popover\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003cdiv ref=\"divRef\" :style=\"{ position: 'absolute', marginTop: '60px' }\">\n \u003ca-popover\n open\n placement=\"top\"\n title=\"Hello\"\n content=\"Ant Design love you!\"\n :auto-adjust-overflow=\"false\"\n :get-popup-container=\"() => divRef!\"\n :classes=\"classes\"\n />\n \u003c/div>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1118,"content_sha256":"ff31b61e8a8dd41f49e2ddf184ff09c239827595812f1d72d7cedfcd1b6b586a"},{"filename":"references/components/popover/demo/arrow.md","content":"# Arrow\n\n## Description (en-US)\n\nHide arrow by `arrow`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { PopoverProps } from 'antdv-next'\nimport { computed, h, shallowRef } from 'vue'\n\nconst buttonWidth = shallowRef(80)\nconst arrow = shallowRef\u003c'Show' | 'Hide' | 'Center'>('Show')\nconst mergedArrow = computed\u003cPopoverProps['arrow']>(() => {\n if (arrow.value === 'Hide') {\n return false\n }\n if (arrow.value === 'Show') {\n return true\n }\n return { pointAtCenter: true }\n})\n\nconst title = 'Title'\nconst content = h('div', [\n h('p', 'Content'),\n h('p', 'Content'),\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-config-provider :button=\"{ style: { width: `${buttonWidth}px`, margin: '4px' } }\">\n \u003ca-segmented\n v-model:value=\"arrow\"\n :options=\"['Show', 'Hide', 'Center']\"\n style=\"margin-bottom: 24px\"\n />\n \u003ca-flex vertical justify=\"center\" align=\"center\" class=\"demo\">\n \u003ca-flex justify=\"center\" align=\"center\" style=\"white-space: nowrap\">\n \u003ca-popover placement=\"topLeft\" :title=\"title\" :content=\"content\" :arrow=\"mergedArrow\">\n \u003ca-button>TL\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"top\" :title=\"title\" :content=\"content\" :arrow=\"mergedArrow\">\n \u003ca-button>Top\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"topRight\" :title=\"title\" :content=\"content\" :arrow=\"mergedArrow\">\n \u003ca-button>TR\u003c/a-button>\n \u003c/a-popover>\n \u003c/a-flex>\n \u003ca-flex :style=\"{ width: `${buttonWidth * 5 + 32}px` }\" justify=\"space-between\" align=\"center\">\n \u003ca-flex align=\"center\" vertical>\n \u003ca-popover placement=\"leftTop\" :title=\"title\" :content=\"content\" :arrow=\"mergedArrow\">\n \u003ca-button>LT\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"left\" :title=\"title\" :content=\"content\" :arrow=\"mergedArrow\">\n \u003ca-button>Left\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"leftBottom\" :title=\"title\" :content=\"content\" :arrow=\"mergedArrow\">\n \u003ca-button>LB\u003c/a-button>\n \u003c/a-popover>\n \u003c/a-flex>\n \u003ca-flex align=\"center\" vertical>\n \u003ca-popover placement=\"rightTop\" :title=\"title\" :content=\"content\" :arrow=\"mergedArrow\">\n \u003ca-button>RT\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"right\" :title=\"title\" :content=\"content\" :arrow=\"mergedArrow\">\n \u003ca-button>Right\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"rightBottom\" :title=\"title\" :content=\"content\" :arrow=\"mergedArrow\">\n \u003ca-button>RB\u003c/a-button>\n \u003c/a-popover>\n \u003c/a-flex>\n \u003c/a-flex>\n \u003ca-flex justify=\"center\" align=\"center\" style=\"white-space: nowrap\">\n \u003ca-popover placement=\"bottomLeft\" :title=\"title\" :content=\"content\" :arrow=\"mergedArrow\">\n \u003ca-button>BL\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"bottom\" :title=\"title\" :content=\"content\" :arrow=\"mergedArrow\">\n \u003ca-button>Bottom\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"bottomRight\" :title=\"title\" :content=\"content\" :arrow=\"mergedArrow\">\n \u003ca-button>BR\u003c/a-button>\n \u003c/a-popover>\n \u003c/a-flex>\n \u003c/a-flex>\n \u003c/a-config-provider>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":3216,"content_sha256":"5ac6886c9adc406f212b4f2eb24f6858f2d8b76548b5d73e010f19ce05a7b300"},{"filename":"references/components/popover/demo/basic.md","content":"# Basic\n\n## Description (en-US)\n\nThe most basic example. The size of the floating layer depends on the contents region.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-popover title=\"Title\">\n \u003ctemplate #content>\n \u003cdiv>\n \u003cp>Content\u003c/p>\n \u003cp>Content\u003c/p>\n \u003c/div>\n \u003c/template>\n \u003ca-button type=\"primary\">\n Hover me\n \u003c/a-button>\n \u003c/a-popover>\n\u003c/template>\n\n\u003cstyle scoped>\n:global(.ant-popover-content p) {\n margin: 0;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":455,"content_sha256":"dc60584629f92ca15989185239de12425db584501f12537b4cf73a1e7b67ade0"},{"filename":"references/components/popover/demo/control.md","content":"# Controlling the close of the dialog\n\n## Description (en-US)\n\nUse `open` prop to control the display of the card.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst open = ref(false)\n\nfunction hide() {\n open.value = false\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-popover v-model:open=\"open\" title=\"Title\" trigger=\"click\">\n \u003ctemplate #content>\n \u003ca href=\"\" @click.prevent=\"hide\">Close\u003c/a>\n \u003c/template>\n \u003ca-button type=\"primary\">\n Click me\n \u003c/a-button>\n \u003c/a-popover>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":519,"content_sha256":"193dd14979682d342e1295ded1c2c7e1b2832606c6de2e01646535518b869661"},{"filename":"references/components/popover/demo/hover-with-click.md","content":"# Hover with click popover\n\n## Description (en-US)\n\nThe following example shows how to create a popover which can be hovered and clicked.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst clicked = ref(false)\nconst hovered = ref(false)\n\nfunction hide() {\n clicked.value = false\n hovered.value = false\n}\n\nfunction handleHoverChange(value: boolean) {\n hovered.value = value\n if (value) {\n clicked.value = false\n }\n}\n\nfunction handleClickChange(value: boolean) {\n clicked.value = value\n if (value) {\n hovered.value = false\n }\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-popover\n title=\"Hover title\"\n trigger=\"hover\"\n :open=\"hovered\"\n :style=\"{ width: '500px' }\"\n @open-change=\"handleHoverChange\"\n >\n \u003ctemplate #content>\n \u003cdiv>This is hover content.\u003c/div>\n \u003c/template>\n \u003ca-popover\n title=\"Click title\"\n trigger=\"click\"\n :open=\"clicked\"\n @open-change=\"handleClickChange\"\n >\n \u003ctemplate #content>\n \u003cdiv>\n This is click content.\n \u003ca href=\"\" @click.prevent=\"hide\">Close\u003c/a>\n \u003c/div>\n \u003c/template>\n \u003ca-button>Hover and click\u003c/a-button>\n \u003c/a-popover>\n \u003c/a-popover>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1198,"content_sha256":"d5bf6743f4286932e9c5c752c8265e54c1f6a85702086dcfb8d1003143d4bef2"},{"filename":"references/components/popover/demo/placement.md","content":"# Placement\n\n## Description (en-US)\n\nThere are 12 `placement` options available.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { h } from 'vue'\n\nconst title = 'Title'\nconst content = h('div', [\n h('p', 'Content'),\n h('p', 'Content'),\n])\nconst buttonWidth = 80\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-config-provider :button=\"{ style: { width: `${buttonWidth}px`, margin: '4px' } }\">\n \u003ca-flex vertical justify=\"center\" align=\"center\" class=\"demo\">\n \u003ca-flex justify=\"center\" align=\"center\" style=\"white-space: nowrap\">\n \u003ca-popover placement=\"topLeft\" :title=\"title\" :content=\"content\">\n \u003ca-button>TL\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"top\" :title=\"title\" :content=\"content\">\n \u003ca-button>Top\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"topRight\" :title=\"title\" :content=\"content\">\n \u003ca-button>TR\u003c/a-button>\n \u003c/a-popover>\n \u003c/a-flex>\n \u003ca-flex :style=\"{ width: `${buttonWidth * 5 + 32}px` }\" justify=\"space-between\" align=\"center\">\n \u003ca-flex align=\"center\" vertical>\n \u003ca-popover placement=\"leftTop\" :title=\"title\" :content=\"content\">\n \u003ca-button>LT\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"left\" :title=\"title\" :content=\"content\">\n \u003ca-button>Left\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"leftBottom\" :title=\"title\" :content=\"content\">\n \u003ca-button>LB\u003c/a-button>\n \u003c/a-popover>\n \u003c/a-flex>\n \u003ca-flex align=\"center\" vertical>\n \u003ca-popover placement=\"rightTop\" :title=\"title\" :content=\"content\">\n \u003ca-button>RT\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"right\" :title=\"title\" :content=\"content\">\n \u003ca-button>Right\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"rightBottom\" :title=\"title\" :content=\"content\">\n \u003ca-button>RB\u003c/a-button>\n \u003c/a-popover>\n \u003c/a-flex>\n \u003c/a-flex>\n \u003ca-flex justify=\"center\" align=\"center\" style=\"white-space: nowrap\">\n \u003ca-popover placement=\"bottomLeft\" :title=\"title\" :content=\"content\">\n \u003ca-button>BL\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"bottom\" :title=\"title\" :content=\"content\">\n \u003ca-button>Bottom\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover placement=\"bottomRight\" :title=\"title\" :content=\"content\">\n \u003ca-button>BR\u003c/a-button>\n \u003c/a-popover>\n \u003c/a-flex>\n \u003c/a-flex>\n \u003c/a-config-provider>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2515,"content_sha256":"233448ce67e8be59bbc24440c03885eafcd642fd8cb371d0bb094a161e36a792"},{"filename":"references/components/popover/demo/shift.md","content":"# Auto Shift\n\n## Description (en-US)\n\nAuto adjust Popup and arrow position when Popover is close to the edge of the screen. Will be out of screen when exceed limitation.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { onMounted, ref } from 'vue'\n\nconst open = ref(false)\n\nonMounted(() => {\n setTimeout(() => {\n document.documentElement.scrollTop = document.documentElement.clientHeight\n document.documentElement.scrollLeft = document.documentElement.clientWidth\n\n requestAnimationFrame(() => {\n open.value = true\n })\n }, 10)\n})\n\u003c/script>\n\n\u003ctemplate>\n \u003cdiv class=\"h-300vh w-300vw flex items-center justify-center\">\n \u003ca-popover content=\"Thanks for using antd. Have a nice day !\" :open=\"open\">\n \u003ca-button type=\"primary\">\n Scroll The Window\n \u003c/a-button>\n \u003c/a-popover>\n \u003c/div>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":837,"content_sha256":"99740d3641662618bd02b4cad9659921a674f755fb3d6821f6a01f717f9c0457"},{"filename":"references/components/popover/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { PopoverProps } from 'antdv-next'\nimport { theme } from 'antdv-next'\n\nconst { token } = theme.useToken()\n\nconst classes: PopoverProps['classes'] = {\n container: 'demo-popover-container',\n}\n\nconst stylesObject: PopoverProps['styles'] = {\n container: {\n backgroundColor: '#eee',\n boxShadow: 'inset 5px 5px 3px #fff, inset -5px -5px 3px #ddd, 0 0 3px rgba(0,0,0,0.2)',\n },\n title: {\n color: '#262626',\n },\n content: {\n color: '#262626',\n },\n}\n\nconst stylesFn: PopoverProps['styles'] = (info) => {\n if (info?.props?.arrow === false) {\n return {\n container: {\n backgroundColor: 'rgba(53, 71, 125, 0.8)',\n padding: '12px',\n borderRadius: '4px',\n },\n title: {\n color: '#fff',\n },\n content: {\n color: '#fff',\n },\n }\n }\n return {}\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"middle\">\n \u003ca-popover\n content=\"Object text\"\n :classes=\"classes\"\n :styles=\"stylesObject\"\n :arrow=\"false\"\n >\n \u003ca-button>Object Style\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover\n content=\"Function text\"\n :classes=\"classes\"\n :styles=\"stylesFn\"\n :arrow=\"false\"\n >\n \u003ca-button type=\"primary\">\n Function Style\n \u003c/a-button>\n \u003c/a-popover>\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle>\n.demo-popover-container {\n padding: v-bind('`${token.paddingXS}px`');\n border: 1px dashed v-bind('token.colorBorder');\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1536,"content_sha256":"3d53a8adfaab804d3f5f1f546eb4b60e2e273ed91a0921ceabab0acb923765e9"},{"filename":"references/components/popover/demo/trigger-type.md","content":"# Three ways to trigger\n\n## Description (en-US)\n\nMouse to click, focus and move in.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-space wrap>\n \u003ca-popover title=\"Title\" trigger=\"hover\">\n \u003ctemplate #content>\n \u003cdiv>\n \u003cp>Content\u003c/p>\n \u003cp>Content\u003c/p>\n \u003c/div>\n \u003c/template>\n \u003ca-button>Hover me\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover title=\"Title\" trigger=\"focus\">\n \u003ctemplate #content>\n \u003cdiv>\n \u003cp>Content\u003c/p>\n \u003cp>Content\u003c/p>\n \u003c/div>\n \u003c/template>\n \u003ca-button>Focus me\u003c/a-button>\n \u003c/a-popover>\n \u003ca-popover title=\"Title\" trigger=\"click\">\n \u003ctemplate #content>\n \u003cdiv>\n \u003cp>Content\u003c/p>\n \u003cp>Content\u003c/p>\n \u003c/div>\n \u003c/template>\n \u003ca-button>Click me\u003c/a-button>\n \u003c/a-popover>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":826,"content_sha256":"3cc4b5dc2aa6856188a9c26c95f071f041abaec575c50a70cfc73100c68c2f3a"},{"filename":"references/components/popover/docs.md","content":"---\ntitle: Popover\ndescription: The floating card pops up when clicking/mouse hovering over an element.\n---\n\n## When To Use\n\nA simple popup card to provide extra information or operations.\n\nComparing with `Tooltip`, besides information `Popover` card can also provide action elements like links and buttons.\n\n## Examples\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic | demo/basic.md |\n| Three ways to trigger | demo/trigger-type.md |\n| Placement | demo/placement.md |\n| Arrow | demo/arrow.md |\n| Auto Shift | demo/shift.md |\n| Controlling the close of the dialog | demo/control.md |\n| Hover with click popover | demo/hover-with-click.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Props\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| title | Title of the card | VueNode | - | - |\n| content | Content of the card | VueNode | - | - |\n| classes | Customize class for each semantic structure inside the component. Supports object or function | PopoverClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function | PopoverStylesType | - | - |\n\nPopover also supports all Tooltip props. See [Tooltip](../tooltip/docs.md#api).\n\n### Events\n\n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| openChange | Callback when popover visibility changes | (open: boolean, e?: MouseEvent \\| KeyboardEvent) => void | - |\n\n### Slots\n\n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| title | Title of the card | () => any | - |\n| content | Content of the card | () => any | - |\n\n## Note\n\nPlease ensure that the child node of `Popover` can accept `mouseenter`, `mouseleave`, `focus`, `click` events.\n\n## Semantic DOM\n\n| _semantic | demo/_semantic.md |\n\n## FAQ\n\nFor more questions, please refer to [Tooltip FAQ](../tooltip/docs.md#faq).\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1973,"content_sha256":"87ac8a33303f813f162910be2d4b2e76734c5ff0e5d99aaf43124fcafd834d06"},{"filename":"references/components/popover/token.md","content":"# popover Token\n\nUse these variables through `theme.components.Popover`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Popover: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `titleMinWidth` | `string \\| number` | Min width of Popover title |\n| `zIndexPopup` | `number` | z-index of Popover |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":539,"content_sha256":"ad1c6cfd90ee8fae405583bb9c3ea957cf1d749a4e03ec9c47b4c1bda793fb94"},{"filename":"references/components/progress/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root') },\n { name: 'body', desc: t('body') },\n { name: 'rail', desc: t('rail') },\n { name: 'track', desc: t('track') },\n { name: 'indicator', desc: t('indicator') },\n])\n\nconst gradient = ref(false)\nconst type = ref('line')\n\nconst colorMap = {\n '0%': '#108ee9',\n '100%': '#87d068',\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Progress\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003ca-flex vertical gap=\"middle\" :style=\"{ width: '100%' }\" align=\"center\">\n \u003ca-flex align=\"center\" gap=\"middle\">\n \u003ca-segmented\n :options=\"['line', 'steps', 'circle', 'dashboard']\"\n :value=\"type\"\n @change=\"(val: string) => type = val\"\n />\n \u003ca-switch\n :checked=\"gradient\"\n checked-children=\"Gradient\"\n un-checked-children=\"Gradient\"\n @change=\"(val: boolean) => gradient = val\"\n />\n \u003c/a-flex>\n \u003ca-flex vertical align=\"center\" :style=\"{ height: '200px', width: '100%' }\">\n \u003ca-progress\n :percent=\"80\"\n :type=\"type === 'steps' ? 'line' : type\"\n :steps=\"type === 'steps' ? 5 : undefined\"\n :stroke-color=\"gradient ? colorMap : undefined\"\n :classes=\"classes\"\n />\n \u003c/a-flex>\n \u003c/a-flex>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1734,"content_sha256":"101f0753a96cf81f06be1ce1775ec9963e84e885589939287e5ee47c5105812d"},{"filename":"references/components/progress/demo/circle-micro.md","content":"# Responsive circular progress bar\n\n## Description (en-US)\n\nResponsive circular progress bar. When `size` is smaller than 20, progress information will be displayed in Tooltip.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex align=\"center\" gap=\"small\">\n \u003ca-progress\n type=\"circle\"\n rail-color=\"#e6f4ff\"\n :percent=\"60\"\n :stroke-width=\"20\"\n :size=\"14\"\n :format=\"number => `进行中,已完成${number}%`\"\n />\n \u003cspan>代码发布\u003c/span>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":495,"content_sha256":"1cfc452ab98cd5671aa89f6a3f704b7ef742249d092f3157564d19e696d1b134"},{"filename":"references/components/progress/demo/circle-mini.md","content":"# Mini size circular progress bar\n\n## Description (en-US)\n\nA smaller circular progress bar.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex wrap gap=\"small\">\n \u003ca-progress type=\"circle\" :percent=\"30\" :size=\"80\" />\n \u003ca-progress type=\"circle\" :percent=\"70\" status=\"exception\" :size=\"80\" />\n \u003ca-progress type=\"circle\" :percent=\"100\" :size=\"80\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":372,"content_sha256":"1eeb2eea82987c445c02420cbc89e62755eb4d364104bcb1d43a41351683eb5c"},{"filename":"references/components/progress/demo/circle-steps.md","content":"# Circular progress bar with steps\n\n## Description (en-US)\n\nA circular progress bar that supports steps and color segments, default gap is 2px.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst stepsCount = ref(5)\nconst stepsGap = ref(7)\n\u003c/script>\n\n\u003ctemplate>\n \u003cdiv>\n \u003ca-typography-title :level=\"5\">\n Custom count:\n \u003c/a-typography-title>\n \u003ca-slider v-model:value=\"stepsCount\" :min=\"2\" :max=\"10\" />\n \u003ca-typography-title :level=\"5\">\n Custom gap:\n \u003c/a-typography-title>\n \u003ca-slider v-model:value=\"stepsGap\" :step=\"4\" :min=\"0\" :max=\"40\" />\n \u003ca-flex wrap gap=\"middle\" style=\"margin-top: 16px\">\n \u003ca-progress\n type=\"dashboard\"\n :steps=\"8\"\n :percent=\"50\"\n rail-color=\"rgba(0, 0, 0, 0.06)\"\n :stroke-width=\"20\"\n />\n \u003ca-progress\n type=\"circle\"\n :percent=\"100\"\n :steps=\"{ count: stepsCount, gap: stepsGap }\"\n rail-color=\"rgba(0, 0, 0, 0.06)\"\n :stroke-width=\"20\"\n />\n \u003c/a-flex>\n \u003c/div>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1041,"content_sha256":"fcbf6d535a7cf4bfbea92a14b1177630f504652663f1b998593093a9bc30a815"},{"filename":"references/components/progress/demo/circle.md","content":"# Circular progress bar\n\n## Description (en-US)\n\nA circular progress bar.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex gap=\"small\" wrap>\n \u003ca-progress type=\"circle\" :percent=\"75\" />\n \u003ca-progress type=\"circle\" :percent=\"70\" status=\"exception\" />\n \u003ca-progress type=\"circle\" :percent=\"100\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":321,"content_sha256":"0d9dd837823848b16b87cbb24c2c3bfd8f6cabf4647bb06c9b17f6ce2f4b0558"},{"filename":"references/components/progress/demo/dashboard.md","content":"# Dashboard\n\n## Description (en-US)\n\nBy setting `type=\"dashboard\"`, you can get a dashboard style of progress easily.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { ProgressProps } from 'antdv-next'\nimport { ref } from 'vue'\n\ntype GapPlacement = NonNullable\u003cProgressProps['gapPlacement']>\n\nconst gapPlacement = ref\u003cGapPlacement>('bottom')\nconst gapDegree = ref\u003cnumber>(50)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"large\">\n \u003cdiv>\n gapDegree:\n \u003ca-segmented\n v-model:value=\"gapDegree\"\n :options=\"[\n { label: 50, value: 50 },\n { label: 100, value: 100 },\n ]\"\n />\n \u003c/div>\n \u003cdiv>\n gapPlacement:\n \u003ca-segmented\n v-model:value=\"gapPlacement\"\n :options=\"[\n { label: 'start', value: 'start' },\n { label: 'end', value: 'end' },\n { label: 'top', value: 'top' },\n { label: 'bottom', value: 'bottom' },\n ]\"\n />\n \u003c/div>\n \u003ca-progress type=\"dashboard\" :gap-degree=\"gapDegree\" :percent=\"30\" :gap-placement=\"gapPlacement\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1090,"content_sha256":"9b316a6f858a35573016ff1c65baea536a29dd2f043c7fe7eae49de904dce415"},{"filename":"references/components/progress/demo/dynamic.md","content":"# Dynamic\n\n## Description (en-US)\n\nA dynamic progress bar is better.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { MinusOutlined, PlusOutlined } from '@antdv-next/icons'\nimport { ref } from 'vue'\n\nconst percent = ref(0)\n\nfunction increase() {\n percent.value = Math.min(100, percent.value + 10)\n}\n\nfunction decline() {\n percent.value = Math.max(0, percent.value - 10)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"small\">\n \u003ca-flex vertical gap=\"small\">\n \u003ca-progress :percent=\"percent\" type=\"line\" />\n \u003ca-progress :percent=\"percent\" type=\"circle\" />\n \u003c/a-flex>\n \u003ca-space-compact>\n \u003ca-button @click=\"decline\">\n \u003ctemplate #icon>\n \u003cMinusOutlined />\n \u003c/template>\n \u003c/a-button>\n \u003ca-button @click=\"increase\">\n \u003ctemplate #icon>\n \u003cPlusOutlined />\n \u003c/template>\n \u003c/a-button>\n \u003c/a-space-compact>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":909,"content_sha256":"f1e487b0615b1766b1631dd258a343259db893bcf526d5f25ce769ff126b0d81"},{"filename":"references/components/progress/demo/format.md","content":"# Custom text format\n\n## Description (en-US)\n\nYou can set a custom text by setting the `format` prop.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex gap=\"small\" wrap>\n \u003ca-progress type=\"circle\" :percent=\"75\" :format=\"percent => `${percent} Days`\" />\n \u003ca-progress type=\"circle\" :percent=\"100\" :format=\"() => 'Done'\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":345,"content_sha256":"9ff2601516e3a3594907665ac0fded5a6818e1c1411535fbcf6147c4ffc13e01"},{"filename":"references/components/progress/demo/gradient-line.md","content":"# Custom line gradient\n\n## Description (en-US)\n\nGradient encapsulation, `circle` and `dashboard` will ignore `strokeLinecap` when setting gradient.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nconst twoColors = {\n '0%': '#108ee9',\n '100%': '#87d068',\n}\n\nconst conicColors = {\n '0%': '#87d068',\n '50%': '#ffe58f',\n '100%': '#ffccc7',\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-progress :percent=\"99.9\" :stroke-color=\"twoColors\" />\n \u003ca-progress :percent=\"50\" status=\"active\" :stroke-color=\"{ from: '#108ee9', to: '#87d068' }\" />\n \u003ca-flex gap=\"small\" wrap>\n \u003ca-progress type=\"circle\" :percent=\"90\" :stroke-color=\"twoColors\" />\n \u003ca-progress type=\"circle\" :percent=\"100\" :stroke-color=\"twoColors\" />\n \u003ca-progress type=\"circle\" :percent=\"93\" :stroke-color=\"conicColors\" />\n \u003c/a-flex>\n \u003ca-flex gap=\"small\" wrap>\n \u003ca-progress type=\"dashboard\" :percent=\"90\" :stroke-color=\"twoColors\" />\n \u003ca-progress type=\"dashboard\" :percent=\"100\" :stroke-color=\"twoColors\" />\n \u003ca-progress type=\"dashboard\" :percent=\"93\" :stroke-color=\"conicColors\" />\n \u003c/a-flex>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1136,"content_sha256":"5332c70bf13761efcf16bb7459cc5439935f7a05f158f8cb8f30796da3cf3312"},{"filename":"references/components/progress/demo/info-position.md","content":"# Change progress value position\n\n## Description (en-US)\n\nChange the position of the progress value, you can use `percentPosition` to adjust it so that the progress bar value is inside, outside or at the bottom of the progress bar.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex gap=\"small\" vertical>\n \u003ca-progress\n :percent=\"0\"\n :percent-position=\"{ align: 'center', type: 'inner' }\"\n :size=\"[200, 20]\"\n stroke-color=\"#E6F4FF\"\n />\n \u003ca-progress :percent=\"10\" :percent-position=\"{ align: 'center', type: 'inner' }\" :size=\"[300, 20]\" />\n \u003ca-progress\n :percent=\"50\"\n :percent-position=\"{ align: 'start', type: 'inner' }\"\n :size=\"[300, 20]\"\n stroke-color=\"#B7EB8F\"\n />\n \u003ca-progress\n :percent=\"60\"\n :percent-position=\"{ align: 'end', type: 'inner' }\"\n :size=\"[300, 20]\"\n stroke-color=\"#001342\"\n />\n \u003ca-progress :percent=\"100\" :percent-position=\"{ align: 'center', type: 'inner' }\" :size=\"[400, 20]\" />\n \u003ca-progress :percent=\"60\" :percent-position=\"{ align: 'start', type: 'outer' }\" />\n \u003ca-progress :percent=\"100\" :percent-position=\"{ align: 'start', type: 'outer' }\" />\n \u003ca-progress :percent=\"60\" :percent-position=\"{ align: 'center', type: 'outer' }\" size=\"small\" />\n \u003ca-progress :percent=\"100\" :percent-position=\"{ align: 'center', type: 'outer' }\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1366,"content_sha256":"54971063c3ecdeffa336c8fbaeea1b8f0ca989eea2f614cc3141d1e9fa607d86"},{"filename":"references/components/progress/demo/line-mini.md","content":"# Mini size progress bar\n\n## Description (en-US)\n\nAppropriate for a narrow area.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex vertical gap=\"small\" style=\"width: 180px\">\n \u003ca-progress :percent=\"30\" size=\"small\" />\n \u003ca-progress :percent=\"50\" size=\"small\" status=\"active\" />\n \u003ca-progress :percent=\"70\" size=\"small\" status=\"exception\" />\n \u003ca-progress :percent=\"100\" size=\"small\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":412,"content_sha256":"d944c240a285bff9cf521b5bac2bb2fbab941157e5833ea48c3cd76b94f46700"},{"filename":"references/components/progress/demo/line.md","content":"# Progress bar\n\n## Description (en-US)\n\nA standard progress bar.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex gap=\"small\" vertical>\n \u003ca-progress :percent=\"30\" />\n \u003ca-progress :percent=\"50\" status=\"active\" />\n \u003ca-progress :percent=\"70\" status=\"exception\" />\n \u003ca-progress :percent=\"100\" />\n \u003ca-progress :percent=\"50\" :show-info=\"false\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":375,"content_sha256":"190d77c0fabfaeed481e02073085c23d3049036737a5528e43fce1b3b8eba926"},{"filename":"references/components/progress/demo/linecap.md","content":"# Stroke Linecap\n\n## Description (en-US)\n\nBy setting `strokeLinecap=\"butt\"`, you can change the linecaps from `round` to `butt`, see [stroke-linecap](https://developer.mozilla.org/docs/Web/SVG/Attribute/stroke-linecap) for more information.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex vertical gap=\"small\">\n \u003ca-progress stroke-linecap=\"butt\" :percent=\"75\" />\n \u003ca-flex wrap gap=\"small\">\n \u003ca-progress stroke-linecap=\"butt\" type=\"circle\" :percent=\"75\" />\n \u003ca-progress stroke-linecap=\"butt\" type=\"dashboard\" :percent=\"75\" />\n \u003c/a-flex>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":575,"content_sha256":"64d9a4367c4e66e4b39d30d6791cc5887d1f7df349fd35e81097c2ef227c8b6b"},{"filename":"references/components/progress/demo/segment.md","content":"# Progress bar with success segment\n\n## Description (en-US)\n\nShow several parts of progress with different status.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex gap=\"small\" vertical>\n \u003ca-tooltip title=\"3 done / 3 in progress / 4 to do\">\n \u003ca-progress :percent=\"60\" :success=\"{ percent: 30 }\" />\n \u003c/a-tooltip>\n \u003ca-flex gap=\"small\" wrap>\n \u003ca-tooltip title=\"3 done / 3 in progress / 4 to do\">\n \u003ca-progress type=\"circle\" :percent=\"60\" :success=\"{ percent: 30 }\" />\n \u003c/a-tooltip>\n \u003ca-tooltip title=\"3 done / 3 in progress / 4 to do\">\n \u003ca-progress type=\"dashboard\" :percent=\"60\" :success=\"{ percent: 30 }\" />\n \u003c/a-tooltip>\n \u003c/a-flex>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":700,"content_sha256":"e749d392c42b0b0819d8be8ec56bdded6c1d9c2666d8466781fc3170d7e32957"},{"filename":"references/components/progress/demo/size.md","content":"# Progress size\n\n## Description (en-US)\n\nThe size of progress.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-flex vertical gap=\"small\" style=\"width: 300px\">\n \u003ca-progress :percent=\"50\" />\n \u003ca-progress :percent=\"50\" size=\"small\" />\n \u003ca-progress :percent=\"50\" :size=\"[300, 20]\" />\n \u003c/a-flex>\n \u003ca-flex align=\"center\" wrap :gap=\"30\">\n \u003ca-progress type=\"circle\" :percent=\"50\" />\n \u003ca-progress type=\"circle\" :percent=\"50\" size=\"small\" />\n \u003ca-progress type=\"circle\" :percent=\"50\" :size=\"20\" />\n \u003c/a-flex>\n \u003ca-flex align=\"center\" wrap :gap=\"30\">\n \u003ca-progress type=\"dashboard\" :percent=\"50\" />\n \u003ca-progress type=\"dashboard\" :percent=\"50\" size=\"small\" />\n \u003ca-progress type=\"dashboard\" :percent=\"50\" :size=\"20\" />\n \u003c/a-flex>\n \u003ca-flex align=\"center\" wrap :gap=\"30\">\n \u003ca-progress :steps=\"3\" :percent=\"50\" />\n \u003ca-progress :steps=\"3\" :percent=\"50\" size=\"small\" />\n \u003ca-progress :steps=\"3\" :percent=\"50\" :size=\"20\" />\n \u003ca-progress :steps=\"3\" :percent=\"50\" :size=\"[20, 30]\" />\n \u003c/a-flex>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1106,"content_sha256":"23cd0a9b2008e0d4587b87d3bbe5206e6af77fdc90fa15c82be57de93534e093"},{"filename":"references/components/progress/demo/steps.md","content":"# Progress bar with steps\n\n## Description (en-US)\n\nA progress bar with steps.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { green, red } from '@ant-design/colors'\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"small\" vertical>\n \u003ca-progress :percent=\"50\" :steps=\"3\" />\n \u003ca-progress :percent=\"30\" :steps=\"5\" />\n \u003ca-progress :percent=\"100\" :steps=\"5\" size=\"small\" :stroke-color=\"green[6]\" />\n \u003ca-progress :percent=\"60\" :steps=\"5\" :stroke-color=\"[green[6]!, green[6]!, red[5]!]\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":515,"content_sha256":"10f4d9db164fed96c6433a3e656adf4d653075b29f30189b09484e9cdfa11219"},{"filename":"references/components/progress/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { ProgressProps } from 'antdv-next'\n\nconst classes: ProgressProps['classes'] = {\n root: 'demo-progress-root',\n rail: 'demo-progress-rail',\n track: 'demo-progress-track',\n}\n\nconst stylesFn: ProgressProps['styles'] = (info) => {\n const percent = info?.props?.percent ?? 0\n const hue = 200 - (200 * percent) / 100\n return {\n track: {\n backgroundImage: `\n linear-gradient(\n to right,\n hsla(${hue}, 85%, 65%, 1),\n hsla(${hue + 30}, 90%, 55%, 0.95)\n )`,\n borderRadius: 8,\n transition: 'all 0.3s ease',\n },\n rail: {\n backgroundColor: 'rgba(0, 0, 0, 0.1)',\n borderRadius: 8,\n },\n } as ProgressProps['styles']\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"large\">\n \u003ca-progress :classes=\"classes\" :styles=\"stylesFn\" :percent=\"10\" />\n \u003ca-progress :classes=\"classes\" :styles=\"stylesFn\" :percent=\"20\" />\n \u003ca-progress :classes=\"classes\" :styles=\"stylesFn\" :percent=\"40\" />\n \u003ca-progress :classes=\"classes\" :styles=\"stylesFn\" :percent=\"60\" />\n \u003ca-progress :classes=\"classes\" :styles=\"stylesFn\" :percent=\"80\" />\n \u003ca-progress :classes=\"classes\" :styles=\"stylesFn\" :percent=\"99\" />\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle>\n.demo-progress-root {\n width: 100%;\n}\n\n.demo-progress-rail {\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n\n.demo-progress-track {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1511,"content_sha256":"5b2bf85dd87ce843b642e5770cdfa79b4484b133f6567afbc73d80ad0b06ecc4"},{"filename":"references/components/progress/docs.md","content":"---\ntitle: Progress\ndescription: Display the current progress of the operation.\n---\n\n## When To Use \nIf it will take a long time to complete an operation, you can use `Progress` to show the current progress and status.\n\n- When an operation will interrupt the current interface, or it needs to run in the background for more than 2 seconds.\n- When you need to display the completion percentage of an operation.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Progress bar | demo/line.md |\n| Circular progress bar | demo/circle.md |\n| Mini size progress bar | demo/line-mini.md |\n| Responsive circular progress bar | demo/circle-micro.md |\n| Mini size circular progress bar | demo/circle-mini.md |\n| Dynamic | demo/dynamic.md |\n| Custom text format | demo/format.md |\n| Dashboard | demo/dashboard.md |\n| Progress bar with success segment | demo/segment.md |\n| Stroke Linecap | demo/linecap.md |\n| Custom line gradient | demo/gradient-line.md |\n| Progress bar with steps | demo/steps.md |\n| Circular progress bar with steps | demo/circle-steps.md |\n| Progress size | demo/size.md |\n| Change progress value position | demo/info-position.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Props\n\nProperties shared by all types.\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| classes | Customize class for each semantic structure inside the component. Supports object or function. | ProgressClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | ProgressStylesType | - | - |\n| rootClass | Root container class | string | - | - |\n| type | To set the type, options: `line` `circle` `dashboard` | ProgressType | `line` | - |\n| percent | To set the completion percentage | number | 0 | - |\n| format | The template function of the content | (percent?: number, successPercent?: number) => any | (percent) => percent + `%` | - |\n| status | To set the status of the Progress, options: `success` `exception` `normal` `active`(line only) | (typeof ProgressStatuses)[number] | - | - |\n| showInfo | Whether to display the progress value and the status icon | boolean | true | - |\n| strokeWidth | - | number | - | - |\n| strokeLinecap | To set the style of the progress linecap | 'butt' \\| 'square' \\| 'round' | `round` | - |\n| strokeColor | The color of progress bar | string \\| string[] \\| ProgressGradient | - | - |\n| railColor | The color of unfilled part | string | - | - |\n| success | Configs of successfully progress bar | SuccessProps | - | - |\n| trailColor | The color of unfilled part. Please use `railColor` instead | string | - | - |\n| width | Deprecated. Use `size` instead | number | - | - |\n| size | Progress size | number \\| [number \\| string, number] \\| ProgressSize \\| { width?: number, height?: number } | `default` | - |\n\n### `type=\"line\"` \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| steps | The total step count | number | - | - |\n| rounding | The function to round the value | (step: number) => number | Math.round | - |\n| strokeColor | The color of progress bar, render `linear-gradient` when passing an object, could accept `string[]` when has `steps`. | string \\| string[] \\| ProgressGradient | - | - |\n| percentPosition | Progress value position, passed in object, `align` indicates the horizontal position of the value, `type` indicates whether the value is inside or outside the progress bar | PercentPositionType | { align: 'end', type: 'outer' } | - |\n\n### `type=\"circle\"` \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| steps | The total step count. When passing an object, `count` refers to the number of steps, and `gap` refers to the distance between them. When passing number, the default value for `gap` is 2. | number \\| { count: number, gap: number } | - | - |\n| strokeColor | The color of circular progress, render gradient when passing an object | string \\| ProgressGradient | - | - |\n| strokeWidth | To set the width of the circular progress, unit: percentage of the canvas width | number | 6 | - |\n\n### `type=\"dashboard\"` \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| steps | The total step count. When passing an object, `count` refers to the number of steps, and `gap` refers to the distance between them. When passing number, the default value for `gap` is 2. | number \\| { count: number, gap: number } | - | - |\n| gapDegree | The gap degree of half circle, 0 ~ 295 | number | 75 | - |\n| gapPlacement | The gap placement, options: `top` `bottom` `start` `end` | GapPlacement | `bottom` | - |\n| gapPosition | Deprecated. Please use `gapPlacement` instead | GapPosition | `bottom` | - |\n| strokeWidth | To set the width of the dashboard progress, unit: percentage of the canvas width | number | 6 | - |\n\n## Semantic DOM \n| _semantic | demo/_semantic.md |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":5066,"content_sha256":"999cd8d3f6acd4bf2e7a7e035a3a73dec80f157a9d081efc1182d8accd5932cd"},{"filename":"references/components/progress/token.md","content":"# progress Token\n\nUse these variables through `theme.components.Progress`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Progress: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `defaultColor` | `string` | Default color of progress bar |\n| `remainingColor` | `string` | Color of remaining part of progress bar |\n| `circleTextColor` | `string` | Text color of circular progress bar |\n| `lineBorderRadius` | `number` | Border radius of line progress bar |\n| `circleTextFontSize` | `string` | Text size of circular progress bar |\n| `circleIconFontSize` | `string` | Icon size of circular progress bar |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":846,"content_sha256":"a81debd45750cf3666c5ad59f5287ea02fc44284f5775ad81193e2241cc00e17"},{"filename":"references/components/qr-code/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root') },\n { name: 'cover', desc: t('cover') },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"QRCode\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003ca-qrcode value=\"https://ant.design\" status=\"loading\" :classes=\"classes\" />\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":673,"content_sha256":"e625a19c05de229631c548005b8bac95f1d721ebee7e98099b2a9ee8d57427b1"},{"filename":"references/components/qr-code/demo/base.md","content":"# base\n\n## Description (en-US)\n\nBasic Usage.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst text = ref('https://www.antdv-next.com')\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space direction=\"vertical\" align=\"center\">\n \u003ca-qrcode :value=\"text || '-'\" />\n \u003ca-input v-model:value=\"text\" placeholder=\"-\" :maxlength=\"60\" />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":369,"content_sha256":"1ec13916034170a1819e6994db16f6762b00bbd5a9021c930d5790d1f3a0b4bd"},{"filename":"references/components/qr-code/demo/customColor.md","content":"# Custom Color\n\n## Description (en-US)\n\nCustom Color.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { theme } from 'antdv-next'\n\nconst { useToken } = theme\nconst { token } = useToken()\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space>\n \u003ca-qrcode value=\"https://www.antdv-next.com\" :color=\"token.colorSuccessText\" />\n \u003ca-qrcode value=\"https://www.antdv-next.com\" :color=\"token.colorInfoText\" :bg-color=\"token.colorBgLayout\" />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":450,"content_sha256":"213ea589292d582a52af8a7f85828a9bf34e4f0c51e2f972dd9c5b1ec49078da"},{"filename":"references/components/qr-code/demo/customSize.md","content":"# Custom Size\n\n## Description (en-US)\n\nCustom Size.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { MinusOutlined, PlusOutlined } from '@antdv-next/icons'\nimport { shallowRef } from 'vue'\n\nconst size = shallowRef(160)\nconst MIN_SIZE = 48\nconst MAX_SIZE = 300\nfunction increase() {\n const fn = (prevSize: number) => {\n const newSize = prevSize + 10\n if (newSize >= MAX_SIZE) {\n return MAX_SIZE\n }\n return newSize\n }\n size.value = fn(size.value)\n}\n\nfunction decline() {\n const fn = (prevSize: number) => {\n const newSize = prevSize - 10\n if (newSize \u003c= MIN_SIZE) {\n return MIN_SIZE\n }\n return newSize\n }\n size.value = fn(size.value)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space-compact class=\"mb-16px\">\n \u003ca-button :disabled=\"size \u003c= MIN_SIZE\" @click=\"decline\">\n \u003ctemplate #icon>\n \u003cMinusOutlined />\n \u003c/template>\n Smaller\n \u003c/a-button>\n \u003ca-button :disabled=\"size >= MAX_SIZE\" @click=\"increase\">\n \u003ctemplate #icon>\n \u003cPlusOutlined />\n \u003c/template>\n Larger\n \u003c/a-button>\n \u003c/a-space-compact>\n \u003ca-qrcode\n error-level=\"H\"\n :size=\"size\"\n :icon-size=\"size / 4\"\n value=\"https://antdv-next.com/\"\n icon=\"https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1283,"content_sha256":"c14b2da0b3626e921bd76226be2264e204344118285963015f923502080b3a1d"},{"filename":"references/components/qr-code/demo/customStatusRender.md","content":"# custom status render\n\n## Description (en-US)\n\nYou can control the rendering logic of the QR code in different states through the value of `statusRender`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { CheckCircleFilled, CloseCircleFilled, ReloadOutlined } from '@antdv-next/icons'\n\nconst value = 'https://antdv-next.com'\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"middle\" wrap>\n \u003ca-qrcode :value=\"value\" status=\"loading\">\n \u003ctemplate #statusRender=\"info\">\n \u003ctemplate v-if=\"info.status === 'loading'\">\n \u003ca-space direction=\"vertical\">\n \u003ca-spin />\n \u003cp>Loading...\u003c/p>\n \u003c/a-space>\n \u003c/template>\n \u003c/template>\n \u003c/a-qrcode>\n \u003ca-qrcode :value=\"value\" status=\"expired\" @refresh=\"() => console.log('refresh')\">\n \u003ctemplate #statusRender=\"info\">\n \u003ctemplate v-if=\"info.status === 'expired'\">\n \u003cdiv>\n \u003cCloseCircleFilled style=\"color: red\" /> {{ info?.locale?.expired }}\n \u003cp>\n \u003ca-button type=\"link\" @click=\"info?.onRefresh\">\n \u003cReloadOutlined /> {{ info?.locale?.refresh }}\n \u003c/a-button>\n \u003c/p>\n \u003c/div>\n \u003c/template>\n \u003c/template>\n \u003c/a-qrcode>\n\n \u003ca-qrcode :value=\"value\" status=\"scanned\">\n \u003ctemplate #statusRender=\"info\">\n \u003ctemplate v-if=\"info.status === 'scanned'\">\n \u003cdiv>\n \u003cCheckCircleFilled style=\"color:green\" /> {{ info?.locale?.scanned }}\n \u003c/div>\n \u003c/template>\n \u003c/template>\n \u003c/a-qrcode>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1550,"content_sha256":"9c8629148f68ade9bfe86ba9718c1eb4e7a543a18974246c2719a5cf724427b2"},{"filename":"references/components/qr-code/demo/download.md","content":"# Download QRCode\n\n## Description (en-US)\n\nA way to download QRCode.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { QRCodeProps } from 'antdv-next'\nimport { ref, useTemplateRef } from 'vue'\n\nconst renderType = ref\u003cQRCodeProps['type']>('canvas')\nconst qrcodeRef = useTemplateRef('qrcode')\nfunction doDownload(url: string, fileName: string) {\n const a = document.createElement('a')\n a.download = fileName\n a.href = url\n document.body.appendChild(a)\n a.click()\n document.body.removeChild(a)\n}\n\nfunction downloadCanvasQRCode() {\n if (qrcodeRef.value) {\n const url = qrcodeRef.value.toDataURL()\n doDownload(url, 'QRCode.png')\n }\n}\n\nfunction downloadSvgQRCode() {\n const svg = qrcodeRef.value.$el?.querySelector\u003cSVGElement>('svg')\n const svgData = new XMLSerializer().serializeToString(svg!)\n const blob = new Blob([svgData], { type: 'image/svg+xml;charset=utf-8' })\n const url = URL.createObjectURL(blob)\n\n doDownload(url, 'QRCode.svg')\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space vertical>\n \u003ca-segmented v-model:value=\"renderType\" :options=\"['canvas', 'svg']\" />\n \u003cdiv>\n \u003ca-qrcode ref=\"qrcode\" :type=\"renderType\" value=\"https://ant.design\" bg-color=\"rgba(255,255,255,0.5)\" style=\"margin-bottom: 16px;\" icon=\"https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg\" />\n \u003ca-button type=\"primary\" @click=\"renderType === 'canvas' ? downloadCanvasQRCode() : downloadSvgQRCode()\">\n download\n \u003c/a-button>\n \u003c/div>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1495,"content_sha256":"b9a9589c8f5975d4ddc7cf86085aaf5170e834f8607925de8ff66597da17a722"},{"filename":"references/components/qr-code/demo/errorLevel.md","content":"# Error Level\n\n## Description (en-US)\n\nset Error Level.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { QRCodeProps } from 'antdv-next'\nimport { ref } from 'vue'\n\nconst level = ref\u003cQRCodeProps['errorLevel']>('M')\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-qrcode style=\"margin-bottom: 16px;\" :error-level=\"level\" value=\"https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg\" />\n \u003ca-segmented v-model:value=\"level\" :options=\"['L', 'M', 'Q', 'H']\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":474,"content_sha256":"2ec96b83a4171a788dd01f5ab01e5c910cf581102adc2c9fbf973bed0bc9b45b"},{"filename":"references/components/qr-code/demo/icon.md","content":"# With Icon\n\n## Description (en-US)\n\nQRCode with Icon.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-qrcode\n error-level=\"H\"\n value=\"'https://www.antdv-next.com\"\n icon=\"https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":257,"content_sha256":"85735ee4a8fc19d24b00a0bc65c82771e0b69d483b09c5057e9015a0bf104d94"},{"filename":"references/components/qr-code/demo/Popover.md","content":"# Advanced Usage\n\n## Description (en-US)\n\nWith Popover.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\ndefineOptions({ name: 'Popover' })\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-popover>\n \u003ctemplate #content>\n \u003ca-qrcode value=\"https://ant.design\" :bordered=\"false\" />\n \u003c/template>\n \u003ca-button type=\"primary\">\n Hover me\n \u003c/a-button>\n \u003c/a-popover>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":367,"content_sha256":"e2ccec3a87d92ee508936c265a9222d147899e505d6be83d60cd9420af0950fb"},{"filename":"references/components/qr-code/demo/status.md","content":"# other status\n\n## Description (en-US)\n\nThe `status` can be controlled by the value status, four values ​​of `active`, `expired`, `loading`, `scanned` are provided.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nconst value = 'https://www.antdv-next.com'\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"middle\" wrap>\n \u003ca-qrcode :value=\"value\" status=\"loading\" />\n \u003ca-qrcode :value=\"value\" status=\"expired\" @refresh=\"() => console.log('refresh')\" />\n \u003ca-qrcode :value=\"value\" status=\"scanned\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":522,"content_sha256":"f7622a1dfa8c1496a7f294474bae6c073e92e80d3cb9f59639818c6bdf4a8b35"},{"filename":"references/components/qr-code/demo/type.md","content":"# Custom Render Type\n\n## Description (en-US)\n\nCustomize the rendering results by `type`, provide options `canvas` and `svg`.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-space>\n \u003ca-qrcode type=\"canvas\" value=\"https://www.antdv-next.com\" />\n \u003ca-qrcode type=\"svg\" value=\"https://www.antdv-next.com\" />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":325,"content_sha256":"2b53b34cdf819af7070928e947fadff2a8b61fcb1824aeb1f81705cf9305c1f2"},{"filename":"references/components/qr-code/docs.md","content":"---\ntitle: QRCode\ndescription: Components that can convert text into QR codes, and support custom color and logo.\n---\n\n## When To Use\n\nUsed when the text needs to be converted into a QR Code.\n\n## Examples\n\n\u003c!-- prettier-ignore -->\n| base | demo/base.md |\n| With Icon | demo/icon.md |\n| other status | demo/status.md |\n| custom status render | demo/customStatusRender.md |\n| Custom Render Type | demo/type.md |\n| Custom Size | demo/customSize.md |\n| Custom Color | demo/customColor.md |\n| Download QRCode | demo/download.md |\n| Error Level | demo/errorLevel.md |\n| Advanced Usage | demo/Popover.md |\n\u003c!-- | Custom semantic dom styling | demo/style-class.md | -->\n\n## API\n\n### Props\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| value | scanned text | string \\| string[] | - | - |\n| type | render type | `canvas` \\| `svg` | `canvas` | - |\n| icon | include image url (only image link are supported) | string | - | - |\n| size | QRCode size | number | 160 | - |\n| iconSize | include image size | number \\| { width: number; height: number } | 40 | - |\n| color | QRCode Color | string | `#000` | - |\n| bgColor | QRCode Background Color | string | `transparent` | - |\n| marginSize | Quiet zone size (in modules). `0` means no margin | number | `0` | - |\n| bordered | Whether has border style | boolean | `true` | - |\n| errorLevel | Error Code Level | `'L'` \\| `'M'` \\| `'Q'` \\| `'H'` | `'M'` | - |\n| boostLevel | If enabled, the Error Correction Level of the result may be higher than the specified Error Correction Level | boolean | true | - |\n| status | QRCode status | `'active'` \\| `'expired'` \\| `'loading'` \\| `'scanned'` | `'active'` | - |\n| statusRender | custom status render | (info: StatusRenderInfo) => VueNode | - | - |\n\n### Events\n\n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| refresh | Refresh the QR code | () => void | - |\n\n### Slots\n\n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| statusRender | custom status render | (info: StatusRenderInfo) => any | - |\n\n## Semantic DOM\n\n| _semantic | demo/_semantic.md |\n\n## FAQ\n\n### About QRCode ErrorLevel \nThe ErrorLevel means that the QR code can be scanned normally after being blocked, and the maximum area that can be blocked is the error correction rate.\n\nGenerally, the QR code is divided into 4 error correction levels: Level `L` can correct about `7%` errors, Level `M` can correct about `15%` errors, Level `Q` can correct about `25%` errors, and Level `H` can correct about `30%` errors. When the content encoding of the QR code carries less information, in other words, when the value link is short, set different error correction levels, and the generated image will not change.\n\n> For more information, see the: [https://www.qrcode.com/en/about/error_correction](https://www.qrcode.com/en/about/error_correction.html)\n\n### ⚠️⚠️⚠️ Cannot scan the QR code? \nIf the QR code cannot be scanned for identification, it may be because the link address is too long, which leads to too dense pixels.\n\nYou can configure the QR code to be larger through size, or shorten the link through short link services.\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":3247,"content_sha256":"cbf3db5373fc507e810c1afb8a8610fb0bab121bacc62dbf591a02fd26307c3f"},{"filename":"references/components/radio/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root'), version: '1.0.0' },\n { name: 'icon', desc: t('icon'), version: '1.0.0' },\n { name: 'label', desc: t('label'), version: '1.0.0' },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Radio\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003ca-radio :classes=\"classes\">\n Radio\n \u003c/a-radio>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":747,"content_sha256":"728c1a0a2b7c58b4ff17b9a65c567bb7abd40140cc16860fc77008ab3e4cc935"},{"filename":"references/components/radio/demo/basic.md","content":"# Basic\n\n## Description (en-US)\n\nThe simplest use.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst val = shallowRef()\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-radio v-model:checked=\"val\">\n Radio\n \u003c/a-radio>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":249,"content_sha256":"f18cd497d728aca11b4eb9483a60bb41f36b5340a8221d069a632fc49fef093f"},{"filename":"references/components/radio/demo/disabled.md","content":"# disabled\n\n## Description (en-US)\n\nRadio unavailable.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst disabled = shallowRef(true)\nfunction toggleDisabled() {\n disabled.value = !disabled.value\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space direction=\"vertical\">\n \u003ca-space>\n \u003ca-radio :checked=\"false\" :disabled=\"disabled\">\n Disabled\n \u003c/a-radio>\n \u003ca-radio :checked=\"true\" :disabled=\"disabled\">\n Disabled\n \u003c/a-radio>\n \u003c/a-space>\n \u003ca-button type=\"primary\" @click=\"toggleDisabled\">\n Toggle disabled\n \u003c/a-button>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":612,"content_sha256":"7d56ddad55e7f9a66d4d6d4581d8cef478d6ed86ed17512c323dd26dcaa8d037"},{"filename":"references/components/radio/demo/radiobutton-solid.md","content":"# Solid radio button\n\n## Description (en-US)\n\nSolid radio button style.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst value = shallowRef('a')\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-radio-group v-model:value=\"value\" button-style=\"solid\">\n \u003ca-radio-button value=\"a\">\n Hangzhou\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"b\">\n Shanghai\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"c\">\n Beijing\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"d\">\n Chengdu\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003ca-radio-group v-model:value=\"value\" button-style=\"solid\">\n \u003ca-radio-button value=\"a\">\n Hangzhou\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"b\" disabled>\n Shanghai\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"c\">\n Beijing\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"d\">\n Chengdu\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1028,"content_sha256":"055547ddd342ea34404b546f68094db8f902eff83dde0db7d974f0f9e0b8bcb3"},{"filename":"references/components/radio/demo/radiobutton.md","content":"# radio style\n\n## Description (en-US)\n\nThe combination of radio button style.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst value = shallowRef('a')\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-radio-group v-model:value=\"value\">\n \u003ca-radio-button value=\"a\">\n Hangzhou\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"b\">\n Shanghai\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"c\">\n Beijing\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"d\">\n Chengdu\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003ca-radio-group v-model:value=\"value\">\n \u003ca-radio-button value=\"a\">\n Hangzhou\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"b\" disabled>\n Shanghai\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"c\">\n Beijing\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"d\">\n Chengdu\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003ca-radio-group v-model:value=\"value\" disabled>\n \u003ca-radio-button value=\"a\">\n Hangzhou\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"b\">\n Shanghai\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"c\">\n Beijing\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"d\">\n Chengdu\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1358,"content_sha256":"f69c6be384087cc662ac518e370ad085a52adee67dd1f2e15a21d975ed69e7d0"},{"filename":"references/components/radio/demo/radiogroup-block.md","content":"# Block Radio.Group\n\n## Description (en-US)\n\nThe `block` property will make a Radio.Group fit to its parent width.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { CheckboxOptionType } from 'antdv-next'\nimport { shallowRef } from 'vue'\n\nconst options: CheckboxOptionType[] = [\n { label: 'Apple', value: 'Apple' },\n { label: 'Pear', value: 'Pear' },\n { label: 'Orange', value: 'Orange' },\n]\nconst value = shallowRef('Apple')\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-radio-group v-model:value=\"value\" block :options=\"options\" />\n \u003ca-radio-group\n v-model:value=\"value\"\n block\n :options=\"options\"\n option-type=\"button\"\n button-style=\"solid\"\n />\n \u003ca-radio-group\n v-model:value=\"value\"\n block\n :options=\"options\"\n option-type=\"button\"\n />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":851,"content_sha256":"3617411338eba0c6967982175506a3a9434c6b2ac01e48248d84a1575ecd07e0"},{"filename":"references/components/radio/demo/radiogroup-more.md","content":"# Vertical Radio.Group\n\n## Description (en-US)\n\nVertical Radio.Group, with more radios.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst val = shallowRef(1)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-radio-group v-model:value=\"val\" vertical>\n \u003ca-radio :value=\"1\">\n Option A\n \u003c/a-radio>\n \u003ca-radio :value=\"2\">\n Option B\n \u003c/a-radio>\n \u003ca-radio :value=\"3\">\n Option C\n \u003c/a-radio>\n \u003ca-radio :value=\"4\">\n More...\n \u003ca-input v-if=\"val === 4\" style=\"width: 100px; margin-left: 10px\" />\n \u003c/a-radio>\n \u003c/a-radio-group>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":590,"content_sha256":"5f79adb1f00b18bc62163ffeaddfb07d2574454285475aca62d619251bedc0e5"},{"filename":"references/components/radio/demo/radiogroup-options.md","content":"# Radio.Group group - optional\n\n## Description (en-US)\n\nRender radios by configuring `options`. Radio type can also be set through the `optionType` parameter.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { CheckboxOptionType } from 'antdv-next'\nimport { shallowRef } from 'vue'\n\nconst plainOptions = ['Apple', 'Pear', 'Orange']\nconst options: CheckboxOptionType[] = [\n { label: 'Apple', value: 'Apple' },\n { label: 'Pear', value: 'Pear' },\n { label: 'Orange', value: 'Orange', title: 'Orange' },\n]\nconst optionsWithDisabled: CheckboxOptionType[] = [\n { label: 'Apple', value: 'Apple' },\n { label: 'Pear', value: 'Pear' },\n { label: 'Orange', value: 'Orange', disabled: true },\n]\n\nconst value1 = shallowRef('Apple')\nconst value2 = shallowRef('Apple')\nconst value3 = shallowRef('Apple')\nconst value4 = shallowRef('Apple')\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-radio-group v-model:value=\"value1\" :options=\"plainOptions\" />\n \u003ca-radio-group v-model:value=\"value2\" :options=\"optionsWithDisabled\" />\n \u003cbr>\n \u003ca-radio-group v-model:value=\"value3\" :options=\"options\" option-type=\"button\" />\n \u003ca-radio-group v-model:value=\"value4\" :options=\"optionsWithDisabled\" option-type=\"button\" button-style=\"solid\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1277,"content_sha256":"71979251ae7bc1c24b080c1c14c820b2acaac67d209ac67c61b755360e72d424"},{"filename":"references/components/radio/demo/radiogroup-with-name.md","content":"# Radio.Group with name\n\n## Description (en-US)\n\nPassing the `name` property to all `input[type=\"radio\"]` that are in the same Radio.Group. It is usually used to let the browser see your Radio.Group as a real \"group\" and keep the default behavior. For example, using left/right keyboard arrow to change your selection that in the same Radio.Group.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { CheckboxOptionType } from 'antdv-next'\nimport { shallowRef } from 'vue'\n\nconst options: CheckboxOptionType[] = [\n { label: 'A', value: 1 },\n { label: 'B', value: 2 },\n { label: 'C', value: 3 },\n { label: 'D', value: 4 },\n]\nconst val = shallowRef(1)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-radio-group v-model:value=\"val\" name=\"radiogroup\" :options=\"options\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":774,"content_sha256":"54c17ccfa1735b01b4a65c1c5eb3c798078035b5fe2cf7c99364766473c78799"},{"filename":"references/components/radio/demo/radiogroup.md","content":"# Radio Group\n\n## Description (en-US)\n\nA group of radio components.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { RadioOptionType } from 'antdv-next'\nimport { BarChartOutlined, DotChartOutlined, LineChartOutlined, PieChartOutlined } from '@antdv-next/icons'\nimport { shallowRef } from 'vue'\n\nconst iconsMap: any = {\n 1: LineChartOutlined,\n 2: DotChartOutlined,\n 3: BarChartOutlined,\n 4: PieChartOutlined,\n}\nconst options: RadioOptionType[] = [\n {\n value: 1,\n class: 'option-1',\n label: 'LineChat',\n },\n {\n value: 2,\n class: 'option-2',\n label: 'DotChart',\n },\n {\n value: 3,\n class: 'option-3',\n label: 'BarChart',\n },\n {\n value: 4,\n class: 'option-4',\n label: 'PieChart',\n },\n]\nconst val = shallowRef(1)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-radio-group v-model:value=\"val\" :options=\"options\">\n \u003ctemplate #labelRender=\"{ item }\">\n \u003ca-flex gap=\"small\" justify=\"center\" align=\"center\" vertical>\n \u003ccomponent :is=\"iconsMap[item.value]\" style=\"font-size: 18px;\" />\n {{ item.label }}\n \u003c/a-flex>\n \u003c/template>\n \u003c/a-radio-group>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1116,"content_sha256":"6af97331cb580c6eeddf21710a307fbaadd4dcc30cfeb902aceb043d8193e24d"},{"filename":"references/components/radio/demo/size.md","content":"# Size\n\n## Description (en-US)\n\nThere are three sizes available: large, medium, and small. It can coordinate with input box.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst value = shallowRef()\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-radio-group v-model:value=\"value\" size=\"small\" default-value=\"a\">\n \u003ca-radio-button value=\"a\">\n Hangzhou\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"b\">\n Shanghai\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"c\">\n Beijing\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"d\">\n Chengdu\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003ca-radio-group v-model:value=\"value\" default-value=\"a\">\n \u003ca-radio-button value=\"a\">\n Hangzhou\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"b\">\n Shanghai\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"c\">\n Beijing\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"d\">\n Chengdu\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003ca-radio-group v-model:value=\"value\" size=\"large\" disabled default-value=\"a\">\n \u003ca-radio-button value=\"a\">\n Hangzhou\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"b\">\n Shanghai\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"c\">\n Beijing\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"d\">\n Chengdu\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1473,"content_sha256":"4c7f70560daab80ea6e62a58e28255c8a1639af3eb96fdee3e337b94967d2c87"},{"filename":"references/components/radio/docs.md","content":"---\ntitle: Radio\ndescription: Used to select a single state from multiple options.\n---\n\n## When To Use\n\n- Used to select a single state from multiple options.\n- The difference from Select is that Radio is visible to the user and can facilitate the comparison of choice, which means there shouldn't be too many of them.\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { ref } from 'vue'\n\nconst value = ref()\n\u003c/script>\n\n\u003ctemplate>\n \u003c!-- When use RadioGroup, recommended ✅ -->\n \u003ca-radio-group\n v-model:value=\"value\"\n :options=\"[\n { value: 1, label: 'A' },\n { value: 2, label: 'B' },\n { value: 3, label: 'C' },\n ]\"\n />\n \u003c!-- No recommended 🙅🏻‍♀️ -->\n \u003ca-radio-group v-model:value=\"value\">\n \u003ca-radio :value=\"1\">\n A\n \u003c/a-radio>\n \u003ca-radio :value=\"2\">\n B\n \u003c/a-radio>\n \u003ca-radio :value=\"3\">\n C\n \u003c/a-radio>\n \u003c/a-radio-group>\n\u003c/template>\n```\n\n## Examples\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic | demo/basic.md |\n| disabled | demo/disabled.md |\n| Radio Group | demo/radiogroup.md |\n| Vertical Radio.Group | demo/radiogroup-more.md |\n| Block Radio.Group | demo/radiogroup-block.md |\n| Radio.Group group - optional | demo/radiogroup-options.md |\n| radio style | demo/radiobutton.md |\n| Radio.Group with name | demo/radiogroup-with-name.md |\n| Size | demo/size.md |\n| Solid radio button | demo/radiobutton-solid.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Radio/RadioButton\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| checked | Specifies whether the radio is selected, support `v-model:checked` | boolean | false | |\n| disabled | Disable radio | boolean | false | |\n| value | According to value for comparison, to determine whether the selected | any | - | |\n\n#### Methods \n| Name | Description |\n| ------- | ------------ |\n| blur() | Remove focus |\n| focus() | Get focus |\n\n### RadioGroup\n\nRadio group can wrap a group of `Radio`.\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| block | Option to fit RadioGroup width to its parent width | boolean | false | - |\n| buttonStyle | The style type of radio button | `outline` \\| `solid` | `outline` | |\n| defaultValue | Default selected value | any | - | |\n| disabled | Disable all radio buttons | boolean | false | |\n| name | The `name` property of all `input[type=\"radio\"]` children. If not set, it will fallback to a randomly generated name | string | - | |\n| options | Set children optional | string\\[] \\| number\\[] \\| Array<[CheckboxOptionType](#checkboxoptiontype)> | - | |\n| optionType | Set Radio optionType | `default` \\| `button` | `default` | - |\n| orientation | Orientation | `horizontal` \\| `vertical` | `horizontal` | |\n| size | The size of radio button style | `large` \\| `middle` \\| `small` | - | |\n| value | Used for setting the currently selected value, support `v-model:value` | any | - | |\n| vertical | If true, the Radio group will be vertical. Simultaneously existing with `orientation`, `orientation` takes priority | boolean | false | |\n\n#### Events \n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| change | The callback function that is triggered when the state changes | (e: RadioChangeEvent) => void | - |\n\n#### Slots \n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| labelRender | label render slot | (params: { item: CheckboxOptionType, index: number }) => any | - |\n\n## Types\n\n### CheckboxOptionType\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| label | The text used to display as the Radio option | `string` | - | - |\n| value | The value associated with the Radio option | `string` \\| `number` \\| `boolean` | - | - |\n| style | The style to apply to the Radio option | `CSSProperties` | - | - |\n| class | class of the Radio option | `string` | - | - |\n| disabled | Specifies whether the Radio option is disabled | `boolean` | `false` | - |\n| title | Adds the Title attribute value | `string` | - | - |\n| id | Adds the Radio Id attribute value | `string` | - | - |\n| onChange | Triggered when the value of the Radio Group changes | `(e: CheckboxChangeEvent) => void;` | - | - |\n| required | Specifies whether the Radio option is required | `boolean` | `false` | - |\n\n## Semantic DOM\n\n| _semantic | demo/_semantic.md |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":4433,"content_sha256":"f7975295c129b120b47163a40232ec0da5ac1af8d8787952708aa02fa14dca01"},{"filename":"references/components/radio/token.md","content":"# radio Token\n\nUse these variables through `theme.components.Radio`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Radio: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `radioSize` | `number` | Radio size |\n| `dotSize` | `number` | Size of Radio dot |\n| `dotColorDisabled` | `string` | Color of disabled Radio dot |\n| `buttonBg` | `string` | Background color of Radio button |\n| `buttonCheckedBg` | `string` | Background color of checked Radio button |\n| `buttonColor` | `string` | Color of Radio button text |\n| `buttonPaddingInline` | `number` | Horizontal padding of Radio button |\n| `buttonCheckedBgDisabled` | `string` | Background color of checked and disabled Radio button |\n| `buttonCheckedColorDisabled` | `string` | Color of checked and disabled Radio button text |\n| `buttonSolidCheckedColor` | `string` | Color of checked solid Radio button text |\n| `buttonSolidCheckedBg` | `string` | Background color of checked solid Radio button text |\n| `buttonSolidCheckedHoverBg` | `string` | Background color of checked solid Radio button text when hover |\n| `buttonSolidCheckedActiveBg` | `string` | Background color of checked solid Radio button text when active |\n| `wrapperMarginInlineEnd` | `number` | Margin right of Radio button |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1487,"content_sha256":"003f6bf0551e04f624681dad521a6e9d2cb1729d1246337d73280a5dc794345e"},{"filename":"references/components/rate/demo/basic.md","content":"# Basic\n\n## Description (en-US)\n\nThe simplest usage.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst value = ref(0)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-rate v-model:value=\"value\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":218,"content_sha256":"75e717cf2a55af992732937e870a2837f6c0853a0e53e0479779ca15ebf9fd31"},{"filename":"references/components/rate/demo/character-function.md","content":"# Customize character\n\n## Description (en-US)\n\nCan customize each character using `(RateProps) => ReactNode`.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { FrownOutlined, MehOutlined, SmileOutlined } from '@antdv-next/icons'\nimport { h, ref } from 'vue'\n\nconst customIcons: Record\u003cnumber, any> = {\n 1: h(FrownOutlined),\n 2: h(FrownOutlined),\n 3: h(MehOutlined),\n 4: h(SmileOutlined),\n 5: h(SmileOutlined),\n}\nconst value = ref(2)\nconst value2 = ref(3)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"middle\" vertical>\n \u003ca-rate v-model:value=\"value\" :character=\"({ index = 0 }) => index + 1\" />\n \u003ca-rate v-model:value=\"value2\" :character=\"({ index = 0 }) => customIcons[index + 1]\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":718,"content_sha256":"98824fe1cd0bfd71a180d74c47035145f6e20ea44ba7641e8ec5fd596d3dd461"},{"filename":"references/components/rate/demo/character.md","content":"# Other Character\n\n## Description (en-US)\n\nReplace the default star to other character like alphabet, digit, iconfont or even Chinese word.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { HeartOutlined } from '@antdv-next/icons'\nimport { h, ref } from 'vue'\n\nconst value1 = ref(0)\nconst value2 = ref(0)\nconst value3 = ref(0)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-rate v-model:value=\"value1\" :character=\"h(HeartOutlined)\" allow-half />\n \u003ca-rate v-model:value=\"value2\" character=\"A\" allow-half style=\"font-size: 36px\" />\n \u003ca-rate v-model:value=\"value3\" character=\"好\" allow-half />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":644,"content_sha256":"da415006be7453953584ef98bb17cf29fc7359540f1220bf88797bca98f26aaa"},{"filename":"references/components/rate/demo/clear.md","content":"# Clear star\n\n## Description (en-US)\n\nSupport set allow to clear star when click again.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { ref } from 'vue'\n\nconst val = ref(3)\nconst val1 = ref(3)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"middle\" vertical>\n \u003ca-flex gap=\"middle\">\n \u003ca-rate v-model:value=\"val\" />\n \u003cspan>allowClear: true\u003c/span>\n \u003c/a-flex>\n \u003ca-flex gap=\"middle\">\n \u003ca-rate v-model:value=\"val1\" :allow-clear=\"false\" />\n \u003cspan>allowClear: false\u003c/span>\n \u003c/a-flex>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":530,"content_sha256":"6a37e047891dd6a0fc8676d7d92690b1f5422efcdddfd365212d4ad493205856"},{"filename":"references/components/rate/demo/component-token.md","content":"# Component Token\n\n## Description (en-US)\n\nComponent Token Debug.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst value = ref(2.5)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-config-provider\n :theme=\"{\n components: {\n Rate: {\n starColor: 'blue',\n starSize: 40,\n starHoverScale: 'scale(2)',\n starBg: 'red',\n },\n },\n }\"\n >\n \u003ca-rate v-model:value=\"value\" allow-half />\n \u003c/a-config-provider>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":487,"content_sha256":"cfe02dd00e7a2d30deeb062ecd612503e7c484e161d2415be20b13b4000b05e7"},{"filename":"references/components/rate/demo/disabled.md","content":"# Read only\n\n## Description (en-US)\n\nRead only, can't use mouse to interact.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst value = ref(2)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-rate v-model:value=\"value\" disabled />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":251,"content_sha256":"5877b59e023d2f1792b19de1547af028700ee74bac8149fb04c6a6d02ccf2f9f"},{"filename":"references/components/rate/demo/half.md","content":"# Half star\n\n## Description (en-US)\n\nSupport select half star.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { ref } from 'vue'\n\nconst val = ref(2.5)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-rate v-model:value=\"val\" allow-half />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":237,"content_sha256":"850f0c0c4b48ff2318a29e18ec2ddd92af4d694df2296f17bf4435f0d0ca98a2"},{"filename":"references/components/rate/demo/size.md","content":"# Sizes\n\n## Description (en-US)\n\nThree sizes.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst value1 = ref(0)\nconst value2 = ref(0)\nconst value3 = ref(0)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical :gap=\"12\">\n \u003ca-rate v-model:value=\"value1\" size=\"large\" />\n \u003ca-rate v-model:value=\"value2\" />\n \u003ca-rate v-model:value=\"value3\" size=\"small\" />\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":403,"content_sha256":"20beb53a399a768cc1d2ef87b9d7e0d814b727160019a01fa00bd3c090f057cc"},{"filename":"references/components/rate/demo/text.md","content":"# Show copywriting\n\n## Description (en-US)\n\nAdd copywriting in rate components.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { RateProps } from 'antdv-next'\nimport { ref } from 'vue'\n\nfunction getDescTitle(value: number, desc: RateProps['tooltips']) {\n const item = desc?.[value - 1]\n return typeof item === 'object' ? item.title : item\n}\nconst desc: RateProps['tooltips'] = [\n 'terrible',\n { placement: 'top', title: 'bad', trigger: 'hover' },\n 'normal',\n 'good',\n 'wonderful',\n]\nconst value = ref(3)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"middle\" vertical>\n \u003ca-rate v-model:value=\"value\" :tooltips=\"desc\" />\n \u003ctemplate v-if=\"value\">\n \u003cspan>{{ getDescTitle(value, desc) }}\u003c/span>\n \u003c/template>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":752,"content_sha256":"5f319ee3f548e54944211e02c0f5118a569a99bb34150030ad4a5396a4cc318c"},{"filename":"references/components/rate/docs.md","content":"---\ntitle: Rate\ndescription: Used for rating operation on something.\n---\n\n## When To Use \n- Show evaluation.\n- A quick rating operation on something.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic | demo/basic.md |\n| Half star | demo/half.md |\n| Show copywriting | demo/text.md |\n| Read only | demo/disabled.md |\n| Clear star | demo/clear.md |\n| Other Character | demo/character.md |\n| Customize character | demo/character-function.md |\n| Sizes | demo/size.md |\n| Component Token | demo/component-token.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Props\n\n| Property | Description | type | Default | Version |\n| --- | --- | --- | --- | --- |\n| allowClear | Whether to allow clear when click again | boolean | true | |\n| allowHalf | Whether to allow semi selection | boolean | false | |\n| character | The custom character of rate | VueNode \\| (RateProps) => VueNode | <StarFilled /> | function(): 4.4.0 |\n| className | The custom class name of rate | string | - | |\n| count | Star count | number | 5 | |\n| disabled | If read only, unable to interact | boolean | false | |\n| keyboard | Support keyboard operation | boolean | true | 5.18.0 |\n| size | Star size | 'small' \\| 'middle' \\| 'large' | 'middle' | |\n| style | The custom style object of rate | CSSProperties | - | |\n| tooltips | Customize tooltip by each character | [TooltipProps](../tooltip/docs.md#api)[\\] \\| string\\[] | - | |\n| value | The current value, support `v-model:value` | number | - | |\n\n### Events\n\n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| change | Callback when select value | (value: number) => void | - |\n| hoverChange | Callback when hover item | (value: number) => void | - |\n| focus | Callback when component get focus | () => void | - |\n| blur | Callback when component lose focus | () => void | - |\n| keydown | Callback when keydown on component | (e: KeyboardEvent) => void | - |\n| mouseleave | Callback when mouse leaves the component | (e: FocusEvent) => void | - |\n\n### Methods\n\n| Name | Description |\n| ------- | ------------ |\n| blur() | Remove focus |\n| focus() | Get focus |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2168,"content_sha256":"0aa1efc88fc8060ef4d9b6eaa7095e83892ab70dc09b24799bbd39a4ab61eaa9"},{"filename":"references/components/rate/token.md","content":"# rate Token\n\nUse these variables through `theme.components.Rate`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Rate: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `starColor` | `string` | Star color |\n| `starSize` | `number` | Star size |\n| `starSizeSM` | `number` | Small star size |\n| `starSizeLG` | `number` | Large star size |\n| `starHoverScale` | `CSSObject` | Scale of star when hover |\n| `starBg` | `string` | Star background color |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":690,"content_sha256":"14bddd636e7f9351f9a2be38ce873457bdab3f9aa86a08a7b94951bed3a995bc"},{"filename":"references/components/result/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root'), version: '1.0.0' },\n { name: 'icon', desc: t('icon'), version: '1.0.0' },\n { name: 'title', desc: t('title'), version: '1.0.0' },\n { name: 'subTitle', desc: t('subTitle'), version: '1.0.0' },\n { name: 'extra', desc: t('extra'), version: '1.0.0' },\n { name: 'body', desc: t('body'), version: '1.0.0' },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Result\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003ca-result\n title=\"title\"\n sub-title=\"subTitle\"\n :classes=\"classes\"\n >\n \u003ctemplate #extra>\n \u003ca-button type=\"primary\">\n extra\n \u003c/a-button>\n \u003c/template>\n \u003cdiv :style=\"{ textAlign: 'center' }\">\n The Content of Result\n \u003c/div>\n \u003c/a-result>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1193,"content_sha256":"8bc8d8e0379de1d332b8417d25571d6bc15e950c8b8e672ca39f1c92eb26712c"},{"filename":"references/components/result/demo/403.md","content":"# 403\n\n## Description (en-US)\n\nyou are not authorized to access this page.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-result\n status=\"403\"\n title=\"403\"\n sub-title=\"Sorry, you are not authorized to access this page.\"\n >\n \u003ctemplate #extra>\n \u003ca-button type=\"primary\">\n Back Home\n \u003c/a-button>\n \u003c/template>\n \u003c/a-result>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":357,"content_sha256":"0584770263b2016131d04b045eac7aed6bfcb80b5184b264d9d9fc8b1c85dde9"},{"filename":"references/components/result/demo/404.md","content":"# 404\n\n## Description (en-US)\n\nThe page you visited does not exist.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-result\n status=\"404\"\n title=\"404\"\n sub-title=\"Sorry, the page you visited does not exist.\"\n >\n \u003ctemplate #extra>\n \u003ca-button type=\"primary\">\n Back Home\n \u003c/a-button>\n \u003c/template>\n \u003c/a-result>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":343,"content_sha256":"fd5c0b161fe5bc5f49c2dc21f09330410463b8d9480b8200d9e7ec453435a924"},{"filename":"references/components/result/demo/500.md","content":"# 500\n\n## Description (en-US)\n\nSomething went wrong on server.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-result\n status=\"500\"\n title=\"500\"\n sub-title=\"Sorry, something went wrong.\"\n >\n \u003ctemplate #extra>\n \u003ca-button type=\"primary\">\n Back Home\n \u003c/a-button>\n \u003c/template>\n \u003c/a-result>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":323,"content_sha256":"60dcfb74d494b16dd0ae512bb9bd3c7c41d0e8345e371a4c7786ec24e600f525"},{"filename":"references/components/result/demo/customIcon.md","content":"# Custom icon\n\n## Description (en-US)\n\nCustom icon.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { SmileOutlined } from '@antdv-next/icons'\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-result\n title=\"Great, we have done all the operations!\"\n >\n \u003ctemplate #extra>\n \u003ca-button type=\"primary\">\n Next\n \u003c/a-button>\n \u003c/template>\n \u003ctemplate #icon>\n \u003cSmileOutlined />\n \u003c/template>\n \u003c/a-result>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":428,"content_sha256":"434742a465ee45694ba3c5a543105bd0cdbeb42864b8f5af6aef2784fad00145"},{"filename":"references/components/result/demo/error.md","content":"# Error\n\n## Description (en-US)\n\nComplex error feedback.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { CloseCircleOutlined } from '@antdv-next/icons'\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-result\n status=\"error\"\n title=\"Submission Failed\"\n sub-title=\"Please check and modify the following information before resubmitting.\"\n >\n \u003ctemplate #extra>\n \u003ca-button key=\"console\" type=\"primary\">\n Go Console\n \u003c/a-button>\n \u003ca-button key=\"buy\">\n Buy Again\n \u003c/a-button>\n \u003c/template>\n \u003cdiv>\n \u003cCloseCircleOutlined class=\"site-result-demo-error-icon\" /> Your account is not yet\n eligible to apply. \u003ca>Apply Unlock >\u003c/a>\n \u003c/div>\n \u003c/a-result>\n\u003c/template>\n\n\u003cstyle>\n.site-result-demo-error-icon {\n color: red;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":771,"content_sha256":"cd6bc4effb7091260fb6e2aa0665062d92df97fb186a81b2f6991158242952c3"},{"filename":"references/components/result/demo/info.md","content":"# Info\n\n## Description (en-US)\n\nShow processing results.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-result\n title=\"Your operation has been executed\"\n >\n \u003ctemplate #extra>\n \u003ca-button key=\"console\" type=\"primary\">\n Go Console\n \u003c/a-button>\n \u003c/template>\n \u003c/a-result>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":299,"content_sha256":"35350e1548ce961c713569007dbbef44b7105f356214fb43cf94ad8407145589"},{"filename":"references/components/result/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { ResultProps } from 'antdv-next'\n\nconst classesObject: ResultProps['classes'] = {\n root: 'demo-result-root',\n title: 'demo-result-title',\n subTitle: 'demo-result-subtitle',\n icon: 'demo-result-icon',\n extra: 'demo-result-extra',\n body: 'demo-result-body',\n}\n\nconst classesFn: ResultProps['classes'] = (info) => {\n if (info.props.status === 'success') {\n return {\n root: 'demo-result-root--success',\n } satisfies ResultProps['classes']\n }\n return {\n root: 'demo-result-root--default',\n } satisfies ResultProps['classes']\n}\n\nconst stylesObject: ResultProps['styles'] = {\n root: { borderWidth: '2px', borderStyle: 'dashed', padding: '16px' },\n title: { fontStyle: 'italic', color: '#1890ff' },\n subTitle: { fontWeight: 'bold' },\n icon: { opacity: 0.8 },\n extra: { backgroundColor: '#f0f0f0', padding: 'px' },\n body: { backgroundColor: '#fafafa', padding: '12px' },\n}\n\nconst stylesFn: ResultProps['styles'] = (info) => {\n if (info.props.status === 'error') {\n return {\n root: { backgroundColor: '#fff2f0', borderColor: '#ff4d4f' },\n title: { color: '#ff4d4f' },\n } satisfies ResultProps['styles']\n }\n else {\n return {\n root: { backgroundColor: '#f6ffed', borderColor: '#52c41a' },\n title: { color: '#52c41a' },\n } satisfies ResultProps['styles']\n }\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-result\n status=\"info\"\n title=\"classes Object\"\n sub-title=\"This is a subtitle\"\n :styles=\"stylesObject\"\n :classes=\"classesObject\"\n >\n \u003ctemplate #extra>\n \u003ca-button type=\"primary\">\n Action\n \u003c/a-button>\n \u003c/template>\n \u003cdiv>Content area\u003c/div>\n \u003c/a-result>\n \u003ca-result\n status=\"success\"\n title=\"classes Function\"\n sub-title=\"Dynamic class names\"\n :styles=\"stylesFn\"\n :classes=\"classesFn\"\n >\n \u003ctemplate #extra>\n \u003ca-button type=\"primary\">\n Action\n \u003c/a-button>\n \u003c/template>\n \u003c/a-result>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2026,"content_sha256":"f35653cf3d8a16614b0cd13366dd1adb5154c49b34028fd6a869ac591daf513d"},{"filename":"references/components/result/demo/success.md","content":"# Success\n\n## Description (en-US)\n\nShow successful results.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-result\n status=\"success\"\n title=\"Successfully Purchased Cloud Server ECS!\"\n sub-title=\"Order number: 2017182818828182881 Cloud server configuration takes 1-5 minutes, please wait.\"\n >\n \u003ctemplate #extra>\n \u003ca-button key=\"console\" type=\"primary\">\n Go Console\n \u003c/a-button>\n \u003ca-button key=\"buy\">\n Buy Again\n \u003c/a-button>\n \u003c/template>\n \u003c/a-result>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":503,"content_sha256":"1f0421a56d3b8c431158af5c33388b2a2fcc345814d9498ced6cc82940cc0054"},{"filename":"references/components/result/demo/warning.md","content":"# Warning\n\n## Description (en-US)\n\nThe result of the warning.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-result\n status=\"warning\"\n title=\"There are some problems with your operation.\"\n >\n \u003ctemplate #extra>\n \u003ca-button key=\"console\" type=\"primary\">\n Go Console\n \u003c/a-button>\n \u003c/template>\n \u003c/a-result>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":337,"content_sha256":"5ce9528c48551c059c896262964db21869300c372bf13b37bc39cd5c5166d07e"},{"filename":"references/components/result/docs.md","content":"---\ntitle: Result\ndescription: Used to feedback the processing results of a series of operations.\n---\n\n## When To Use\n\nUse when important operations need to inform the user to process the results and the feedback is more complicated.\n\n## Examples\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Success | demo/success.md |\n| Info | demo/info.md |\n| Warning | demo/warning.md |\n| 403 | demo/403.md |\n| 404 | demo/404.md |\n| 500 | demo/500.md |\n| Error | demo/error.md |\n| Custom icon | demo/customIcon.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Props\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| extra | Operating area | VueNode | - | |\n| icon | Custom back icon | VueNode | - | |\n| status | Result status, decide icons and colors | `success` \\| `error` \\| `info` \\| `warning` \\| `404` \\| `403` \\| `500` | `info` | |\n| subTitle | The subTitle | VueNode | - | |\n| title | The title | VueNode | - | |\n\n### Slots\n\n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| icon | Custom back icon | - | - |\n| title | The title | - | - |\n| subTitle | The subTitle | - | - |\n| extra | Operating area | - | - |\n\n## Semantic DOM\n\n| _semantic | demo/_semantic.md |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1305,"content_sha256":"50527aa53402cbb952d7323de636114b162274658fd8a6bcede76dc5afc3a4e2"},{"filename":"references/components/result/token.md","content":"# result Token\n\nUse these variables through `theme.components.Result`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Result: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `titleFontSize` | `string \\| number` | Title font size |\n| `subtitleFontSize` | `number` | Subtitle font size |\n| `iconFontSize` | `string \\| number` | Icon size |\n| `extraMargin` | `CSSProperties` | Margin of extra area |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":641,"content_sha256":"6a3fd490e4f8ede7cbcf5c9be5fb9fccd64d9d0b23cb78429ad69a6e2b087d66"},{"filename":"references/components/segmented/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { AppstoreOutlined, BarsOutlined } from '@antdv-next/icons'\nimport { computed, h } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root'), version: '1.0.0' },\n { name: 'item', desc: t('item'), version: '1.0.0' },\n { name: 'label', desc: t('label'), version: '1.0.0' },\n { name: 'icon', desc: t('icon'), version: '1.0.0' },\n])\n\nconst options = [\n { label: 'List', value: 'List', icon: h(BarsOutlined) },\n { label: 'Kanban', value: 'Kanban', icon: h(AppstoreOutlined) },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Segmented\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003ca-segmented :options=\"options\" :classes=\"classes\" />\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1017,"content_sha256":"ffebe474b575d480266ae99a991b6b3102b22bc6901aa5b14abd08b9e59786a2"},{"filename":"references/components/segmented/demo/basic.md","content":"# Basic\n\n## Description (en-US)\n\nThe most basic usage.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { ref } from 'vue'\n\nconst value = ref('Daily')\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-segmented v-model:value=\"value\" :options=\"['Daily', 'Weekly', 'Monthly', 'Quarterly', 'Yearly']\" @change=\"(value) => console.log(value)\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":336,"content_sha256":"7aa56ed9f88fd63f7db7a659f6f01d44776214f498e02b86aa78be351aa6311e"},{"filename":"references/components/segmented/demo/block.md","content":"# Block Segmented\n\n## Description (en-US)\n\n`block` property will make the Segmented fit to its parent width.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { reactive, ref } from 'vue'\n\nconst data = reactive([123, 456, 'longtext-longtext-longtext-longtext'])\nconst value = ref(data[0])\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-segmented v-model:value=\"value\" block :options=\"data\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":390,"content_sha256":"ee4372b3b617e39ef621c1110e67ca1df9bb822c4f9c03b0724710575f0b7a00"},{"filename":"references/components/segmented/demo/custom.md","content":"# Custom Render\n\n## Description (en-US)\n\nCustom each Segmented Item.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst spring = ref('spring')\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-segmented\n :options=\"[\n {\n value: 'user1',\n tooltip: { title: 'hello user1', color: 'gold' },\n },\n {\n value: 'user2',\n tooltip: { title: 'hello user2', color: 'pink' },\n },\n {\n value: 'user3',\n tooltip: { title: 'hello user3', color: 'geekblue' },\n },\n ]\"\n >\n \u003ctemplate #labelRender=\"{ value }\">\n \u003ctemplate v-if=\"value === 'user1'\">\n \u003cdiv style=\"padding: 4px\">\n \u003ca-avatar src=\"https://api.dicebear.com/7.x/miniavs/svg?seed=8\" />\n \u003cdiv>User 1\u003c/div>\n \u003c/div>\n \u003c/template>\n \u003ctemplate v-else-if=\"value === 'user2'\">\n \u003cdiv style=\"padding: 4px\">\n \u003ca-avatar src=\"https://api.dicebear.com/7.x/miniavs/svg?seed=8\" />\n \u003cdiv>User 2\u003c/div>\n \u003c/div>\n \u003c/template>\n \u003ctemplate v-else-if=\"value === 'user3'\">\n \u003cdiv style=\"padding: 4px\">\n \u003ca-avatar src=\"https://api.dicebear.com/7.x/miniavs/svg?seed=8\" />\n \u003cdiv>User 3\u003c/div>\n \u003c/div>\n \u003c/template>\n \u003c/template>\n \u003c/a-segmented>\n \u003cbr>\n \u003cbr>\n \u003ca-segmented\n v-model:value=\"spring\"\n :options=\"[\n {\n value: 'spring',\n },\n {\n value: 'summer',\n },\n {\n value: 'autumn',\n },\n {\n value: 'winter',\n },\n ]\"\n >\n \u003ctemplate #labelRender=\"{ value }\">\n \u003ctemplate v-if=\"value === 'spring'\">\n \u003cdiv style=\"padding: 4px\">\n \u003cdiv>Spring\u003c/div>\n \u003cdiv>Jan-Mar\u003c/div>\n \u003c/div>\n \u003c/template>\n \u003ctemplate v-else-if=\"value === 'summer'\">\n \u003cdiv style=\"padding: 4px\">\n \u003cdiv>Summer\u003c/div>\n \u003cdiv>Apr-Jun\u003c/div>\n \u003c/div>\n \u003c/template>\n \u003ctemplate v-else-if=\"value === 'autumn'\">\n \u003cdiv style=\"padding: 4px\">\n \u003cdiv>Autumn\u003c/div>\n \u003cdiv>Jul-Sept\u003c/div>\n \u003c/div>\n \u003c/template>\n \u003ctemplate v-else-if=\"value === 'winter'\">\n \u003cdiv style=\"padding: 4px\">\n \u003cdiv>Winter\u003c/div>\n \u003cdiv>Oct-Dec\u003c/div>\n \u003c/div>\n \u003c/template>\n \u003c/template>\n \u003c/a-segmented>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2290,"content_sha256":"fd765304a63419f87aee030bdfdf9e0e04637f812de2d66d9289d543db733b4d"},{"filename":"references/components/segmented/demo/disabled.md","content":"# Disabled\n\n## Description (en-US)\n\nDisabled Segmented.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { reactive, ref } from 'vue'\n\nconst data = reactive(['Map', 'Transit', 'Satellite'])\nconst data2 = reactive([\n 'Daily',\n { label: 'Weekly', value: 'Weekly', disabled: true },\n 'Monthly',\n { label: 'Quarterly', value: 'Quarterly', disabled: true },\n 'Yearly',\n])\nconst value = ref(data[0])\nconst value2 = ref('Daily')\n\u003c/script>\n\n\u003ctemplate>\n \u003cdiv>\n \u003ca-segmented v-model:value=\"value\" disabled :options=\"data\" />\n \u003cbr>\n \u003cbr>\n \u003ca-segmented v-model:value=\"value2\" :options=\"data2\" />\n \u003c/div>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":629,"content_sha256":"e7971bac302d192c6f7e0369176361bcd2a106e4d2ff413fd8a99d17988ce7e7"},{"filename":"references/components/segmented/demo/dynamic.md","content":"# Dynamic\n\n## Description (en-US)\n\nLoad options dynamically.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { reactive, ref } from 'vue'\n\nconst data = reactive(['Daily', 'Weekly', 'Monthly'])\nconst isDisabled = ref(false)\nfunction loadMore() {\n data.push(...['Quarterly', 'Yearly'])\n isDisabled.value = true\n};\nconst value = ref(data[0])\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-segmented v-model:value=\"value\" :options=\"data\" />\n \u003cbr>\n \u003cbr>\n \u003ca-button type=\"primary\" :disabled=\"isDisabled\" @click=\"loadMore\">\n Load More\n \u003c/a-button>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":549,"content_sha256":"a75741e6c55d5bf95924c6cc266a6de8b3101c31e446195847d30e9d2ae56b67"},{"filename":"references/components/segmented/demo/icon-only.md","content":"# With Icon only\n\n## Description (en-US)\n\nSet icon without label for Segmented Item.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { AppstoreOutlined, BarsOutlined } from '@antdv-next/icons'\nimport { h } from 'vue'\n\nconst options = [\n { value: 'List', icon: h(BarsOutlined) },\n { value: 'Kanban', icon: h(AppstoreOutlined) },\n]\nconst options2 = [\n { value: 'List' },\n { value: 'Kanban' },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-segmented :options=\"options\" />\n \u003cbr>\n \u003cbr>\n \u003ca-segmented :options=\"options2\">\n \u003ctemplate #iconRender=\"{ value }\">\n \u003ctemplate v-if=\"value === 'List'\">\n \u003cBarsOutlined />\n \u003c/template>\n \u003ctemplate v-else-if=\"value === 'Kanban'\">\n \u003cAppstoreOutlined />\n \u003c/template>\n \u003c/template>\n \u003c/a-segmented>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":776,"content_sha256":"f9027152b723f705c2a01ca823521fcbb9fb267c98f78b697bf8d4fac17ebd28"},{"filename":"references/components/segmented/demo/shape.md","content":"# Round shape\n\n## Description (en-US)\n\nRound shape of Segmented.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { MoonOutlined, SunOutlined } from '@antdv-next/icons'\nimport { shallowRef } from 'vue'\n\nconst size = shallowRef\u003cany>('middle')\nconst iconObj: Record\u003cstring, any> = {\n light: SunOutlined,\n dark: MoonOutlined,\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"small\" align=\"flex-start\" vertical>\n \u003ca-segmented v-model:value=\"size\" :options=\"['small', 'middle', 'large']\" />\n \u003ca-segmented :options=\"[{ value: 'light' }, { value: 'dark' }]\" :size=\"size\" shape=\"round\">\n \u003ctemplate #iconRender=\"{ value }\">\n \u003ccomponent :is=\"iconObj[value]\" v-if=\"iconObj[value]\" />\n \u003c/template>\n \u003c/a-segmented>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":750,"content_sha256":"de851d569dff72c16c1b20df67ecfbe9afcecef4f3fb76151b4add0c86f126ce"},{"filename":"references/components/segmented/demo/size.md","content":"# Three sizes of Segmented\n\n## Description (en-US)\n\nThere are three sizes of an Segmented: large (40px), default (32px) and small (24px).\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { reactive, ref } from 'vue'\n\nconst data = reactive(['Daily', 'Weekly', 'Monthly', 'Quarterly', 'Yearly'])\nconst value = ref(data[0])\nconst value2 = ref(data[0])\nconst value3 = ref(data[0])\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-segmented v-model:value=\"value\" :options=\"data\" size=\"large\" />\n \u003cbr>\n \u003cbr>\n \u003ca-segmented v-model:value=\"value2\" :options=\"data\" />\n \u003cbr>\n \u003cbr>\n \u003ca-segmented v-model:value=\"value3\" :options=\"data\" size=\"small\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":641,"content_sha256":"dedb561e5a77c3d59b82445073fff535a683ade45c0d68dca11ddc532d485b2a"},{"filename":"references/components/segmented/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { SegmentedProps } from 'antdv-next'\nimport { CloudOutlined, RocketOutlined, ThunderboltOutlined } from '@antdv-next/icons'\nimport { h } from 'vue'\n\nconst classes: SegmentedProps['classes'] = {\n root: 'custom-segmented-root',\n}\nconst styleFn: SegmentedProps['styles'] = (info) => {\n if (info.props.vertical) {\n return {\n root: {\n border: '1px solid #77BEF0',\n padding: '4px',\n width: '100px',\n },\n icon: {\n color: '#77BEF0',\n },\n item: {\n textAlign: 'start',\n },\n } satisfies SegmentedProps['styles']\n }\n return {}\n}\n\nconst styles: SegmentedProps['styles'] = {\n root: {\n padding: '4px',\n width: '260px',\n },\n}\n\nconst options: SegmentedProps['options'] = [\n {\n label: 'Boost',\n value: 'boost',\n icon: h(RocketOutlined),\n },\n {\n label: 'Stream',\n value: 'stream',\n icon: h(ThunderboltOutlined),\n },\n {\n label: 'Cloud',\n value: 'cloud',\n icon: h(CloudOutlined),\n },\n]\nconst segmentedSharedProps: SegmentedProps = {\n options,\n classes,\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-segmented v-bind=\"segmentedSharedProps\" :styles=\"styles\" />\n \u003ca-segmented v-bind=\"segmentedSharedProps\" :styles=\"styleFn\" vertical />\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle scoped>\n.custom-segmented-root {\n padding: 2px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1457,"content_sha256":"78c0760286f2c29fe2941b192d08cb684d4c58de778f947e26e8d45a77ad0f88"},{"filename":"references/components/segmented/demo/vertical.md","content":"# Vertical Direction\n\n## Description (en-US)\n\nMake it vertical.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { AppstoreOutlined, BarsOutlined } from '@antdv-next/icons'\n\nconst iconObj: Record\u003cstring, any> = {\n List: BarsOutlined,\n Kanban: AppstoreOutlined,\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-segmented\n orientation=\"vertical\"\n :options=\"[\n { value: 'List' },\n { value: 'Kanban' },\n ]\"\n >\n \u003ctemplate #iconRender=\"{ value }\">\n \u003ccomponent :is=\"iconObj[value]\" v-if=\"iconObj[value]\" />\n \u003c/template>\n \u003c/a-segmented>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":561,"content_sha256":"195e073f34cf71d7477864091a55bb76db65bd0dec116794d28e0b9b1c10a076"},{"filename":"references/components/segmented/demo/with-icon.md","content":"# With Icon\n\n## Description (en-US)\n\nSet icon for Segmented Item.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { AppstoreOutlined, BarsOutlined } from '@antdv-next/icons'\nimport { h } from 'vue'\n\nconst options = [\n { label: 'List', value: 'List', icon: h(BarsOutlined) },\n { label: 'Kanban', value: 'Kanban', icon: h(AppstoreOutlined) },\n]\n\nconst options2 = [\n { label: 'List', value: 'List' },\n { label: 'Kanban', value: 'Kanban' },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-segmented :options=\"options\" />\n \u003cbr>\n \u003cbr>\n \u003ca-segmented :options=\"options2\">\n \u003ctemplate #iconRender=\"{ value }\">\n \u003ctemplate v-if=\"value === 'List'\">\n \u003cBarsOutlined />\n \u003c/template>\n \u003ctemplate v-else-if=\"value === 'Kanban'\">\n \u003cAppstoreOutlined />\n \u003c/template>\n \u003c/template>\n \u003c/a-segmented>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":822,"content_sha256":"b3f0bdffcde3e81c0dc2c5d50d77b4f8231a0c6db988c8b5ce1ad165d24f7c7b"},{"filename":"references/components/segmented/demo/with-name.md","content":"# With name\n\n## Description (en-US)\n\nPassing the name property to all input[type=\"radio\"] that are in the same Segmented. It is usually used to let the browser see your Segmented as a real \"group\" and keep the default behavior. For example, using left/right keyboard arrow to change your selection that in the same Segmented.\n\n## Source\n\n```vue\n\u003cscript lang=\"ts\" setup>\nimport { ref } from 'vue'\n\nconst value = ref('Weekly')\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-segmented v-model:value=\"value\" :options=\"['Daily', 'Weekly', 'Monthly', 'Quarterly', 'Yearly']\" name=\"group\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":581,"content_sha256":"7eccdd57aeaebb24ac4befac5baf6184ca98ade34e960a9c934693d3061a07b0"},{"filename":"references/components/segmented/docs.md","content":"---\ntitle: Segmented\ndescription: Display multiple options and allow users to select a single option.\n---\n\n## When To Use \n- When displaying multiple options and user can select a single option;\n- When switching the selected option, the content of the associated area changes.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic | demo/basic.md |\n| Vertical Direction | demo/vertical.md |\n| Block Segmented | demo/block.md |\n| Round shape | demo/shape.md |\n| Custom Render | demo/custom.md |\n| Dynamic | demo/dynamic.md |\n| Disabled | demo/disabled.md |\n| Three sizes of Segmented | demo/size.md |\n| With Icon | demo/with-icon.md |\n| With Icon only | demo/icon-only.md |\n| With name | demo/with-name.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Props\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| block | Option to fit width to its parent\\'s width | boolean | false | |\n| defaultValue | Default selected value | string \\| number | | |\n| disabled | Disable all segments | boolean | false | |\n| options | Set children optional | string\\[] \\| number\\[] \\| SegmentedItemType\\[] | [] | |\n| orientation | Orientation | `horizontal` \\| `vertical` | `horizontal` | |\n| size | The size of the Segmented. | `large` \\| `middle` \\| `small` | `middle` | |\n| vertical | Orientation,Simultaneously existing with `orientation`, `orientation` takes priority | boolean | `false` | - |\n| value | Currently selected value, support `v-model:value` | string \\| number | | |\n| shape | shape of Segmented | `default` \\| `round` | `default` | - |\n| name | The `name` property of all `input[type=\"radio\"]` children. if not set, it will fallback to a randomly generated name | string | |- |\n\n### Events\n\n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| change | The callback function that is triggered when the state changes | function(value: string \\| number) | - |\n\n### Slots\n\n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| iconRender | icon render slot | (option: SegmentedLabeledOption) => any | - |\n| labelRender | label render slot | (option: SegmentedLabeledOption) => any | - |\n\n## Types\n\n### SegmentedItemType\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| disabled | Disabled state of segmented item | boolean | false | |\n| class | The additional css class | string | - | |\n| icon | Display icon for Segmented item | VueNode | - | |\n| label | Display text for Segmented item | VueNode | - | |\n| tooltip | tooltip for Segmented item | string \\| [TooltipProps](../tooltip#api) | - | |\n| value | Value for Segmented item | string \\| number | - | |\n\n## Semantic DOM\n\n| _semantic | demo/_semantic.md |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2822,"content_sha256":"80e91508af81ff4a51d8c84feb6c3947de60e862ab17ea8978c0cb841720693a"},{"filename":"references/components/segmented/token.md","content":"# segmented Token\n\nUse these variables through `theme.components.Segmented`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Segmented: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `itemColor` | `string` | Text color of item |\n| `itemHoverColor` | `string` | Text color of item when hover |\n| `itemHoverBg` | `string` | Background color of item when hover |\n| `itemActiveBg` | `string` | Background color of item when active |\n| `itemSelectedBg` | `string` | Background color of item when selected |\n| `itemSelectedColor` | `string` | Text color of item when selected |\n| `trackPadding` | `string \\| number` | Padding of Segmented container |\n| `trackBg` | `string` | Background of Segmented container |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":950,"content_sha256":"d2537c9c9e34caa667a9d459bc7d0b52f543f62dc5e09986dc57a958113f0582"},{"filename":"references/components/select/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst mode = ref\u003c'single' | 'multiple'>('single')\n\nconst options = [\n { value: 'aojunhao123', label: 'aojunhao123' },\n { value: 'thinkasany', label: 'thinkasany' },\n { value: 'meet-student', label: 'meet-student' },\n]\n\nconst value = computed(() => {\n if (mode.value !== 'multiple')\n return []\n\n return options.length > 0\n ? [options[0]!.value]\n : []\n})\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => {\n const base = [\n { name: 'root', desc: t('root') },\n { name: 'prefix', desc: t('prefix') },\n { name: 'content', desc: t('content') },\n { name: 'placeholder', desc: t('placeholder') },\n { name: 'clear', desc: t('clear') },\n { name: 'input', desc: t('input') },\n { name: 'suffix', desc: t('suffix') },\n { name: 'popup.root', desc: t('popup.root') },\n { name: 'popup.list', desc: t('popup.list') },\n { name: 'popup.listItem', desc: t('popup.listItem') },\n ]\n\n if (mode.value === 'multiple') {\n return [\n ...base,\n { name: 'item', desc: t('item') },\n { name: 'itemContent', desc: t('itemContent') },\n { name: 'itemRemove', desc: t('itemRemove') },\n ]\n }\n\n return base\n})\n\nconst divRef = ref\u003cHTMLDivElement | null>(null)\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Select\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003cdiv ref=\"divRef\" :style=\"{ position: 'absolute', height: '200px' }\">\n \u003cdiv :style=\"{ display: 'flex', justifyContent: 'center', marginBottom: '12px' }\">\n \u003ca-segmented v-model:value=\"mode\" :options=\"['single', 'multiple']\" />\n \u003c/div>\n \u003cdiv :style=\"{ display: 'flex', flexDirection: 'column', gap: '12px' }\">\n \u003ca-select\n prefix=\"prefix\"\n :style=\"{ width: '300px' }\"\n :options=\"options\"\n :value=\"value\"\n :mode=\"mode === 'multiple' ? 'multiple' : undefined\"\n open\n :get-popup-container=\"() => divRef!\"\n :classes=\"classes\"\n />\n \u003c/div>\n \u003c/div>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2355,"content_sha256":"caeb6c83b1d105de71bbdb35533c523bbd444e34af96793de2d74d5c230172a4"},{"filename":"references/components/select/demo/automatic-tokenization.md","content":"# Automatic tokenization\n\n## Description (en-US)\n\nTry to copy `Lucy,Jack` and paste to the input. Only available in tags and multiple mode.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst options = Array.from({ length: 26 }, (_, i) => {\n const value = (i + 10).toString(36) + (i + 10)\n return { value, label: value }\n})\n\nfunction handleChange(value: string[]) {\n console.log(`selected ${value}`)\n}\nconst value = ref()\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"value\"\n mode=\"tags\"\n style=\"width: 100%\"\n :token-separators=\"[',']\"\n :options=\"options\"\n @change=\"handleChange\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":651,"content_sha256":"591396305edf4c9e3af404a769bf70c1804c1712b96c32df89b1a5f6f77d73a4"},{"filename":"references/components/select/demo/basic.md","content":"# Basic Usage\n\n## Description (en-US)\n\nBasic Usage.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst options = [\n { value: 'jack', label: 'Jack' },\n { value: 'lucy', label: 'Lucy' },\n { value: 'Yiminghe', label: 'yiminghe' },\n { value: 'disabled', label: 'Disabled', disabled: true },\n]\nconst value1 = shallowRef('lucy')\nconst value2 = shallowRef('lucy')\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space wrap>\n \u003cdiv>\n {{ value1 }}\n \u003c/div>\n \u003ca-select v-model:value=\"value1\" style=\"width: 120px\" :options=\"options\" />\n \u003ca-select v-model:value=\"value2\" style=\"width: 120px\" disabled :options=\"[{ value: 'lucy', label: 'lucy' }]\" />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":698,"content_sha256":"3b12ab7006f19b7667e4584c0e8852f03e892098d6565d15e46e4114ae1b4268"},{"filename":"references/components/select/demo/big-data.md","content":"# Big Data\n\n## Description (en-US)\n\nSelect use [virtual scroll](https://github.com/react-component/virtual-list) which get better performance, turn off it by setting `:virtual=\"false\"`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { SelectProps } from 'antdv-next'\nimport { shallowRef } from 'vue'\n\nconst options: SelectProps['options'] = []\nfor (let i = 0; i \u003c 100000; i++) {\n const value = `${i.toString(36)}${i}`\n options.push({\n label: value,\n value,\n disabled: i === 10,\n })\n}\nconst value = shallowRef(['a10', 'c12'])\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-typography-title :level=\"4\">\n {{ options?.length }} Items\n \u003c/a-typography-title>\n \u003ca-select v-model:value=\"value\" mode=\"multiple\" style=\"width: 100%\" placeholder=\"Please select\" :options=\"options\" />\n\u003c/template>\n\n\u003cstyle scoped>\n\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":820,"content_sha256":"c711eb3ed03e87a268a922437c02adc005296052473e8b7e1cbdb3049053439e"},{"filename":"references/components/select/demo/coordinate.md","content":"# Coordinate\n\n## Description (en-US)\n\nCoordinating the selection of provinces and cities is a common use case and demonstrates how selection can be coordinated. [Cascader](../../cascader/docs.md) component is strongly recommended in this case.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed, shallowRef } from 'vue'\n\nconst cityData: Record\u003cstring, string[]> = {\n Zhejiang: ['Hangzhou', 'Ningbo', 'Wenzhou'],\n Jiangsu: ['Nanjing', 'Suzhou', 'Zhenjiang'],\n}\n\nconst provinceData: string[] = ['Zhejiang', 'Jiangsu']\n\nconst province = shallowRef(provinceData[0]!)\nconst secondCity = shallowRef(cityData[provinceData[0]!]![0])\n\nconst cities = computed(() => cityData[province.value] ?? [])\n\nfunction handleProvinceChange(value: string) {\n province.value = value\n secondCity.value = cityData[value]?.[0] ?? ''\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space wrap>\n \u003ca-select\n v-model:value=\"province\"\n style=\"width: 120px\"\n :options=\"provinceData.map((p) => ({ label: p, value: p }))\"\n @change=\"handleProvinceChange\"\n />\n \u003ca-select\n v-model:value=\"secondCity\"\n style=\"width: 120px\"\n :options=\"cities.map((c) => ({ label: c, value: c }))\"\n />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1217,"content_sha256":"29c10a4e6cd86129ded14da9589a8e45290e0461b5468800064710cac1632439"},{"filename":"references/components/select/demo/custom-dropdown-menu.md","content":"# Custom dropdown\n\n## Description (en-US)\n\nCustomize the dropdown menu via `popupRender`. If you want to close the dropdown after clicking the custom content, you need to control `open` prop.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { PlusOutlined } from '@antdv-next/icons'\nimport { shallowRef } from 'vue'\n\nlet index = 0\n\nconst items = shallowRef(['jack', 'lucy'])\nconst name = shallowRef('')\n\nfunction addItem(e: MouseEvent) {\n e.preventDefault()\n items.value = [...items.value, name.value || `New item ${index++}`]\n name.value = ''\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n style=\"width: 300px\"\n placeholder=\"custom dropdown render\"\n :options=\"items.map((item) => ({ label: item, value: item }))\"\n >\n \u003ctemplate #popupRender=\"menu\">\n \u003ccomponent :is=\"menu\" />\n \u003ca-divider style=\"margin: 8px 0\" />\n \u003ca-space style=\"padding: 0 8px 4px\">\n \u003ca-input\n v-model:value=\"name\"\n placeholder=\"Please enter item\"\n @keydown.stop\n />\n \u003ca-button type=\"text\" @click=\"addItem\">\n \u003ctemplate #icon>\n \u003cPlusOutlined />\n \u003c/template>\n Add item\n \u003c/a-button>\n \u003c/a-space>\n \u003c/template>\n \u003c/a-select>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1226,"content_sha256":"3b460379dd68c78d5813e1fb5c6c9814c5e9725eb35f0504c5f06faf8b3ccbc6"},{"filename":"references/components/select/demo/custom-label-render.md","content":"# Custom Selected Label Render\n\n## Description (en-US)\n\nAllows custom rendering of the currently selected label, which can be used for value backfill but the corresponding option is missing and does not want to directly render the value.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst options = [\n { label: 'gold', value: 'gold' },\n { label: 'lime', value: 'lime' },\n { label: 'green', value: 'green' },\n { label: 'cyan', value: 'cyan' },\n]\n\nconst value = shallowRef('1')\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"value\"\n style=\"width: 100%\"\n :options=\"options\"\n >\n \u003ctemplate #labelRender=\"{ label, value: val }\">\n \u003ctemplate v-if=\"label\">\n {{ val }}\n \u003c/template>\n \u003cspan v-else>No option match\u003c/span>\n \u003c/template>\n \u003c/a-select>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":830,"content_sha256":"641b629233b444968f581c0ec97f4a1f4a000acad4892807fbe66b9f0ca25770"},{"filename":"references/components/select/demo/custom-tag-render.md","content":"# Custom Tag Render\n\n## Description (en-US)\n\nAllows for custom rendering of tags.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst options = [\n { value: 'gold' },\n { value: 'lime' },\n { value: 'green' },\n { value: 'cyan' },\n]\n\nconst value = shallowRef(['gold', 'cyan'])\n\nfunction onPreventMouseDown(event: MouseEvent) {\n event.preventDefault()\n event.stopPropagation()\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"value\"\n mode=\"multiple\"\n style=\"width: 100%\"\n :options=\"options\"\n >\n \u003ctemplate #tagRender=\"{ label, value: tagValue, closable, onClose }\">\n \u003ca-tag\n :color=\"tagValue\"\n :closable=\"closable\"\n style=\"margin-inline-end: 4px\"\n @mousedown=\"onPreventMouseDown\"\n @close=\"onClose\"\n >\n {{ label }}\n \u003c/a-tag>\n \u003c/template>\n \u003c/a-select>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":878,"content_sha256":"f6529aec5bdfc27c0ae4413ef54b83a5fe60be21217c2f0d4656443a1c2495fc"},{"filename":"references/components/select/demo/hide-selected.md","content":"# Hide Already Selected\n\n## Description (en-US)\n\nHide already selected options in the dropdown.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed, shallowRef } from 'vue'\n\nconst OPTIONS = ['Apples', 'Nails', 'Bananas', 'Helicopters']\n\nconst selectedItems = shallowRef\u003cstring[]>([])\n\nconst filteredOptions = computed(() =>\n OPTIONS.filter(o => !selectedItems.value.includes(o)).map(item => ({\n value: item,\n label: item,\n })),\n)\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"selectedItems\"\n mode=\"multiple\"\n placeholder=\"Inserted are removed\"\n style=\"width: 100%\"\n :options=\"filteredOptions\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":651,"content_sha256":"6e3816629a7af1bd963c670b575e753bd3059a3ef0c46038c2e8d98875aa9e78"},{"filename":"references/components/select/demo/label-in-value.md","content":"# Get value of selected item\n\n## Description (en-US)\n\nAs a default behavior, the `onChange` callback can only get the `value` of the selected item. The `labelInValue` prop can be used to get the `label` property of the selected item.\n\nThe `label` of the selected item will be packed as an object for passing to the `onChange` callback.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst value = shallowRef({ value: 'lucy', label: 'Lucy (101)' })\n\nconst options = [\n { value: 'jack', label: 'Jack (100)' },\n { value: 'lucy', label: 'Lucy (101)' },\n]\n\nfunction handleChange(val: { value: string, label: string }) {\n console.log(val) // { value: \"lucy\", key: \"lucy\", label: \"Lucy (101)\" }\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"value\"\n label-in-value\n style=\"width: 120px\"\n :options=\"options\"\n @change=\"handleChange\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":899,"content_sha256":"eb90febf1a6fe053f1354a963bcd5794ccf36c1a2366e36e1cfef801abc3e30f"},{"filename":"references/components/select/demo/maxCount.md","content":"# Max Count\n\n## Description (en-US)\n\nYou can set the `maxCount` prop to control the max number of items can be selected. When the limit is exceeded, the options will become disabled.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { DownOutlined } from '@antdv-next/icons'\nimport { shallowRef } from 'vue'\n\nconst MAX_COUNT = 3\n\nconst value = shallowRef\u003cstring[]>(['Ava Swift'])\n\nconst options = [\n { value: 'Ava Swift', label: 'Ava Swift' },\n { value: 'Cole Reed', label: 'Cole Reed' },\n { value: 'Mia Blake', label: 'Mia Blake' },\n { value: 'Jake Stone', label: 'Jake Stone' },\n { value: 'Lily Lane', label: 'Lily Lane' },\n { value: 'Ryan Chase', label: 'Ryan Chase' },\n { value: 'Zoe Fox', label: 'Zoe Fox' },\n { value: 'Alex Grey', label: 'Alex Grey' },\n { value: 'Elle Blair', label: 'Elle Blair' },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"value\"\n mode=\"multiple\"\n :max-count=\"MAX_COUNT\"\n style=\"width: 100%\"\n placeholder=\"Please select\"\n :options=\"options\"\n >\n \u003ctemplate #suffixIcon>\n \u003cspan>{{ value.length }} / {{ MAX_COUNT }}\u003c/span>\n \u003cDownOutlined />\n \u003c/template>\n \u003c/a-select>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1160,"content_sha256":"4c70c58b4affbe38b1d296d96bc17ebf06e18566bf000256e7dff819f1b23bf4"},{"filename":"references/components/select/demo/multiple.md","content":"# Multiple selection\n\n## Description (en-US)\n\nMultiple selection, selecting from existing items.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst options = Array.from({ length: 26 }, (_, i) => {\n const value = (i + 10).toString(36) + (i + 10)\n return { label: value, value }\n})\n\nconst value1 = shallowRef(['a10', 'c12'])\nconst value2 = shallowRef(['a10', 'c12'])\n\nfunction handleChange(value: string[]) {\n console.log(`selected ${value}`)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space style=\"width: 100%\" vertical>\n \u003ca-select\n v-model:value=\"value1\"\n mode=\"multiple\"\n allow-clear\n style=\"width: 100%\"\n placeholder=\"Please select\"\n :options=\"options\"\n @change=\"handleChange\"\n />\n \u003ca-select\n v-model:value=\"value2\"\n mode=\"multiple\"\n disabled\n style=\"width: 100%\"\n placeholder=\"Please select\"\n :options=\"options\"\n @change=\"handleChange\"\n />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":976,"content_sha256":"99d663849768e21b2e0f4160d346984a69c42e5518f57548df893f4f8a6f24b4"},{"filename":"references/components/select/demo/optgroup.md","content":"# Option Group\n\n## Description (en-US)\n\nUsing `OptGroup` to group the options.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst value = shallowRef('Lucy')\n\nconst options = [\n {\n label: 'manager',\n title: 'manager',\n options: [\n { label: 'Jack', value: 'Jack' },\n { label: 'Lucy', value: 'Lucy' },\n ],\n },\n {\n label: 'engineer',\n title: 'engineer',\n options: [\n { label: 'Chloe', value: 'Chloe' },\n { label: 'Lucas', value: 'Lucas' },\n ],\n },\n]\n\nfunction handleChange(val: string) {\n console.log(`selected ${val}`)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"value\"\n style=\"width: 200px\"\n :options=\"options\"\n @change=\"handleChange\"\n />\n\u003c/template>\n\n\u003cstyle scoped>\n\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":782,"content_sha256":"37ae48bd2bb8feeaa3aa88a2d40da4c356c312ced16807db1b735a3e42e30b75"},{"filename":"references/components/select/demo/option-render.md","content":"# Custom dropdown options\n\n## Description (en-US)\n\nUse `optionRender` to customize the rendering dropdown options.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst value = shallowRef(['china'])\n\nconst options = [\n {\n label: 'China',\n value: 'china',\n emoji: '🇨🇳',\n desc: 'China (中国)',\n },\n {\n label: 'USA',\n value: 'usa',\n emoji: '🇺🇸',\n desc: 'USA (美国)',\n },\n {\n label: 'Japan',\n value: 'japan',\n emoji: '🇯🇵',\n desc: 'Japan (日本)',\n },\n {\n label: 'Korea',\n value: 'korea',\n emoji: '🇰🇷',\n desc: 'Korea (韩国)',\n },\n]\n\nfunction handleChange(val: string[]) {\n console.log(`selected ${val}`)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"value\"\n mode=\"multiple\"\n style=\"width: 100%\"\n placeholder=\"select one country\"\n :options=\"options\"\n @change=\"handleChange\"\n >\n \u003ctemplate #optionRender=\"{ option }\">\n \u003ca-space>\n \u003cspan role=\"img\" :aria-label=\"option.data.label\">\n {{ option.data.emoji }}\n \u003c/span>\n {{ option.data.desc }}\n \u003c/a-space>\n \u003c/template>\n \u003c/a-select>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1174,"content_sha256":"02484fecad0b72bfc734197d799032b6ec9f6941c1872c5d8963b30c77567803"},{"filename":"references/components/select/demo/placement.md","content":"# Placement\n\n## Description (en-US)\n\nYou can manually specify the position of the popup via `placement`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\ntype Placement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'\n\nconst placement = shallowRef\u003cPlacement>('topLeft')\nconst value = shallowRef('HangZhou')\n\nconst options = [\n { value: 'HangZhou', label: 'HangZhou #310000' },\n { value: 'NingBo', label: 'NingBo #315000' },\n { value: 'WenZhou', label: 'WenZhou #325000' },\n]\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-radio-group v-model:value=\"placement\">\n \u003ca-radio-button value=\"topLeft\">\n topLeft\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"topRight\">\n topRight\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"bottomLeft\">\n bottomLeft\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"bottomRight\">\n bottomRight\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003cbr>\n \u003cbr>\n \u003ca-select\n v-model:value=\"value\"\n style=\"width: 120px\"\n :popup-match-select-width=\"false\"\n :placement=\"placement\"\n :options=\"options\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1093,"content_sha256":"0e15b2e5e8b20f71e07d78e16b5e723879afc787116ed0a422e86f844d2f671a"},{"filename":"references/components/select/demo/responsive.md","content":"# Responsive maxTagCount\n\n## Description (en-US)\n\nAuto collapse to tag with responsive case. Not recommend use in large form case since responsive calculation has a perf cost.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst options = Array.from({ length: 26 }, (_, i) => {\n const value = (i + 10).toString(36) + (i + 10)\n return { label: `Long Label: ${value}`, value }\n})\n\nconst value = shallowRef(['a10', 'c12', 'h17', 'j19', 'k20'])\nconst value1 = shallowRef(['a10', 'c12', 'h17', 'j19'])\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space vertical style=\"width: 100%\">\n \u003ca-select\n v-model:value=\"value\"\n mode=\"multiple\"\n style=\"width: 100%\"\n :options=\"options\"\n placeholder=\"Select Item...\"\n max-tag-count=\"responsive\"\n />\n \u003ca-select\n mode=\"multiple\"\n style=\"width: 100%\"\n disabled\n :options=\"options\"\n placeholder=\"Select Item...\"\n max-tag-count=\"responsive\"\n />\n \u003ca-select\n v-model:value=\"value1\"\n mode=\"multiple\"\n style=\"width: 100%\"\n :options=\"options\"\n placeholder=\"Select Item...\"\n max-tag-count=\"responsive\"\n >\n \u003ctemplate #maxTagPlaceholder=\"omittedValues\">\n \u003ca-tooltip>\n \u003ctemplate #title>\n {{ omittedValues.map((v: any) => v.label).join(', ') }}\n \u003c/template>\n \u003cspan>Hover Me\u003c/span>\n \u003c/a-tooltip>\n \u003c/template>\n \u003c/a-select>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1456,"content_sha256":"46a5340ffea69f92ea0ff6e0c2d6e35c134dc8032f3ea1d8ce0f45e65af27137"},{"filename":"references/components/select/demo/search-box.md","content":"# Search Box\n\n## Description (en-US)\n\nSearch with remote data.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\ninterface OptionItem {\n value: string\n label: string\n}\n\nlet timeout: ReturnType\u003ctypeof setTimeout> | null = null\nlet currentValue = ''\n\nconst data = shallowRef\u003cOptionItem[]>([])\nconst value = shallowRef\u003cstring>()\n\nfunction fetchData(val: string, callback: (data: OptionItem[]) => void) {\n if (timeout) {\n clearTimeout(timeout)\n timeout = null\n }\n currentValue = val\n\n const params = new URLSearchParams({ code: 'utf-8', q: val })\n\n const fake = () => {\n fetch(`https://suggest.taobao.com/sug?${params.toString()}`)\n .then(response => response.json())\n .then(({ result }) => {\n if (currentValue === val) {\n const options = result.map((item: string[]) => ({\n value: item[0],\n label: item[0],\n }))\n callback(options)\n }\n })\n }\n\n if (val) {\n timeout = setTimeout(fake, 300)\n }\n else {\n callback([])\n }\n}\n\nfunction handleSearch(val: string) {\n fetchData(val, (options) => {\n data.value = options\n })\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"value\"\n show-search\n :filter-option=\"false\"\n placeholder=\"input search text\"\n style=\"width: 200px\"\n :default-active-first-option=\"false\"\n :suffix-icon=\"null\"\n :not-found-content=\"null\"\n :options=\"data\"\n @search=\"handleSearch\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1475,"content_sha256":"52cbef558f2d9f717f87219e9f8019a5af3c7fc451fd0e14b3010ac5bd453a3c"},{"filename":"references/components/select/demo/search-filter-option.md","content":"# Custom Search\n\n## Description (en-US)\n\nCustomize search using `filterOption`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst value = shallowRef\u003cstring>()\n\nconst options = [\n { value: '1', label: 'Jack' },\n { value: '2', label: 'Lucy' },\n { value: '3', label: 'Tom' },\n]\n\nfunction filterOption(input: string, option: { label?: string }) {\n return (option?.label ?? '').toLowerCase().includes(input.toLowerCase())\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"value\"\n show-search\n :filter-option=\"filterOption\"\n placeholder=\"Select a person\"\n :options=\"options\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":645,"content_sha256":"c2bd1208e73a62bc93cc9fea96d652162060caec26d04468749a7a83cb4cb025"},{"filename":"references/components/select/demo/search-sorts.md","content":"# Search with sort\n\n## Description (en-US)\n\nSearch the options with sorting.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst value = shallowRef\u003cstring>()\n\nconst options = [\n { value: '1', label: 'Not Identified' },\n { value: '2', label: 'Closed' },\n { value: '3', label: 'Communicated' },\n { value: '4', label: 'Identified' },\n { value: '5', label: 'Resolved' },\n { value: '6', label: 'Cancelled' },\n]\n\nfunction filterSort(optionA: { label?: string }, optionB: { label?: string }) {\n return (optionA?.label ?? '').toLowerCase().localeCompare((optionB?.label ?? '').toLowerCase())\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"value\"\n show-search\n option-filter-prop=\"label\"\n :filter-sort=\"filterSort\"\n style=\"width: 200px\"\n placeholder=\"Search to Select\"\n :options=\"options\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":866,"content_sha256":"c27a31c8b5a5148ae52eb88145daebaf98cd05e46804586c8187348afd741ddb"},{"filename":"references/components/select/demo/search-users.md","content":"# Search and Select Users\n\n## Description (en-US)\n\nA complete multiple select sample with remote search, debounce fetch, ajax callback order flow, and loading state.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { debounce } from 'es-toolkit'\nimport { shallowRef } from 'vue'\n\ninterface UserValue {\n label: string\n value: string\n avatar?: string\n}\n\nconst value = shallowRef\u003cUserValue[]>([])\nconst options = shallowRef\u003cUserValue[]>([])\nconst fetching = shallowRef(false)\n\nlet fetchId = 0\n\nasync function fetchUserList(username: string): Promise\u003cUserValue[]> {\n console.log('fetching user', username)\n return fetch(`https://660d2bd96ddfa2943b33731c.mockapi.io/api/users/?search=${username}`)\n .then(res => res.json())\n .then((res) => {\n const results = Array.isArray(res) ? res : []\n return results.map((user: { name: string, id: string, avatar: string }) => ({\n label: user.name,\n value: user.id,\n avatar: user.avatar,\n }))\n })\n}\n\nconst debounceFetcher = debounce((val: string) => {\n fetchId += 1\n const currentFetchId = fetchId\n options.value = []\n fetching.value = true\n\n fetchUserList(val).then((newOptions) => {\n if (currentFetchId !== fetchId) {\n return\n }\n options.value = newOptions\n fetching.value = false\n })\n}, 300)\n\nfunction handleSearch(val: string) {\n debounceFetcher(val)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"value\"\n mode=\"multiple\"\n label-in-value\n show-search\n :filter-option=\"false\"\n placeholder=\"Select users\"\n style=\"width: 100%\"\n :options=\"options\"\n @search=\"handleSearch\"\n >\n \u003ctemplate #notFoundContent>\n \u003ca-spin v-if=\"fetching\" size=\"small\" />\n \u003cspan v-else>No results found\u003c/span>\n \u003c/template>\n \u003ctemplate #optionRender=\"{ option }\">\n \u003cdiv style=\"display: flex; align-items: center\">\n \u003ca-avatar v-if=\"option.data.avatar\" :src=\"option.data.avatar\" style=\"margin-right: 8px\" />\n {{ option.data.label }}\n \u003c/div>\n \u003c/template>\n \u003c/a-select>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2041,"content_sha256":"cd76bc88b16a9666ec4683558782179a545abebb720b2eb994e6eb7946141de9"},{"filename":"references/components/select/demo/search.md","content":"# Select with search field\n\n## Description (en-US)\n\nSearch the options while expanded.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst value = shallowRef\u003cstring>()\n\nconst options = [\n { value: 'jack', label: 'Jack' },\n { value: 'lucy', label: 'Lucy' },\n { value: 'tom', label: 'Tom' },\n]\n\nfunction onChange(val: string) {\n console.log(`selected ${val}`)\n}\n\nfunction onSearch(val: string) {\n console.log('search:', val)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"value\"\n show-search\n option-filter-prop=\"label\"\n placeholder=\"Select a person\"\n :options=\"options\"\n @change=\"onChange\"\n @search=\"onSearch\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":693,"content_sha256":"1c13c7f395c6af5b5872a5cc40bd94955b2919108bcac05a3fecbf866e9cd540"},{"filename":"references/components/select/demo/size.md","content":"# Sizes\n\n## Description (en-US)\n\nThe height of the input field for the select defaults to 32px. If size is set to large, the height will be 40px, and if set to small, 24px.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\ntype SizeType = 'large' | 'middle' | 'small'\n\nconst options = Array.from({ length: 26 }, (_, i) => {\n const value = (i + 10).toString(36) + (i + 10)\n return { value, label: value }\n})\n\nconst size = shallowRef\u003cSizeType>('middle')\nconst value1 = shallowRef('a10')\nconst value2 = shallowRef(['a10', 'c12'])\nconst value3 = shallowRef(['a10', 'c12'])\n\nfunction handleChange(val: string | string[]) {\n console.log(`Selected: ${val}`)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-radio-group v-model:value=\"size\">\n \u003ca-radio-button value=\"large\">\n Large\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"middle\">\n Default\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"small\">\n Small\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003cbr>\n \u003cbr>\n \u003ca-space vertical style=\"width: 100%\">\n \u003ca-select\n v-model:value=\"value1\"\n :size=\"size\"\n style=\"width: 200px\"\n :options=\"options\"\n @change=\"handleChange\"\n />\n \u003ca-select\n v-model:value=\"value2\"\n mode=\"multiple\"\n :size=\"size\"\n placeholder=\"Please select\"\n style=\"width: 100%\"\n :options=\"options\"\n @change=\"handleChange\"\n />\n \u003ca-select\n v-model:value=\"value3\"\n mode=\"tags\"\n :size=\"size\"\n placeholder=\"Please select\"\n style=\"width: 100%\"\n :options=\"options\"\n @change=\"handleChange\"\n />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1614,"content_sha256":"3baa3a994370554d295f5b8df3b7eac3a389c01ee4d48d9c32d1cd637c970e85"},{"filename":"references/components/select/demo/status.md","content":"# Status\n\n## Description (en-US)\n\nAdd status to Select with `status`, which could be `error` or `warning`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space vertical style=\"width: 100%\">\n \u003ca-select status=\"error\" style=\"width: 100%\" />\n \u003ca-select status=\"warning\" style=\"width: 100%\" />\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":349,"content_sha256":"452875ff81dcab37628fde8914c3eb4e73d4024accedb7026cb7f62421dc7701"},{"filename":"references/components/select/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\nYou can customize the semantic dom style of Select by passing objects/functions through `classes` and `styles`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { MehOutlined } from '@antdv-next/icons'\n\nconst options = [\n { value: 'GuangZhou', label: 'GuangZhou' },\n { value: 'ShenZhen', label: 'ShenZhen' },\n]\n\nconst stylesObject = {\n prefix: {\n color: '#1890ff',\n },\n suffix: {\n color: '#1890ff',\n },\n}\n\nconst stylesFilled = {\n prefix: {\n color: '#722ed1',\n },\n suffix: {\n color: '#722ed1',\n },\n popup: {\n root: {\n border: '1px solid #722ed1',\n },\n },\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex vertical gap=\"middle\">\n \u003ca-select\n :options=\"options\"\n :classes=\"{ root: 'custom-select' }\"\n :styles=\"stylesObject\"\n placeholder=\"Object\"\n >\n \u003ctemplate #prefix>\n \u003cMehOutlined />\n \u003c/template>\n \u003c/a-select>\n \u003ca-select\n :options=\"options\"\n :classes=\"{ root: 'custom-select' }\"\n :styles=\"stylesFilled\"\n placeholder=\"Function\"\n variant=\"filled\"\n >\n \u003ctemplate #prefix>\n \u003cMehOutlined />\n \u003c/template>\n \u003c/a-select>\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle>\n.custom-select {\n border-radius: 8px;\n width: 300px;\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1285,"content_sha256":"16fe4cdb15c618fc7bc45cded592ec046039157dabcf77fcf22ee3a975268f5c"},{"filename":"references/components/select/demo/suffix.md","content":"# Prefix and Suffix\n\n## Description (en-US)\n\nCustom `prefix` and `suffixIcon`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { MehOutlined, SmileOutlined } from '@antdv-next/icons'\nimport { shallowRef } from 'vue'\n\nconst options = [\n { value: 'jack', label: 'Jack' },\n { value: 'lucy', label: 'Lucy' },\n { value: 'Yiminghe', label: 'yiminghe' },\n { value: 'disabled', label: 'Disabled', disabled: true },\n]\n\nconst value1 = shallowRef('lucy')\nconst value2 = shallowRef('lucy')\nconst value3 = shallowRef('lucy')\nconst value4 = shallowRef(['lucy'])\nconst value5 = shallowRef(['lucy'])\nconst value6 = shallowRef(['lucy'])\n\nfunction handleChange(val: string | string[]) {\n console.log(`selected ${val}`)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space wrap>\n \u003ca-select\n v-model:value=\"value1\"\n prefix=\"User\"\n placeholder=\"Select User\"\n style=\"width: 200px\"\n :options=\"options\"\n allow-clear\n show-search\n @change=\"handleChange\"\n />\n \u003ca-select\n v-model:value=\"value2\"\n placeholder=\"Select\"\n style=\"width: 120px\"\n :options=\"options\"\n @change=\"handleChange\"\n >\n \u003ctemplate #suffixIcon>\n \u003cSmileOutlined />\n \u003c/template>\n \u003c/a-select>\n \u003ca-select\n v-model:value=\"value3\"\n placeholder=\"Select\"\n style=\"width: 120px\"\n disabled\n :options=\"[{ value: 'lucy', label: 'Lucy' }]\"\n >\n \u003ctemplate #suffixIcon>\n \u003cMehOutlined />\n \u003c/template>\n \u003c/a-select>\n \u003cbr>\n \u003ca-select\n v-model:value=\"value4\"\n prefix=\"User\"\n placeholder=\"Select\"\n mode=\"multiple\"\n style=\"width: 200px\"\n :options=\"options\"\n @change=\"handleChange\"\n />\n \u003ca-select\n v-model:value=\"value5\"\n placeholder=\"Select\"\n mode=\"multiple\"\n style=\"width: 120px\"\n :options=\"options\"\n @change=\"handleChange\"\n >\n \u003ctemplate #suffixIcon>\n \u003cSmileOutlined />\n \u003c/template>\n \u003c/a-select>\n \u003ca-select\n v-model:value=\"value6\"\n placeholder=\"Select\"\n mode=\"multiple\"\n style=\"width: 120px\"\n disabled\n :options=\"[{ value: 'lucy', label: 'Lucy' }]\"\n >\n \u003ctemplate #suffixIcon>\n \u003cMehOutlined />\n \u003c/template>\n \u003c/a-select>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2257,"content_sha256":"ab607dc066b884db63d31ee95178ed8ac2c51da1263104104940e9d674ad36c0"},{"filename":"references/components/select/demo/tags.md","content":"# Tags\n\n## Description (en-US)\n\nAllow user to select tags from list or input custom tag.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst options = Array.from({ length: 26 }, (_, i) => {\n const value = (i + 10).toString(36) + (i + 10)\n return { value, label: value }\n})\n\nconst value = shallowRef\u003cstring[]>([])\n\nfunction handleChange(val: string[]) {\n console.log(`selected ${val}`)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-select\n v-model:value=\"value\"\n mode=\"tags\"\n style=\"width: 100%\"\n placeholder=\"Tags Mode\"\n :options=\"options\"\n @change=\"handleChange\"\n />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":621,"content_sha256":"6dbb35d7090da2459f6c91582608ac023b1250896afdf1bdc91fc1bdad39ea08"},{"filename":"references/components/select/demo/variant.md","content":"# Variants\n\n## Description (en-US)\n\nVariants of Select, there are four variants: `outlined` `filled` `borderless` and `underlined`.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst options = [\n { value: 'jack', label: 'Jack' },\n { value: 'lucy', label: 'Lucy' },\n { value: 'Yiminghe', label: 'yiminghe' },\n]\n\nconst value1 = shallowRef\u003cstring>()\nconst value2 = shallowRef(['lucy'])\nconst value3 = shallowRef\u003cstring>()\nconst value4 = shallowRef(['lucy'])\nconst value5 = shallowRef\u003cstring>()\nconst value6 = shallowRef(['lucy'])\nconst value7 = shallowRef\u003cstring>()\nconst value8 = shallowRef(['lucy'])\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex :gap=\"12\" vertical>\n \u003ca-flex :gap=\"8\">\n \u003ca-select\n v-model:value=\"value1\"\n placeholder=\"Outlined\"\n style=\"flex: 1\"\n :options=\"options\"\n />\n \u003ca-select\n v-model:value=\"value2\"\n mode=\"multiple\"\n placeholder=\"Outlined\"\n style=\"flex: 1\"\n :options=\"options\"\n />\n \u003c/a-flex>\n \u003ca-flex :gap=\"8\">\n \u003ca-select\n v-model:value=\"value3\"\n placeholder=\"Filled\"\n variant=\"filled\"\n style=\"flex: 1\"\n :options=\"options\"\n />\n \u003ca-select\n v-model:value=\"value4\"\n mode=\"multiple\"\n placeholder=\"Filled\"\n variant=\"filled\"\n style=\"flex: 1\"\n :options=\"options\"\n />\n \u003c/a-flex>\n \u003ca-flex :gap=\"8\">\n \u003ca-select\n v-model:value=\"value5\"\n placeholder=\"Borderless\"\n variant=\"borderless\"\n style=\"flex: 1\"\n :options=\"options\"\n />\n \u003ca-select\n v-model:value=\"value6\"\n mode=\"multiple\"\n placeholder=\"Borderless\"\n variant=\"borderless\"\n style=\"flex: 1\"\n :options=\"options\"\n />\n \u003c/a-flex>\n \u003ca-flex :gap=\"8\">\n \u003ca-select\n v-model:value=\"value7\"\n placeholder=\"Underlined\"\n variant=\"underlined\"\n style=\"flex: 1\"\n :options=\"options\"\n />\n \u003ca-select\n v-model:value=\"value8\"\n mode=\"multiple\"\n placeholder=\"Underlined\"\n variant=\"underlined\"\n style=\"flex: 1\"\n :options=\"options\"\n />\n \u003c/a-flex>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2229,"content_sha256":"524764c2266ec411451a064b910ac21bd1ebe31d15c397bd6c71ac3ed52b1a03"},{"filename":"references/components/select/docs.md","content":"---\ntitle: Select\ndescription: A dropdown menu for displaying choices.\n---\n\n## When To Use \n- A dropdown menu for displaying choices - an elegant alternative to the native `\u003cselect>` element.\n- Utilizing [Radio](../radio/docs.md) is recommended when there are fewer total options (less than 5).\n- You probably need [AutoComplete](../auto-complete/docs.md) if you're looking for an input box that can be typed or selected.\n\n## Demos\n\n\u003c!-- prettier-ignore -->\n\n| Demo | Path |\n| --- | --- |\n| Basic Usage | demo/basic.md |\n| Select with search field | demo/search.md |\n| Custom Search | demo/search-filter-option.md |\n| Multiple selection | demo/multiple.md |\n| Sizes | demo/size.md |\n| Custom dropdown options | demo/option-render.md |\n| Search with sort | demo/search-sorts.md |\n| Tags | demo/tags.md |\n| Option Group | demo/optgroup.md |\n| Coordinate | demo/coordinate.md |\n| Search Box | demo/search-box.md |\n| Get value of selected item | demo/label-in-value.md |\n| Automatic tokenization | demo/automatic-tokenization.md |\n| Search and Select Users | demo/search-users.md |\n| Prefix and Suffix | demo/suffix.md |\n| Custom dropdown | demo/custom-dropdown-menu.md |\n| Hide Already Selected | demo/hide-selected.md |\n| Variants | demo/variant.md |\n| Custom Tag Render | demo/custom-tag-render.md |\n| Custom Selected Label Render | demo/custom-label-render.md |\n| Responsive maxTagCount | demo/responsive.md |\n| Big Data | demo/big-data.md |\n| Status | demo/status.md |\n| Placement | demo/placement.md |\n| Max Count | demo/maxCount.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\n### Property \nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| allowClear | Show clear button | boolean \\| { clearIcon?: VueNode } | false | - |\n| autoClearSearchValue | Whether the current search will be cleared on selecting an item. Only applies when `mode` is set to `multiple` or `tags` | boolean | true | - |\n| defaultActiveFirstOption | Whether active first option by default | boolean | true | - |\n| disabled | Whether disabled select | boolean | false | - |\n| dropdownClassName | The className of dropdown menu, **Deprecated. Use `classes.popup.root` instead** | string | - | - |\n| dropdownMatchSelectWidth | Determine whether the dropdown menu and the select input are the same width, **Deprecated. Use `popupMatchSelectWidth` instead** | boolean \\| number | - | - |\n| dropdownRender | Customize dropdown content, **Deprecated. Use `popupRender` instead** | (originNode: VueNode) => VueNode | - | - |\n| dropdownStyle | The style of dropdown menu, **Deprecated. Use `styles.popup.root` instead** | CSSProperties | - | - |\n| fieldNames | Customize node label, value, options, groupLabel field name | object | { label: 'label', value: 'value', options: 'options', groupLabel: 'label' } | - |\n| filterOption | If true, filter options by input, if function, filter options against it. The function will receive two arguments, `inputValue` and `option`, if the function returns true, the option will be included in the filtered set; Otherwise, it will be excluded | boolean \\| (inputValue: string, option?: Option) => boolean | true | - |\n| filterSort | Sort function for search options sorting, see Array.sort's compareFunction | (optionA: Option, optionB: Option, info: { searchValue: string }) => number | - | - |\n| getPopupContainer | Parent Node which the selector should be rendered to. Default to body. When position issues happen, try to modify it into scrollable content and position it relative | (triggerNode: HTMLElement) => HTMLElement | () => document.body | - |\n| labelInValue | Whether to embed label in value, turn the format of value from `string` to `{ value: string, label: VueNode }` | boolean | false | - |\n| listHeight | Config popup height | number | 256 | - |\n| loading | Indicate loading state | boolean | false | - |\n| maxCount | The max number of items can be selected, only applies when `mode` is `multiple` or `tags` | number | - | - |\n| maxTagCount | Max tag count to show. `responsive` will cost render performance | number \\| 'responsive' | - | - |\n| maxTagPlaceholder | Placeholder for not showing tags | VueNode \\| (omittedValues: LabeledValue[]) => VueNode | - | - |\n| maxTagTextLength | Max tag text length to show | number | - | - |\n| menuItemSelectedIcon | The custom menuItemSelected icon with multiple options | VueNode | - | - |\n| mode | Set mode of Select | 'multiple' \\| 'tags' | - | - |\n| notFoundContent | Specify content to show when no result matches | VueNode | `Not Found` | - |\n| open | Controlled open state of dropdown | boolean | - | - |\n| optionFilterProp | Which prop value of option will be used for filter if filterOption is true. If options is set, it should be set to label. When a string[] is provided, multiple fields are searched using OR matching | string \\| string[] | value | - |\n| options | Select options. Will get better perf than jsx definition | { label: VueNode; value: string }[] | - | - |\n| optionRender | Customize the rendering dropdown options | (option: FlattenOptionData<BaseOptionType>, info: { index: number }) => VueNode | - | - |\n| placeholder | The placeholder of select | string | - | - |\n| placement | The position where the selection box pops up | `bottomLeft` `bottomRight` `topLeft` `topRight` | bottomLeft | - |\n| popupClassName | The className of dropdown menu, use `classes.popup.root` instead | string | - | - |\n| popupMatchSelectWidth | Determine whether the dropdown menu and the select input are the same width. Default set `min-width` same as input. Will ignore when value less than select width. `false` will disable virtual scroll | boolean \\| number | true | - |\n| popupRender | Customize dropdown content | (originNode: VueNode) => VueNode | - | - |\n| prefix | The custom prefix | VueNode | - | - |\n| removeIcon | The custom remove icon | VueNode | - | - |\n| searchValue | The current input \"search\" text | string | - | - |\n| showSearch | Whether select is searchable | boolean \\| Object | single: false, multiple: true | - |\n| size | Size of Select input | `large` \\| `middle` \\| `small` | - | - |\n| status | Set validation status | 'error' \\| 'warning' | - | - |\n| suffixIcon | The custom suffix icon. Customize icon will not response click open to avoid icon designed to do other interactive. You can use `pointer-events: none` style to bypass | VueNode | `\u003cDownOutlined />` | - |\n| tagRender | Customize tag render, only applies when `mode` is set to `multiple` or `tags` | (props) => VueNode | - | - |\n| labelRender | Customize selected label render | (props: LabelInValueType) => VueNode | - | - |\n| tokenSeparators | Separator used to tokenize, only applies when `mode=\"tags\"` | string[] | - | - |\n| value | Current selected option (considered as a immutable array), support `v-model:value` | string \\| string[] \\| number \\| number[] | - | - |\n| variant | Variants of selector | `outlined` \\| `borderless` \\| `filled` \\| `underlined` | `outlined` | - |\n| virtual | Disable virtual scroll when set to false | boolean | true | - |\n\n### Events \n| Event | Description | Type | Version |\n| --- | --- | --- | --- |\n| active | Called when keyboard or mouse interaction occurs | (value: string \\| number) => void | - |\n| blur | Called when blur | (event: FocusEvent) => void | - |\n| change | Called when select an option or input value change | (value, option: Option \\| Array<Option>) => void | - |\n| clear | Called when clear | () => void | - |\n| deselect | Called when an option is deselected, param is the selected option's value. Only called for `multiple` or `tags`, effective in multiple or tags mode only | (value: string \\| number) => void | - |\n| dropdownVisibleChange | Called when dropdown open, **Deprecated. Use `openChange` instead** | (open: boolean) => void | - |\n| focus | Called when focus | (event: FocusEvent) => void | - |\n| inputKeydown | Called when key pressed | (event: KeyboardEvent) => void | - |\n| openChange | Called when dropdown open | (open: boolean) => void | - |\n| popupScroll | Called when dropdown scrolls | (event: UIEvent) => void | - |\n| search | Callback function that is fired when input changed | (value: string) => void | - |\n| select | Called when an option is selected, the params are option's value (or key) and option instance | (value: string \\| number, option: Option) => void | - |\n\n### Slots \n| Slot | Description | Type | Version |\n| --- | --- | --- | --- |\n| labelRender | Customize selected label render | (props: LabelInValueType) => VueNode | - |\n| maxTagPlaceholder | Placeholder for not showing tags | (omittedValues: LabeledValue[]) => VueNode | - |\n| menuItemSelectedIcon | The custom menuItemSelected icon with multiple options | VueNode | - |\n| notFoundContent | Specify content to show when no result matches | VueNode | - |\n| optionRender | Customize the rendering dropdown options | (option: FlattenOptionData<BaseOptionType>, info: { index: number }) => VueNode | - |\n| popupRender | Customize dropdown content | (originNode: VueNode) => VueNode | - |\n| prefix | The custom prefix | VueNode | - |\n| removeIcon | The custom remove icon | VueNode | - |\n| suffixIcon | The custom suffix icon. Customize icon will not response click open to avoid icon designed to do other interactive. You can use `pointer-events: none` style to bypass | VueNode | - |\n| tagRender | Customize tag render, only applies when `mode` is set to `multiple` or `tags` | (props) => VueNode | - |\n\n### Select Methods \n| Name | Description | Version |\n| --- | --- | --- |\n| blur() | Remove focus | - |\n| focus() | Get focus | - |\n\n### showSearch \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| autoClearSearchValue | Whether the current search will be cleared on selecting an item. Only applies when `mode` is set to `multiple` or `tags` | boolean | true | - |\n| filterOption | If true, filter options by input, if function, filter options against it. The function will receive two arguments, `inputValue` and `option`, if the function returns true, the option will be included in the filtered set; Otherwise, it will be excluded | boolean \\| (inputValue: string, option?: Option) => boolean | true | - |\n| filterSort | Sort function for search options sorting, see Array.sort's compareFunction | (optionA: Option, optionB: Option, info: { searchValue: string }) => number | - | - |\n| optionFilterProp | Which prop value of option will be used for filter if filterOption is true. If options is set, it should be set to label. When a string[] is provided, multiple fields are searched using OR matching | string \\| string[] | value | - |\n| searchValue | The current input \"search\" text | string | - | - |\n| onSearch | Callback function that is fired when input changed | (value: string) => void | - | - |\n\n### Option props\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| disabled | Disable this option | boolean | false | - |\n| title | title attribute of Select Option | string | - | - |\n| value | Default to filter with this property | string \\| number | - | - |\n\n### OptGroup props\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| key | Group key | string | - | - |\n| label | Group label | string \\| VueNode | - | - |\n| title | title attribute of Select Option | string | - | - |\n\n## Semantic DOM \n| _semantic | demo/_semantic.md |\n\n## FAQ\n\n### Why sometimes search will show 2 same option when in `tags` mode? \nIt's caused by option with different `label` and `value`. You can use `optionFilterProp=\"label\"` to change filter logic instead.\n\n### When I click elements in popupRender, the select dropdown will not be closed? \nYou can control it by `open` prop.\n\n### I don't want dropdown close when click inside `popupRender`? \nSelect will close when it lose focus. You can prevent event to handle this:\n\n```html\n \u003ca-select>\n \u003ctemplate #popupRender>\n \u003cdiv\n @mousedown=\"(e) => {\n e.preventDefault()\n e.stopPropagation()\n }\"\n >\n Some Content\n \u003c/div>\n \u003c/template>\n \u003c/a-select>\n```\n\n### Why sometimes customize Option cause scroll break? \nVirtual scroll internal set item height as `24px`. You need to adjust `listItemHeight` when your option height is less and `listHeight` config list container height:\n\n```html\n \u003ca-select :list-item-height=\"10\" :list-height=\"250\" />\n```\n\nNote: `listItemHeight` and `listHeight` are internal props. Please only modify when necessary.\n\n### Why a11y test report missing `aria-` props? \nSelect only create a11y auxiliary node when operating on. Please open Select and retry. For `aria-label` & `aria-labelledby` miss warning, please add related prop to Select with your own requirement.\n\nDefault virtual scrolling will create a mock element to simulate an accessible binding. If a screen reader needs to fully access the entire list, you can set `:virtual=\"false\"` to disable virtual scrolling and the accessibility option will be bound to the actual element.\n\n### Custom tags generated using `tagRender` slot will pop up a drop-down box when clicked to close \nIf you don't want a drop-down menu to appear automatically after clicking on an element (such as a close icon), you can prevent the `mousedown` event from propagating on it.\n\n```html\n \u003ca-select>\n \u003ctemplate #tagRender=\"{ closable, label, onClose }\">\n \u003cspan class=\"border\">\n {{ label }}\n \u003cspan\n v-if=\"closable\"\n class=\"cursor-pointer\"\n @mousedown.stop\n @click=\"onClose\"\n >\n ❎\n \u003c/span>\n \u003c/span>\n \u003c/template>\n \u003c/a-select>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":13944,"content_sha256":"81b4f0bee5e7a63f5f23aafcc0746dcef043fa9dc8fa75ce6456c19feef5feaa"},{"filename":"references/components/select/token.md","content":"# select Token\n\nUse these variables through `theme.components.Select`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Select: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `zIndexPopup` | `number` | z-index of dropdown |\n| `optionSelectedColor` | `string` | Text color when option is selected |\n| `optionSelectedFontWeight` | `CSSProperties` | Font weight when option is selected |\n| `optionSelectedBg` | `string` | Background color when option is selected |\n| `optionActiveBg` | `string` | Background color when option is active |\n| `optionPadding` | `CSSProperties` | Padding of option |\n| `optionFontSize` | `number` | Font size of option |\n| `optionLineHeight` | `CSSProperties` | Line height of option |\n| `optionHeight` | `number` | Height of option |\n| `selectorBg` | `string` | Background color of selector |\n| `clearBg` | `string` | Background color of clear button |\n| `singleItemHeightLG` | `number` | Height of single selected item with large size |\n| `showArrowPaddingInlineEnd` | `number` | Inline end padding of arrow |\n| `hoverBorderColor` | `string` | Hover border color |\n| `activeBorderColor` | `string` | Active border color |\n| `activeOutlineColor` | `string` | Active outline color |\n| `multipleItemBg` | `string` | Background color of multiple tag |\n| `multipleItemBorderColor` | `string` | Border color of multiple tag |\n| `multipleItemHeight` | `number` | Height of multiple tag |\n| `multipleItemHeightSM` | `number` | Height of multiple tag with small size |\n| `multipleItemHeightLG` | `number` | Height of multiple tag with large size |\n| `multipleSelectorBgDisabled` | `string` | Background color of multiple selector when disabled |\n| `multipleItemColorDisabled` | `string` | Text color of multiple tag when disabled |\n| `multipleItemBorderColorDisabled` | `string` | Border color of multiple tag when disabled |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2088,"content_sha256":"4c835a030eb0b59a2c4a5b53c6af306d656ea39eb9973ddc964bbbe792f15838"},{"filename":"references/components/skeleton/demo/_semantic_element.md","content":"# _semantic_element\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport type { SegmentedOptions } from 'antdv-next'\nimport { computed, ref } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\ntype SkeletonElement = 'Avatar' | 'Button' | 'Input' | 'Image' | 'Node'\nconst internalOptions: SegmentedOptions = ['Avatar', 'Button', 'Input', 'Image', 'Node']\n\nconst element = ref\u003cSkeletonElement>('Avatar')\n\nconst componentMap: Record\u003cSkeletonElement, string> = {\n Avatar: 'a-skeleton-avatar',\n Button: 'a-skeleton-button',\n Input: 'a-skeleton-input',\n Image: 'a-skeleton-image',\n Node: 'a-skeleton-node',\n}\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('element.root'), version: '1.0.0' },\n { name: 'content', desc: t('element.content'), version: '1.0.0' },\n])\n\nconst componentName = computed(() => `Skeleton.${element.value}`)\nconst currentComponent = computed(() => componentMap[element.value])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n :component-name=\"componentName\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003ca-flex vertical :style=\"{ width: 'fit-content', marginInlineEnd: 'auto' }\">\n \u003ca-segmented v-model:value=\"element\" :options=\"internalOptions\" />\n \u003ca-divider title-placement=\"start\" plain>\n {{ t('element.preview') }}\n \u003c/a-divider>\n \u003ccomponent :is=\"currentComponent\" :classes=\"classes\" />\n \u003c/a-flex>\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1617,"content_sha256":"746366c1b6b7bf666d0528615ba38e1e7c0eb381451cb08c41e8cd0ca5eacbc2"},{"filename":"references/components/skeleton/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root'), version: '1.0.0' },\n { name: 'header', desc: t('header'), version: '1.0.0' },\n { name: 'section', desc: t('section'), version: '1.0.0' },\n { name: 'avatar', desc: t('avatar'), version: '1.0.0' },\n { name: 'title', desc: t('title'), version: '1.0.0' },\n { name: 'paragraph', desc: t('paragraph'), version: '1.0.0' },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Skeleton\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003ca-skeleton avatar :paragraph=\"{ rows: 4 }\" :classes=\"classes\" />\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":945,"content_sha256":"c00ddf0bdac998267afb5a9d358eed84a9c2a9b0decb7527df0c3c12add1a867"},{"filename":"references/components/skeleton/demo/active.md","content":"# Active Animation\n\n## Description (en-US)\n\nDisplay active animation.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-skeleton active />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":140,"content_sha256":"cd30e8b29b6e074c5a9adf5016c402e98137094acc42f0a82e4f431f5068e6f2"},{"filename":"references/components/skeleton/demo/basic.md","content":"# Basic\n\n## Description (en-US)\n\nSimplest Skeleton usage.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-skeleton />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":121,"content_sha256":"9a6e74179719984c5e0184b199053a008e069a7feca40199cbb30b666c7578ea"},{"filename":"references/components/skeleton/demo/children.md","content":"# Contains sub component\n\n## Description (en-US)\n\nSkeleton contains sub component.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst loading = ref(false)\nfunction showSkeleton() {\n loading.value = true\n setTimeout(() => {\n loading.value = false\n }, 3000)\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-space vertical style=\"width: 100%\" :size=\"16\">\n \u003ca-skeleton :loading=\"loading\" active>\n \u003ch4 style=\"margin-bottom: 16px\">\n Antdv Next, a design language\n \u003c/h4>\n \u003cp>\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure), to help people create their product prototypes beautifully\n and efficiently.\n \u003c/p>\n \u003c/a-skeleton>\n \u003ca-button :disabled=\"loading\" @click=\"showSkeleton\">\n Show Skeleton\n \u003c/a-button>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":871,"content_sha256":"6ff27caf71090056724328e1699939378af82278b253c1efbe3d36dd1e535eaf"},{"filename":"references/components/skeleton/demo/complex.md","content":"# Complex combination\n\n## Description (en-US)\n\nComplex combination with avatar and multiple paragraphs.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-skeleton avatar :paragraph=\"{ rows: 4 }\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":199,"content_sha256":"95cb4d7b41da36ac8e307e37c1a01627295ed236bfcdc6384b85a276d8f16d2c"},{"filename":"references/components/skeleton/demo/element.md","content":"# Button/Avatar/Input/Image/Node\n\n## Description (en-US)\n\nSkeleton Button, Avatar, Input, Image and Node.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { DotChartOutlined } from '@antdv-next/icons'\nimport { ref } from 'vue'\n\ntype SizeType = 'large' | 'medium' | 'small'\ntype ButtonShapeType = 'circle' | 'square' | 'round' | 'default'\ntype AvatarShapeType = 'circle' | 'square'\n\nconst active = ref(false)\nconst block = ref(false)\nconst size = ref\u003cSizeType>('medium')\nconst buttonShape = ref\u003cButtonShapeType>('default')\nconst avatarShape = ref\u003cAvatarShapeType>('circle')\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"medium\" vertical>\n \u003ca-space>\n \u003ca-skeleton-button :active=\"active\" :size=\"size\" :shape=\"buttonShape\" :block=\"block\" />\n \u003ca-skeleton-avatar :active=\"active\" :size=\"size\" :shape=\"avatarShape\" />\n \u003ca-skeleton-input :active=\"active\" :size=\"size\" />\n \u003c/a-space>\n \u003ca-skeleton-button :active=\"active\" :size=\"size\" :shape=\"buttonShape\" :block=\"block\" />\n \u003ca-skeleton-input :active=\"active\" :size=\"size\" :block=\"block\" />\n \u003ca-space>\n \u003ca-skeleton-image :active=\"active\" />\n \u003ca-skeleton-node :active=\"active\" style=\"width: 160px\" />\n \u003ca-skeleton-node :active=\"active\">\n \u003cDotChartOutlined style=\"font-size: 40px; color: #bfbfbf\" />\n \u003c/a-skeleton-node>\n \u003c/a-space>\n \u003ca-divider />\n \u003ca-form layout=\"inline\" style=\"margin: 16px 0\">\n \u003ca-space :size=\"16\" wrap>\n \u003ca-form-item label=\"Active\">\n \u003ca-switch v-model:value=\"active\" />\n \u003c/a-form-item>\n \u003ca-form-item label=\"Button and Input Block\">\n \u003ca-switch v-model:value=\"block\" />\n \u003c/a-form-item>\n \u003ca-form-item label=\"Size\">\n \u003ca-radio-group v-model:value=\"size\">\n \u003ca-radio-button value=\"large\">\n Large\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"medium\">\n Medium\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"small\">\n Small\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003c/a-form-item>\n \u003ca-form-item label=\"Button Shape\">\n \u003ca-radio-group v-model:value=\"buttonShape\">\n \u003ca-radio-button value=\"default\">\n Default\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"square\">\n Square\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"round\">\n Round\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"circle\">\n Circle\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003c/a-form-item>\n \u003ca-form-item label=\"Avatar Shape\">\n \u003ca-radio-group v-model:value=\"avatarShape\">\n \u003ca-radio-button value=\"square\">\n Square\n \u003c/a-radio-button>\n \u003ca-radio-button value=\"circle\">\n Circle\n \u003c/a-radio-button>\n \u003c/a-radio-group>\n \u003c/a-form-item>\n \u003c/a-space>\n \u003c/a-form>\n \u003c/a-flex>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":2988,"content_sha256":"f8b23554525ce9a36b8f73030347855879f62d49678336993aec72ffd46b1438"},{"filename":"references/components/skeleton/demo/style-class.md","content":"# Custom semantic dom styling\n\n## Description (en-US)\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nconst classes = {\n root: 'skeleton-root',\n header: 'skeleton-header',\n}\n\nconst styles = {\n avatar: {\n border: '1px solid #aaa',\n },\n title: {\n border: '1px solid #aaa',\n },\n}\n\nfunction stylesFn(info: { props: { active?: boolean } }) {\n if (info.props?.active) {\n return {\n root: {\n border: '1px solid rgba(229, 243, 254, 0.3)',\n },\n title: {\n backgroundColor: 'rgba(229, 243, 254, 0.5)',\n height: '20px',\n borderRadius: '20px',\n },\n }\n }\n return {}\n}\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-flex gap=\"middle\">\n \u003ca-skeleton\n :classes=\"classes\"\n :styles=\"styles\"\n avatar\n :paragraph=\"false\"\n />\n \u003ca-skeleton\n :classes=\"{ ...classes, paragraph: 'skeleton-paragraph' }\"\n :styles=\"stylesFn\"\n active\n />\n \u003c/a-flex>\n\u003c/template>\n\n\u003cstyle scoped>\n.skeleton-root {\n border-radius: 10px;\n padding: 12px;\n}\n\n.skeleton-header {\n margin-bottom: 12px;\n}\n\n.skeleton-paragraph > li {\n background-color: rgba(229, 243, 254, 0.5);\n}\n\u003c/style>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":1132,"content_sha256":"7510b890bb7d689dac468bdd96f61ef77e6c6cea516e47ae49e746d6348ed056"},{"filename":"references/components/skeleton/docs.md","content":"---\ntitle: Skeleton\ndescription: Provide a placeholder while you wait for content to load, or to visualize content that doesn't exist yet.\n---\n\n## When To Use \n- When a resource needs long time to load.\n- When the component contains lots of information, such as List or Card.\n- Only works when loading data for the first time.\n- Could be replaced by Spin in any situation, but can provide a better user experience.\n\n## Demos\n\n| Demo | Path |\n| --- | --- |\n| Basic | demo/basic.md |\n| Complex combination | demo/complex.md |\n| Active Animation | demo/active.md |\n| Button/Avatar/Input/Image/Node | demo/element.md |\n| Contains sub component | demo/children.md |\n| Custom semantic dom styling | demo/style-class.md |\n\n## API\n\nCommon props ref:[Common props](../../docs/vue/common-props.md)\n\n### Skeleton\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| active | Show animation effect | boolean | false | - |\n| avatar | Show avatar placeholder | boolean \\| [SkeletonAvatarProps](#skeletonavatarprops) | false | - |\n| loading | Display the skeleton when true | boolean | - | - |\n| paragraph | Show paragraph placeholder | boolean \\| [SkeletonParagraphProps](#skeletonparagraphprops) | true | - |\n| round | Show paragraph and title radius when true | boolean | false | - |\n| title | Show title placeholder | boolean \\| [SkeletonTitleProps](#skeletontitleprops) | true | - |\n| classes | Customize class for each semantic structure inside the component | SkeletonClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component | SkeletonStylesType | - | - |\n\n### SkeletonAvatar\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| active | Show animation effect, only valid when used avatar independently | boolean | false | - |\n| shape | Set the shape of avatar | `circle` \\| `square` | `circle` | - |\n| size | Set the size of avatar | number \\| `large` \\| `medium` \\| `small` | `medium` | - |\n\n### SkeletonTitle\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| width | Set the width of title | number \\| string | - | - |\n\n### SkeletonParagraph\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| rows | Set the row count of paragraph | number | - | - |\n| width | Set the width of paragraph. When width is an Array, it can set the width of each row. Otherwise only set the last row width | number \\| string \\| Array<number \\| string> | - | - |\n\n### SkeletonAvatar\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| active | Show animation effect | boolean | false | - |\n| shape | Set the shape of avatar | `circle` \\| `square` | `circle` | - |\n| size | Set the size of avatar | number \\| `large` \\| `medium` \\| `small` | `medium` | - |\n| classes | Customize class for each semantic structure inside the component | SkeletonClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component | SkeletonStylesType | - | - |\n\n### SkeletonButton\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| active | Show animation effect | boolean | false | - |\n| block | Option to fit button width to its parent width | boolean | false | - |\n| shape | Set the shape of button | `circle` \\| `round` \\| `square` \\| `default` | - | - |\n| size | Set the size of button | `large` \\| `medium` \\| `small` | `medium` | - |\n| classes | Customize class for each semantic structure inside the component | SkeletonClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component | SkeletonStylesType | - | - |\n\n### SkeletonInput\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| active | Show animation effect | boolean | false | - |\n| size | Set the size of input | `large` \\| `medium` \\| `small` | `medium` | - |\n| classes | Customize class for each semantic structure inside the component | SkeletonClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component | SkeletonStylesType | - | - |\n\n### SkeletonImage\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| active | Show animation effect | boolean | false | - |\n| classes | Customize class for each semantic structure inside the component | SkeletonClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component | SkeletonStylesType | - | - |\n\n### SkeletonNode\n\n#### Props \n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| active | Show animation effect | boolean | false | - |\n| classes | Customize class for each semantic structure inside the component | SkeletonClassNamesType | - | - |\n| styles | Customize inline style for each semantic structure inside the component | SkeletonStylesType | - | - |\n\n## Semantic DOM\n\n| _semantic | demo/_semantic.md |\n\n### Skeleton.Element\n\n| _semantic_element | demo/_semantic_element.md |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":5223,"content_sha256":"f9793fcf94c10f08c9091011eebcc05794e4db7a7ab3724704ff2082036c784f"},{"filename":"references/components/skeleton/token.md","content":"# skeleton Token\n\nUse these variables through `theme.components.Skeleton`. This document lists definitions only and does not include values.\n\n```vue\n\u003ca-config-provider\n :theme=\"{\n token: {\n // Global token configuration\n },\n components: {\n Skeleton: {\n // Token name: value\n },\n },\n }\"\n>\n ...\n\u003c/a-config-provider>\n```\n\n## Token List\n\n| Token | Type | Description |\n| --- | --- | --- |\n| `gradientFromColor` | `string` | Start color of gradient |\n| `gradientToColor` | `string` | End color of gradient |\n| `titleHeight` | `string \\| number` | Height of title skeleton |\n| `blockRadius` | `number` | Border radius of skeleton |\n| `paragraphMarginTop` | `number` | Margin top of paragraph skeleton |\n| `paragraphLiHeight` | `number` | Line height of paragraph skeleton |\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":805,"content_sha256":"f20d772328d4af6a177941ef4359745aaea8ded4d5bbf1f5b4a7316cc5bca108"},{"filename":"references/components/slider/demo/_semantic.md","content":"# _semantic\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SemanticPreview } from '@/components/semantic'\nimport { useComponentLocale } from '@/composables/use-locale'\nimport { locales } from '../locales'\n\nconst { t } = useComponentLocale(locales)\n\nconst semantics = computed(() => [\n { name: 'root', desc: t('root'), version: '1.0.0' },\n { name: 'track', desc: t('track'), version: '1.0.0' },\n { name: 'tracks', desc: t('tracks'), version: '1.0.0' },\n { name: 'rail', desc: t('rail'), version: '1.0.0' },\n { name: 'handle', desc: t('handle'), version: '1.0.0' },\n])\n\u003c/script>\n\n\u003ctemplate>\n \u003cSemanticPreview\n component-name=\"Slider\"\n :semantics=\"semantics\"\n >\n \u003ctemplate #default=\"{ classes }\">\n \u003ca-slider\n range\n :default-value=\"[20, 30, 50]\"\n :style=\"{ width: '100%' }\"\n :classes=\"classes\"\n />\n \u003c/template>\n \u003c/SemanticPreview>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":939,"content_sha256":"2267952319b7553047a258272abfc8fa9f5cba878c4e56b786e50afe11947c25"},{"filename":"references/components/slider/demo/basic.md","content":"# Basic\n\n## Description (en-US)\n\nBasic slider. When `range` is `true`, display as dual thumb mode. When `disable` is `true`, the slider will not be interactable.\n\n## Source\n\n```vue\n\u003cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst disabled = ref(false)\nconst value = ref(30)\nconst valueRange = ref([20, 50])\n\u003c/script>\n\n\u003ctemplate>\n \u003ca-slider v-model:value=\"value\" :disabled=\"disabled\" />\n \u003ca-slider v-model:value=\"valueRange\" range :disabled=\"disabled\" />\n Disabled: \u003ca-switch v-model:checked=\"disabled\" size=\"small\" />\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":546,"content_sha256":"6bd16c04c0c0247d0f905cfad1a6517be4f62342f75a8ad256a3a8e29f0f0743"},{"filename":"references/components/space/demo/wrap.md","content":"# Wrap\n\n## Description (en-US)\n\nAuto wrap.\n\n## Source\n\n```vue\n\u003ctemplate>\n \u003ca-space :size=\"[8, 16]\" wrap>\n \u003ca-button v-for=\"item in 20\" :key=\"item\">\n Button\n \u003c/a-button>\n \u003c/a-space>\n\u003c/template>\n```\n","content_type":"text/markdown; charset=utf-8","language":"markdown","size":210,"content_sha256":"2cf4a070a25db95623feecab12df7d8a011252e53e0ff3f54c661a17468b9279"}],"content_json":{"type":"doc","content":[{"type":"heading","attrs":{"level":1},"content":[{"text":"Antdv Next","type":"text"}]},{"type":"blockquote","content":[{"type":"paragraph","content":[{"text":"The skill is based on Antdv Next docs and demos, generated at 2026-05-18.","type":"text"}]}]},{"type":"paragraph","content":[{"text":"Language: en-US","type":"text"}]},{"type":"paragraph","content":[{"text":"Docs and demos are copied into ","type":"text"},{"text":"references/","type":"text","marks":[{"type":"code_inline"}]},{"text":" for offline use.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Vue Docs","type":"text"}]},{"type":"table","attrs":{"layout":null},"content":[{"type":"tr","content":[{"type":"th","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Doc","type":"text"}]}]},{"type":"th","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Path","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"common-props","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/docs/vue/common-props.md","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"compatible-style","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/docs/vue/compatible-style.md","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"customize-theme","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/docs/vue/customize-theme.md","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"faq","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/docs/vue/faq.md","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"getting-started","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/docs/vue/getting-started.md","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"i18n","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/docs/vue/i18n.md","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"migration-antdv-next","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/docs/vue/migration-antdv-next.md","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"nuxt","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/docs/vue/nuxt.md","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"secondary-development","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/docs/vue/secondary-development.md","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"tailwindcss","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/docs/vue/tailwindcss.md","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"unocss","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/docs/vue/unocss.md","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"AI Structured References","type":"text"}]},{"type":"table","attrs":{"layout":null},"content":[{"type":"tr","content":[{"type":"th","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Type","type":"text"}]}]},{"type":"th","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Path","type":"text"}]}]},{"type":"th","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Notes","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Global Token Markdown","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/global-token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Global Design Token definitions for ","type":"text"},{"text":"ConfigProvider theme.token","type":"text","marks":[{"type":"code_inline"}]}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Semantic JSON","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/llms-semantic.json","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Structured semantic DOM descriptions extracted from ","type":"text"},{"text":"_semantic","type":"text","marks":[{"type":"code_inline"}]},{"text":" demos","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Semantic Markdown","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/llms-semantic.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Human-readable semantic structure summary","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Components","type":"text"}]},{"type":"table","attrs":{"layout":null},"content":[{"type":"tr","content":[{"type":"th","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Component","type":"text"}]}]},{"type":"th","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Doc","type":"text"}]}]},{"type":"th","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Demos","type":"text"}]}]},{"type":"th","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Token","type":"text"}]}]},{"type":"th","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"Semantic","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"affix","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/affix/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/affix/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/affix/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"alert","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/alert/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/alert/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/alert/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"anchor","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/anchor/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/anchor/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/anchor/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"app","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/app/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/app/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"auto-complete","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/auto-complete/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/auto-complete/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/auto-complete/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"avatar","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/avatar/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/avatar/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/avatar/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"badge","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/badge/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/badge/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/badge/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"2 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"border-beam","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/border-beam/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/border-beam/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"breadcrumb","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/breadcrumb/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/breadcrumb/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/breadcrumb/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"button","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/button/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/button/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/button/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"calendar","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/calendar/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/calendar/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/calendar/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"card","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/card/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/card/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/card/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"carousel","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/carousel/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/carousel/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/carousel/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"cascader","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/cascader/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/cascader/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/cascader/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"checkbox","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/checkbox/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/checkbox/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"collapse","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/collapse/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/collapse/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/collapse/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"color-picker","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/color-picker/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/color-picker/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"config-provider","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/config-provider/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/config-provider/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"date-picker","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/date-picker/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/date-picker/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/date-picker/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"descriptions","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/descriptions/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/descriptions/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/descriptions/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"divider","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/divider/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/divider/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/divider/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"drawer","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/drawer/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/drawer/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/drawer/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"dropdown","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/dropdown/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/dropdown/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/dropdown/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"empty","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/empty/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/empty/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"flex","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/flex/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/flex/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"float-button","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/float-button/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/float-button/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"2 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"form","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/form/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/form/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/form/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"grid","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/grid/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/grid/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"icon","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/icon/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/icon/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"image","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/image/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/image/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/image/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"input","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/input/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/input/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/input/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"5 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"input-number","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/input-number/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/input-number/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/input-number/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"layout","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/layout/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/layout/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/layout/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"masonry","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/masonry/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/masonry/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"mentions","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/mentions/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/mentions/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/mentions/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"menu","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/menu/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/menu/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/menu/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"message","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/message/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/message/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/message/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"modal","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/modal/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/modal/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/modal/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"notification","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/notification/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/notification/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/notification/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"overview","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/overview/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"pagination","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/pagination/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/pagination/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/pagination/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"popconfirm","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/popconfirm/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/popconfirm/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/popconfirm/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"popover","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/popover/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/popover/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/popover/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"progress","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/progress/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/progress/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/progress/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"qr-code","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/qr-code/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/qr-code/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"radio","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/radio/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/radio/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/radio/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"rate","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/rate/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/rate/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/rate/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"result","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/result/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/result/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/result/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"segmented","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/segmented/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/segmented/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/segmented/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"select","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/select/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/select/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/select/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"skeleton","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/skeleton/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/skeleton/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/skeleton/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"2 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"slider","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/slider/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/slider/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/slider/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"space","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/space/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/space/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/space/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"spin","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/spin/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/spin/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/spin/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"splitter","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/splitter/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/splitter/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/splitter/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"statistic","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/statistic/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/statistic/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/statistic/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"steps","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/steps/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/steps/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/steps/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"switch","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/switch/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/switch/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/switch/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"table","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/table/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/table/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/table/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"tabs","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tabs/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tabs/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tabs/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"tag","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tag/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tag/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tag/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"time-picker","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/time-picker/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/time-picker/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/time-picker/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"timeline","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/timeline/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/timeline/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/timeline/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"tooltip","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tooltip/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tooltip/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tooltip/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"tour","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tour/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tour/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tour/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"transfer","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/transfer/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/transfer/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/transfer/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"tree","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tree/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tree/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tree/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"tree-select","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tree-select/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tree-select/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/tree-select/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"typography","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/typography/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/typography/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/typography/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"upload","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/upload/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/upload/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/upload/token.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"1 entries","type":"text"}]}]}]},{"type":"tr","content":[{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"watermark","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/watermark/docs.md","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"references/components/watermark/demo/","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]},{"type":"td","attrs":{"colspan":1,"rowspan":1,"colwidth":null,"alignment":""},"content":[{"type":"paragraph","content":[{"text":"none","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Generate / Update","type":"text"}]},{"type":"code_block","attrs":{"wrap":false,"language":"bash"},"content":[{"text":"esno scripts/generate-antdv-next-skill.ts --repo repos/antdv-next --lang en","type":"text"}]},{"type":"hr","attrs":{"markup":"---"}}]},"metadata":{"date":"2026-06-05","name":"antdv-next","author":"@skillopedia","source":{"stars":4,"repo_name":"skills","origin_url":"https://github.com/antdv-next/skills/blob/HEAD/skills/antdv-next/SKILL.md","repo_owner":"antdv-next","body_sha256":"d4787bdf5cc2f7a5c0d1c8f9fdadf2f7efcca1ca689337e0cd66a4f568ab845f","cluster_key":"c80e152796506445391ba109cdd85a9f30e019ddf0e18ed8b3a4fcc00ab9fd88","clean_bundle":{"format":"clean-skill-bundle-v1","source":"antdv-next/skills/skills/antdv-next/SKILL.md","attachments":[{"id":"3564bc02-4a9d-51f5-b27c-4bc98dc30f02","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3564bc02-4a9d-51f5-b27c-4bc98dc30f02/attachment.md","path":"GENERATION.md","size":428,"sha256":"0a1d80770e3efce2e5c5223a1949560faba57d3a22cdfe36f15209db988bb42d","contentType":"text/markdown; charset=utf-8"},{"id":"91c9e158-63fd-5326-b8f3-cf981e08943c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/91c9e158-63fd-5326-b8f3-cf981e08943c/attachment.md","path":"references/components/affix/demo/basic.md","size":499,"sha256":"4fc75a505a045597270248c42ba491611c779a3ce841204bd2703e57823d9966","contentType":"text/markdown; charset=utf-8"},{"id":"c7cbda60-5330-5c72-aa4e-9981fdb4aea0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c7cbda60-5330-5c72-aa4e-9981fdb4aea0/attachment.md","path":"references/components/affix/demo/on-change.md","size":254,"sha256":"27c63cb7bd083907a70e1ccc6c280a766f24421ca1e82fd2c93deb75886c06bf","contentType":"text/markdown; charset=utf-8"},{"id":"74eb88c8-c5d9-574d-8924-284747f9f500","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/74eb88c8-c5d9-574d-8924-284747f9f500/attachment.md","path":"references/components/affix/demo/target.md","size":664,"sha256":"9f7581801c28e5c024c77dd40adad628590b17aa840f5d014804cc715457d780","contentType":"text/markdown; charset=utf-8"},{"id":"5c40f9a1-449c-5c43-97be-ee1e1b89b9c7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5c40f9a1-449c-5c43-97be-ee1e1b89b9c7/attachment.md","path":"references/components/affix/docs.md","size":2415,"sha256":"2dfcb198960d11fb163aba6b056e2d1522f13c75fc75cf1ef326c2c27346da72","contentType":"text/markdown; charset=utf-8"},{"id":"5d881df6-e8ce-5a7a-aec9-f3bb5a99d51b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5d881df6-e8ce-5a7a-aec9-f3bb5a99d51b/attachment.md","path":"references/components/affix/token.md","size":461,"sha256":"8aea99083d6f75b81afad06be329b3d96c8c15010ddc25b0e6be86285fd103b6","contentType":"text/markdown; charset=utf-8"},{"id":"054b73ce-4716-53d7-a071-a0c96b92b8f8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/054b73ce-4716-53d7-a071-a0c96b92b8f8/attachment.md","path":"references/components/alert/demo/_semantic.md","size":1467,"sha256":"ffe65d69a333fd223718b50cfc56d5f6b0722395f6054d0ca93fbdf691bd8071","contentType":"text/markdown; charset=utf-8"},{"id":"17ec11ab-3f1d-5bca-820c-8047eaf960c8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/17ec11ab-3f1d-5bca-820c-8047eaf960c8/attachment.md","path":"references/components/alert/demo/action.md","size":1276,"sha256":"1432b7c743cce456a8b045dd3e90a9afc20872bb61c5a436c1a5b90f029e0e00","contentType":"text/markdown; charset=utf-8"},{"id":"aa31e64f-7d42-51b5-9361-b65ea601238b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/aa31e64f-7d42-51b5-9361-b65ea601238b/attachment.md","path":"references/components/alert/demo/banner.md","size":430,"sha256":"e5b21ea47d9432ffec0c3ac915b82b326d816b71476d6af281d351eb786eedc9","contentType":"text/markdown; charset=utf-8"},{"id":"4ff4a647-276c-537f-919a-569d2824867f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4ff4a647-276c-537f-919a-569d2824867f/attachment.md","path":"references/components/alert/demo/basic.md","size":168,"sha256":"c97370b697a75e7d75c48c24e614774be66fa4d3d440d340477fb20dee09078b","contentType":"text/markdown; charset=utf-8"},{"id":"8ef9bfc9-a0bb-536c-83e2-42ff8dbca6d6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8ef9bfc9-a0bb-536c-83e2-42ff8dbca6d6/attachment.md","path":"references/components/alert/demo/closable.md","size":717,"sha256":"7cc23cb4e008b41d2648f3ae2f466eeda4492af451d72ba9ab6935aa1eb61be3","contentType":"text/markdown; charset=utf-8"},{"id":"b47dda0e-d243-5596-ab76-b3716f3e7a8b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b47dda0e-d243-5596-ab76-b3716f3e7a8b/attachment.md","path":"references/components/alert/demo/component-token.md","size":648,"sha256":"bee860f8f92037d5f6f881938441bcbf45dff4970057b3e57d8c0e8440ef8077","contentType":"text/markdown; charset=utf-8"},{"id":"522369fb-478b-5dcb-bf56-06621dc3c094","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/522369fb-478b-5dcb-bf56-06621dc3c094/attachment.md","path":"references/components/alert/demo/custom-icon.md","size":1332,"sha256":"a207ca8220e8ae880940e2eb7df7dc9a507c06dedbb2f988d7967825b3187fd9","contentType":"text/markdown; charset=utf-8"},{"id":"d04fa74e-bc15-5c51-92f0-5f6ca79eeee5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d04fa74e-bc15-5c51-92f0-5f6ca79eeee5/attachment.md","path":"references/components/alert/demo/description.md","size":730,"sha256":"624c33004d67a08f98f59f55c3dd1b4ebe5f2da4c2345168a6e9782b8ff348ad","contentType":"text/markdown; charset=utf-8"},{"id":"8893f42e-3339-5d9d-9bc5-16b7e8be2ab1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8893f42e-3339-5d9d-9bc5-16b7e8be2ab1/attachment.md","path":"references/components/alert/demo/icon.md","size":1010,"sha256":"15be50f091d128833b5aa56762e77624168b2b480462e48914847435d2c8c11c","contentType":"text/markdown; charset=utf-8"},{"id":"6e4e8a65-620c-51c0-aa52-e52b8edfee8b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6e4e8a65-620c-51c0-aa52-e52b8edfee8b/attachment.md","path":"references/components/alert/demo/loop-banner.md","size":792,"sha256":"c591f1d19aca6b5bef51fc82e0684c5c47a7ab1d82f14ec97f6ad0c974eaa8b1","contentType":"text/markdown; charset=utf-8"},{"id":"8d811277-f9c6-59dd-a6dc-388d79f2dc1c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8d811277-f9c6-59dd-a6dc-388d79f2dc1c/attachment.md","path":"references/components/alert/demo/smooth-closed.md","size":516,"sha256":"726162e28d434e6ab0fe739356dab5e9a4da6d5880648197c36ad0c64b1c9925","contentType":"text/markdown; charset=utf-8"},{"id":"48dad47c-4a9d-56be-a2a9-6bcc64ccb99f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/48dad47c-4a9d-56be-a2a9-6bcc64ccb99f/attachment.md","path":"references/components/alert/demo/style-class.md","size":1583,"sha256":"42a19e8cc95ce2a0909d18b6f434d36310fea791d8cd80bd6d8edfd56a17516a","contentType":"text/markdown; charset=utf-8"},{"id":"d98c17eb-2cf2-5d2e-a04b-a67f3e3d3b95","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d98c17eb-2cf2-5d2e-a04b-a67f3e3d3b95/attachment.md","path":"references/components/alert/demo/style.md","size":362,"sha256":"7e33b292a6a84b8e401a1c8c033692ede1e871351e1a837ab390454a5cddeea1","contentType":"text/markdown; charset=utf-8"},{"id":"56897a4f-7792-5f70-9e64-9e86bdd3b921","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/56897a4f-7792-5f70-9e64-9e86bdd3b921/attachment.md","path":"references/components/alert/docs.md","size":2994,"sha256":"69d91136adf269b6e063350f094f8048d46318316a3dc653c52d5b52cb037223","contentType":"text/markdown; charset=utf-8"},{"id":"0b994d48-132f-59e8-bf05-df7cc5ec8990","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0b994d48-132f-59e8-bf05-df7cc5ec8990/attachment.md","path":"references/components/alert/token.md","size":624,"sha256":"fba81586a577f4b5f7aabe00aca41da682c1672390965ca351bd7f963df0060a","contentType":"text/markdown; charset=utf-8"},{"id":"b5e4fe69-aea4-598d-98a4-96be7872ad6d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b5e4fe69-aea4-598d-98a4-96be7872ad6d/attachment.md","path":"references/components/anchor/demo/_semantic.md","size":1186,"sha256":"595f4ea9d9d1e120dee33831c4af32011f0a93d8cb1b84bb693217e0fbc91d05","contentType":"text/markdown; charset=utf-8"},{"id":"3deb5206-3504-536d-806d-56065c452827","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3deb5206-3504-536d-806d-56065c452827/attachment.md","path":"references/components/anchor/demo/basic.md","size":812,"sha256":"ee87c4f0f37b7cc9a1aff011c86c4991b168fa79ea261541b1f4cfc1a0c4ee2d","contentType":"text/markdown; charset=utf-8"},{"id":"f46467cc-f436-5bd7-ba6f-6811c741fc68","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f46467cc-f436-5bd7-ba6f-6811c741fc68/attachment.md","path":"references/components/anchor/demo/customizeHighlight.md","size":868,"sha256":"aa246124bdd95a02f88269cd5ce59b38b47f0762adc375fbe85477d786173e73","contentType":"text/markdown; charset=utf-8"},{"id":"3bbd4863-36a7-5fba-9a6b-09aa7bc6c835","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3bbd4863-36a7-5fba-9a6b-09aa7bc6c835/attachment.md","path":"references/components/anchor/demo/horizontal.md","size":1019,"sha256":"ad19fc55d866a4b5d135d6e7a10be9f146dd19f052429aca307d3b0fd458c167","contentType":"text/markdown; charset=utf-8"},{"id":"805c88c4-1032-561c-b47b-6dd1d5765e5b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/805c88c4-1032-561c-b47b-6dd1d5765e5b/attachment.md","path":"references/components/anchor/demo/onChange.md","size":873,"sha256":"6b89a1663313c8f3bf24db91b65bd43fa3102c793af7af906214300e27c61f41","contentType":"text/markdown; charset=utf-8"},{"id":"8cf82b80-57cd-59e3-8519-e578caf75ed2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8cf82b80-57cd-59e3-8519-e578caf75ed2/attachment.md","path":"references/components/anchor/demo/onClick.md","size":928,"sha256":"1fe2e53ef436ad35a556812a7c87039344ca41c65c58bc8dcf813c756f318f45","contentType":"text/markdown; charset=utf-8"},{"id":"3b2aae2b-cb31-51e8-898c-61d26e25ba6f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3b2aae2b-cb31-51e8-898c-61d26e25ba6f/attachment.md","path":"references/components/anchor/demo/replace.md","size":944,"sha256":"c71a2014d42f4ead6bfed081faf15034950d354baac61836508f45f6326e8252","contentType":"text/markdown; charset=utf-8"},{"id":"42919937-b1c9-51d8-ae10-2a39521e0902","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/42919937-b1c9-51d8-ae10-2a39521e0902/attachment.md","path":"references/components/anchor/demo/static.md","size":730,"sha256":"6af7500256446b116b3fb9afbfa38b8f37d310157c8a904bfcbd47b8e03fb28f","contentType":"text/markdown; charset=utf-8"},{"id":"430fe9f5-f861-5bfa-b5f0-e7cd648c17b6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/430fe9f5-f861-5bfa-b5f0-e7cd648c17b6/attachment.md","path":"references/components/anchor/demo/style-class.md","size":1285,"sha256":"c74f3376a01ca12065da77a5326bcdb2feb0aa0ec740b19b39477e8d906d5085","contentType":"text/markdown; charset=utf-8"},{"id":"d24f987b-b26c-5105-8f7b-bb62a96fec1b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d24f987b-b26c-5105-8f7b-bb62a96fec1b/attachment.md","path":"references/components/anchor/demo/targetOffset.md","size":1422,"sha256":"e5f11f5cb9089e11a93b5267fee8c848bad15d3b873cdbd010249b147ed891ad","contentType":"text/markdown; charset=utf-8"},{"id":"52887f14-edc5-54d6-80a3-e0f1f18a36e0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/52887f14-edc5-54d6-80a3-e0f1f18a36e0/attachment.md","path":"references/components/anchor/docs.md","size":4337,"sha256":"0173338d1e3b0860d32864a43bc5c764d2fd5206db25269bbc94dc826ebc6161","contentType":"text/markdown; charset=utf-8"},{"id":"55f33504-7c9c-5f58-b2f4-adef9a7fbded","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/55f33504-7c9c-5f58-b2f4-adef9a7fbded/attachment.md","path":"references/components/anchor/token.md","size":546,"sha256":"7d9d9a034f1afee7d4b7b04cc5d64ae3ff0675cca095e8a83e53ec63ba5675b7","contentType":"text/markdown; charset=utf-8"},{"id":"06793c28-00ea-5512-a089-1cf4ccf1dd83","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/06793c28-00ea-5512-a089-1cf4ccf1dd83/attachment.md","path":"references/components/app/demo/basic.md","size":238,"sha256":"24c74a878e7ff8c1b0291d4bec2f3d1d704cde64486d16704b6628ca45e45631","contentType":"text/markdown; charset=utf-8"},{"id":"dcba0332-4eb1-5122-a925-59946b369d3a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dcba0332-4eb1-5122-a925-59946b369d3a/attachment.md","path":"references/components/app/demo/config.md","size":304,"sha256":"ee7b0f51b65d757071ef5060352d5937e9a9f71820ae203ea965d5a23064e27a","contentType":"text/markdown; charset=utf-8"},{"id":"50623f8a-825f-50df-903d-a33feda759e7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/50623f8a-825f-50df-903d-a33feda759e7/attachment.md","path":"references/components/app/docs.md","size":3594,"sha256":"919749d14ae0194aa2b0d3c0a00aa71c8f5a911e2f2e5a11432dc26d6f7fe7bf","contentType":"text/markdown; charset=utf-8"},{"id":"8121b894-0a71-5199-9245-573ea281eb2e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8121b894-0a71-5199-9245-573ea281eb2e/attachment.md","path":"references/components/auto-complete/demo/_semantic.md","size":1500,"sha256":"6c1f9d5f9a883e055efe9a0f3ce4814e3bf449bb28d225e6518d7d819c9bdfd2","contentType":"text/markdown; charset=utf-8"},{"id":"f14eaf90-a869-518d-963c-a19ebd7afd9e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f14eaf90-a869-518d-963c-a19ebd7afd9e/attachment.md","path":"references/components/auto-complete/demo/allowClear.md","size":1071,"sha256":"ca6431d57d0c43edf05fa55b7eae93f155402d4f3463f84242c5dde9097e4215","contentType":"text/markdown; charset=utf-8"},{"id":"cf64df24-9e58-5ccd-8ed8-e5b32a992a67","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/cf64df24-9e58-5ccd-8ed8-e5b32a992a67/attachment.md","path":"references/components/auto-complete/demo/basic.md","size":1278,"sha256":"f8f82d43c4fbe893669b97a4f4c0791dd13113d0f810128341277b254eff3626","contentType":"text/markdown; charset=utf-8"},{"id":"c910c592-38f0-51e3-875c-d69c24abe314","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c910c592-38f0-51e3-875c-d69c24abe314/attachment.md","path":"references/components/auto-complete/demo/certain-category.md","size":2566,"sha256":"c2f61440714df62f162096f4b8f7d0f7c3ed2971aa38b2c314968e75c991804a","contentType":"text/markdown; charset=utf-8"},{"id":"2828971e-5911-565c-9c37-df84e869c919","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2828971e-5911-565c-9c37-df84e869c919/attachment.md","path":"references/components/auto-complete/demo/custom.md","size":846,"sha256":"1439eaeda031f3378aa045b6fc16a456768abe6cafb2c210454eb9f5d05ce0ed","contentType":"text/markdown; charset=utf-8"},{"id":"9879cb16-f2ab-52ea-83fe-06a08b8a6f1e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9879cb16-f2ab-52ea-83fe-06a08b8a6f1e/attachment.md","path":"references/components/auto-complete/demo/non-case-sensitive.md","size":603,"sha256":"c0d347d85cc0be84281d5f59bf4cbed1487765c5875cdb662a5a0ded6e579c44","contentType":"text/markdown; charset=utf-8"},{"id":"98a8e925-2c22-5229-bd68-3a939f328b1d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/98a8e925-2c22-5229-bd68-3a939f328b1d/attachment.md","path":"references/components/auto-complete/demo/options.md","size":659,"sha256":"e0cef152fb306c4f10cb3d6c9c2c10a07f6e1e1052510b9e34916db21046fc8c","contentType":"text/markdown; charset=utf-8"},{"id":"e7bd841f-af15-565e-8666-bb8b29f6a6cf","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e7bd841f-af15-565e-8666-bb8b29f6a6cf/attachment.md","path":"references/components/auto-complete/demo/status.md","size":1102,"sha256":"346422a053ec4ff05d61f0cf57242d5305a015d47827664a97398127d0a08761","contentType":"text/markdown; charset=utf-8"},{"id":"4c207e14-16b7-587a-bffd-b9df23d18ca2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4c207e14-16b7-587a-bffd-b9df23d18ca2/attachment.md","path":"references/components/auto-complete/demo/style-class.md","size":1549,"sha256":"6fb23e82f3a645602c251191714286ec9e3244fce3cb387c9b2fe3167caf5da5","contentType":"text/markdown; charset=utf-8"},{"id":"9f60cc8d-b747-5b7f-8de4-cb6c8e83562e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9f60cc8d-b747-5b7f-8de4-cb6c8e83562e/attachment.md","path":"references/components/auto-complete/demo/uncertain-category.md","size":1672,"sha256":"3f6ad1c4264728e99fc716dcdf54edaea37d3d4db8b7fae53b699e1c9a286304","contentType":"text/markdown; charset=utf-8"},{"id":"f5d892c6-c3e2-50a4-bed1-e306ebe97eb0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f5d892c6-c3e2-50a4-bed1-e306ebe97eb0/attachment.md","path":"references/components/auto-complete/demo/variant.md","size":1531,"sha256":"a72ceef553370fc6a88c0fc1912da49c56ae27c7ef881e0d34cf610b94753bf8","contentType":"text/markdown; charset=utf-8"},{"id":"badc4f7b-0cec-51b6-b39c-e8e6cf1327c9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/badc4f7b-0cec-51b6-b39c-e8e6cf1327c9/attachment.md","path":"references/components/auto-complete/docs.md","size":6306,"sha256":"69d1fe1dc75858bc8156173631e8e1cc84c5264d1c232bd83e62fa9c991bdab0","contentType":"text/markdown; charset=utf-8"},{"id":"8f7d6632-4498-57d0-a0ed-bdeb3d0cb0cc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8f7d6632-4498-57d0-a0ed-bdeb3d0cb0cc/attachment.md","path":"references/components/auto-complete/token.md","size":2162,"sha256":"d4884baf2bc8f3cf9ad2786649bead298f2a8a8b4807d810ffc5ab8a704eff28","contentType":"text/markdown; charset=utf-8"},{"id":"fe5dbc99-6478-5fcc-b913-59e6b256f7b2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fe5dbc99-6478-5fcc-b913-59e6b256f7b2/attachment.md","path":"references/components/avatar/demo/badge.md","size":568,"sha256":"ca637c3cb4b210f0b681cca20dc0c1ff6f5f6dccada4e245ac7a0a901b5d22e0","contentType":"text/markdown; charset=utf-8"},{"id":"6cd339a0-0842-5bb7-9aaa-ab35200228ac","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6cd339a0-0842-5bb7-9aaa-ab35200228ac/attachment.md","path":"references/components/avatar/demo/basic.md","size":1594,"sha256":"23fbbdcfa2a452edef7746235546ef01b1762a4d577673cfd770895aae1f4422","contentType":"text/markdown; charset=utf-8"},{"id":"8fae5260-e374-5600-861c-8d01eb10b4da","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8fae5260-e374-5600-861c-8d01eb10b4da/attachment.md","path":"references/components/avatar/demo/dynamic.md","size":1450,"sha256":"0a5c9edb86a8b75d24ee7e84b8539b67da1ad6f54b41d5a556bf922c3a4d2718","contentType":"text/markdown; charset=utf-8"},{"id":"8f0de291-552c-5767-ad05-d6272952c77c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8f0de291-552c-5767-ad05-d6272952c77c/attachment.md","path":"references/components/avatar/demo/group.md","size":3567,"sha256":"7a9a7a0b9fb9e0cfcfcb40ca01e3560e36560f9a2a3d3089f8fae644d54fd96e","contentType":"text/markdown; charset=utf-8"},{"id":"5af56ba0-2d35-5837-b876-0e88023efb05","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5af56ba0-2d35-5837-b876-0e88023efb05/attachment.md","path":"references/components/avatar/demo/responsive.md","size":407,"sha256":"d5de37f4d2bf1bbb94db127a85cdc07b0c2e00212b1fef387cfea7ea233b478b","contentType":"text/markdown; charset=utf-8"},{"id":"1ff136fb-0c28-59fc-91e9-e14c1efb5dea","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1ff136fb-0c28-59fc-91e9-e14c1efb5dea/attachment.md","path":"references/components/avatar/demo/type.md","size":961,"sha256":"5baa36791da5c23cf8cb34635e9531736c363fecc1c9633934bf61363a7697b9","contentType":"text/markdown; charset=utf-8"},{"id":"03d1b5d3-b054-5197-9678-b10971af1309","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/03d1b5d3-b054-5197-9678-b10971af1309/attachment.md","path":"references/components/avatar/docs.md","size":2284,"sha256":"90a40533d0fcec367fc21f50f83056857eb11391ff5ebe48cda4dfc82ea5ef46","contentType":"text/markdown; charset=utf-8"},{"id":"fe67f2cd-4cc3-50f7-bc8d-2d21268accad","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fe67f2cd-4cc3-50f7-bc8d-2d21268accad/attachment.md","path":"references/components/avatar/token.md","size":1151,"sha256":"be9cc9a498b91efd2d057b72daa3d63f156e19027b512489c4fbcde6df4e6beb","contentType":"text/markdown; charset=utf-8"},{"id":"c7878154-195b-59be-a364-10859240bc07","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c7878154-195b-59be-a364-10859240bc07/attachment.md","path":"references/components/badge/demo/_semantic.md","size":746,"sha256":"97c691afeca442621e6c570697c1ffed03d6c27179ef5ad1fe2ccf12477ef12e","contentType":"text/markdown; charset=utf-8"},{"id":"d2b516c7-7792-514e-9ea8-d9b5350da93d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d2b516c7-7792-514e-9ea8-d9b5350da93d/attachment.md","path":"references/components/badge/demo/_semantic_ribbon.md","size":1084,"sha256":"841f1dec151d3ac8d6b6e7a31556ab9a55a6e0dae520c3370e17b7277739cdd4","contentType":"text/markdown; charset=utf-8"},{"id":"dd076680-da43-5e55-a5c7-d819fd4b6d8e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dd076680-da43-5e55-a5c7-d819fd4b6d8e/attachment.md","path":"references/components/badge/demo/basic.md","size":663,"sha256":"4f85c2243045026dd7999ac31f4b9a54d42ee99b9a024fbed7d87f8d69f6c872","contentType":"text/markdown; charset=utf-8"},{"id":"cb4c457f-3700-5594-a134-8dedaf725fe9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/cb4c457f-3700-5594-a134-8dedaf725fe9/attachment.md","path":"references/components/badge/demo/change.md","size":1384,"sha256":"4203f1a9edcab4b0f856f463f7e3a4114a109978753e26bc04d55852d67912e7","contentType":"text/markdown; charset=utf-8"},{"id":"de779edc-c3d7-5557-9c69-f6037e8b0e07","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/de779edc-c3d7-5557-9c69-f6037e8b0e07/attachment.md","path":"references/components/badge/demo/colorful.md","size":933,"sha256":"65adc657b4ebd9651610d1e0f37248dbe1f3c79943dfe49ee2fa3a71d7dc4e37","contentType":"text/markdown; charset=utf-8"},{"id":"51c6cac0-cee0-5e43-a5a4-d6d0e55d2ac6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/51c6cac0-cee0-5e43-a5a4-d6d0e55d2ac6/attachment.md","path":"references/components/badge/demo/dot.md","size":468,"sha256":"c83ecd914226df23f29ca300f0aab014e7bbe53a2841ef69fe91c0b15d6aba78","contentType":"text/markdown; charset=utf-8"},{"id":"01cb374c-12b8-5dbf-9bb6-d3d3eac83329","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/01cb374c-12b8-5dbf-9bb6-d3d3eac83329/attachment.md","path":"references/components/badge/demo/link.md","size":287,"sha256":"cdb5a1da1a7ed996ecbaf7e9e2a09fdc58746a58ff461a02f254b0909383206d","contentType":"text/markdown; charset=utf-8"},{"id":"b0fb24d4-0f17-5d42-a10f-174a6db2c35a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b0fb24d4-0f17-5d42-a10f-174a6db2c35a/attachment.md","path":"references/components/badge/demo/no-wrapper.md","size":717,"sha256":"32e809728a4a06a4a306a77f7e4a7e47fade77fa81792922f2c9b46317b7380d","contentType":"text/markdown; charset=utf-8"},{"id":"5d480fe4-dd53-5c2b-9790-d8527f282ce6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5d480fe4-dd53-5c2b-9790-d8527f282ce6/attachment.md","path":"references/components/badge/demo/offset.md","size":367,"sha256":"4e838eae3d7aa9eea8ca9435ba763faf9d934a47b265b18b8d341d5b9dd3863b","contentType":"text/markdown; charset=utf-8"},{"id":"7ec6b306-1ae8-5ffa-baae-f9e495e60744","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7ec6b306-1ae8-5ffa-baae-f9e495e60744/attachment.md","path":"references/components/badge/demo/overflow.md","size":682,"sha256":"bd42cb276dc6391feca63fdd3ca26479b558447b9ff72f366548e5e23bcd0b47","contentType":"text/markdown; charset=utf-8"},{"id":"59771d04-1a5c-54a5-84a2-503eb924c201","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/59771d04-1a5c-54a5-84a2-503eb924c201/attachment.md","path":"references/components/badge/demo/ribbon.md","size":1629,"sha256":"7d22a4c85c2fc74f76c6abfe935e6ff5e45a0363a7bdf174e859765ae79674f4","contentType":"text/markdown; charset=utf-8"},{"id":"e207fd08-c4f1-5ab8-adb6-a019db6014ec","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e207fd08-c4f1-5ab8-adb6-a019db6014ec/attachment.md","path":"references/components/badge/demo/size.md","size":382,"sha256":"e3154db9eb86e9bb810a67936231f921bece1623634f0f30a90ccd116b7a0a67","contentType":"text/markdown; charset=utf-8"},{"id":"156d0eb4-f0e7-5c8c-a553-557fdd4681c0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/156d0eb4-f0e7-5c8c-a553-557fdd4681c0/attachment.md","path":"references/components/badge/demo/status.md","size":620,"sha256":"a9b458e26c7fde6cf5fb2ca79a217db98c40cd7cbb1bf8c55ca820bc76f09ba0","contentType":"text/markdown; charset=utf-8"},{"id":"6cda06b3-ae76-5c74-ab90-dc52255965cf","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6cda06b3-ae76-5c74-ab90-dc52255965cf/attachment.md","path":"references/components/badge/demo/style-class.md","size":2089,"sha256":"0cf24e1070576ecbfe77dbf4ae8aa4f2d0678599303124d4ccabe1201d4a8e2c","contentType":"text/markdown; charset=utf-8"},{"id":"3f81a54d-b267-5965-885b-3241f25b0b2a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3f81a54d-b267-5965-885b-3241f25b0b2a/attachment.md","path":"references/components/badge/demo/title.md","size":441,"sha256":"544a386116823e6047bd0885a1183ee283acb7c091834b3dbf4c7fb05a679cd9","contentType":"text/markdown; charset=utf-8"},{"id":"3f120cd2-ec2c-530e-b0e2-d88b71912265","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3f120cd2-ec2c-530e-b0e2-d88b71912265/attachment.md","path":"references/components/badge/docs.md","size":2336,"sha256":"a13c9387ee853c08c7b39b4ecc33ebb288c32ff9f5d66e7f70ab7c9bee5cdc8c","contentType":"text/markdown; charset=utf-8"},{"id":"e7b07fcd-0d6b-50d0-9467-5d4d6f95caac","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e7b07fcd-0d6b-50d0-9467-5d4d6f95caac/attachment.md","path":"references/components/badge/token.md","size":958,"sha256":"05800eaecb673920955b8cd965e407dfb7261089d4b23afeec0667ae936303ba","contentType":"text/markdown; charset=utf-8"},{"id":"d84f9653-b351-5459-9794-8c60e91233ce","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d84f9653-b351-5459-9794-8c60e91233ce/attachment.md","path":"references/components/border-beam/demo/basic.md","size":426,"sha256":"a48c600302038593c81bf9393dce9c95537d696228aec2728dd27a5d9cf0e8af","contentType":"text/markdown; charset=utf-8"},{"id":"1154fc4c-b914-583a-af0f-8db7f5bb7c42","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1154fc4c-b914-583a-af0f-8db7f5bb7c42/attachment.md","path":"references/components/border-beam/demo/component-token.md","size":1027,"sha256":"f11656f9a1eebfa2cb4b3f4e0f820981d0f37fd16bf2a52df4e27e73cb614485","contentType":"text/markdown; charset=utf-8"},{"id":"407ac421-97e1-5785-9db4-bdba5d436803","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/407ac421-97e1-5785-9db4-bdba5d436803/attachment.md","path":"references/components/border-beam/demo/customized-color.md","size":3793,"sha256":"e0ec44198e56489bd66ce71fe551bba58d19df83cf6269408ef43cbdd1cd5eba","contentType":"text/markdown; charset=utf-8"},{"id":"9e1fdf7a-46e8-5f9a-9994-b62738d08bb6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9e1fdf7a-46e8-5f9a-9994-b62738d08bb6/attachment.md","path":"references/components/border-beam/demo/non-uniform-radius.md","size":1069,"sha256":"2ed5cd2aab911724369bba1cdea6c68d629010a7e7740358c850c738d18de9eb","contentType":"text/markdown; charset=utf-8"},{"id":"1eef6d9d-ad8b-53d0-b419-e319abf7bde9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1eef6d9d-ad8b-53d0-b419-e319abf7bde9/attachment.md","path":"references/components/border-beam/docs.md","size":3531,"sha256":"dd4848b53799b529249be886f8a98339c426870f663cf9b540b4bda8dd93dc82","contentType":"text/markdown; charset=utf-8"},{"id":"108fe647-3c53-5405-b0ce-995e8172dbec","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/108fe647-3c53-5405-b0ce-995e8172dbec/attachment.md","path":"references/components/breadcrumb/demo/_semantic.md","size":977,"sha256":"9c4adce8fe69d5bf349cf74e7b2cc6c906c8ab9e81d6e85c967d1584a3313e24","contentType":"text/markdown; charset=utf-8"},{"id":"664c7b0a-c56b-59b6-ba31-3be9a159e1f5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/664c7b0a-c56b-59b6-ba31-3be9a159e1f5/attachment.md","path":"references/components/breadcrumb/demo/basic.md","size":367,"sha256":"7948c48ee38c0fb61fd87aae3eb3fba1ea14542327cdf1a575104055bc1a2f9f","contentType":"text/markdown; charset=utf-8"},{"id":"80d23fd3-3d12-572a-a1b9-7b32c9b256f3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/80d23fd3-3d12-572a-a1b9-7b32c9b256f3/attachment.md","path":"references/components/breadcrumb/demo/overlay.md","size":872,"sha256":"5f5036c747c7bbc027c2bfcb8778d6612f69b341bed161bc16cb17d936c951a2","contentType":"text/markdown; charset=utf-8"},{"id":"dc7c9a05-bbed-5723-b0e2-98641ec758e4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dc7c9a05-bbed-5723-b0e2-98641ec758e4/attachment.md","path":"references/components/breadcrumb/demo/separator-component.md","size":622,"sha256":"8c5f210f67f5599a974d0e7c0e7dc82aab419a2db06789ca4f5b2eae27897f20","contentType":"text/markdown; charset=utf-8"},{"id":"f8fbf9d6-57d8-55bc-b635-e1ab10ad645a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f8fbf9d6-57d8-55bc-b635-e1ab10ad645a/attachment.md","path":"references/components/breadcrumb/demo/separator.md","size":461,"sha256":"94d268219733f7bd3c8bc6232d1675ee519ab003a638f469f2384c1afe9109aa","contentType":"text/markdown; charset=utf-8"},{"id":"47cbb4af-f5bc-57c6-b3d3-ac758e7eb195","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/47cbb4af-f5bc-57c6-b3d3-ac758e7eb195/attachment.md","path":"references/components/breadcrumb/demo/sfc.md","size":1141,"sha256":"8b3a2cbec1a0b6b29c0221fa7620f2fda92d0d6f0dad8d3279f2dcb30e679fb9","contentType":"text/markdown; charset=utf-8"},{"id":"35781c69-50a0-578a-9d92-120fe775874a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/35781c69-50a0-578a-9d92-120fe775874a/attachment.md","path":"references/components/breadcrumb/demo/style-class.md","size":1448,"sha256":"8a1c1a03f4e86473bff605a1636b05a9e9a004219a889f3561aa259217162040","contentType":"text/markdown; charset=utf-8"},{"id":"9e0c6c29-6ed8-5eaf-b714-cdf45500222b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9e0c6c29-6ed8-5eaf-b714-cdf45500222b/attachment.md","path":"references/components/breadcrumb/demo/withIcon.md","size":710,"sha256":"c54c2ee8dc458c6363d876dfe50935ece411dc3dcbcdd6be4ceac712f9dded5b","contentType":"text/markdown; charset=utf-8"},{"id":"c563941b-ea0d-5148-94bc-f64311a3db54","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c563941b-ea0d-5148-94bc-f64311a3db54/attachment.md","path":"references/components/breadcrumb/demo/withParams.md","size":358,"sha256":"1fb764c70903c08fb7a64f8c6f2a5cf8a11f8cef323b4cd0834bc7cd00c9cb03","contentType":"text/markdown; charset=utf-8"},{"id":"2a797545-049a-5f5e-a396-0f526ebc0129","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2a797545-049a-5f5e-a396-0f526ebc0129/attachment.md","path":"references/components/breadcrumb/docs.md","size":3900,"sha256":"fb0d9e759b40f776dda391796f5a7275731a75f0cb3f17e39931916e6b95dfb9","contentType":"text/markdown; charset=utf-8"},{"id":"e90e245e-4655-51c6-9f72-581c32603c7d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e90e245e-4655-51c6-9f72-581c32603c7d/attachment.md","path":"references/components/breadcrumb/token.md","size":802,"sha256":"3a02c0d4713c6058346d64f8e8f33be86856fdd2f072ce5b42e9a5d0ecd0965e","contentType":"text/markdown; charset=utf-8"},{"id":"f4688cec-4969-55eb-aaa6-3f0a3d94a131","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f4688cec-4969-55eb-aaa6-3f0a3d94a131/attachment.md","path":"references/components/button/demo/_semantic.md","size":905,"sha256":"8239174f50af68b34353b5e8828027e8a46d53f80678d14641ebab188fde3902","contentType":"text/markdown; charset=utf-8"},{"id":"8eddd3bb-1aac-5593-a4cd-257e1337017d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8eddd3bb-1aac-5593-a4cd-257e1337017d/attachment.md","path":"references/components/button/demo/basic.md","size":581,"sha256":"5f0643858898a7cc9aaa344921fe9078ec85933fa8f90770a1d2ccc7ea7c3c86","contentType":"text/markdown; charset=utf-8"},{"id":"c90d6e86-a5eb-5a0f-9eec-94526a1ad3e0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c90d6e86-a5eb-5a0f-9eec-94526a1ad3e0/attachment.md","path":"references/components/button/demo/block.md","size":577,"sha256":"fbfb0b53a50fdc9300031840b17f1670a9202c9f88b80c4e0048edc91adde804","contentType":"text/markdown; charset=utf-8"},{"id":"8761bf76-c569-5e48-95b5-a6ef851b2a4a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8761bf76-c569-5e48-95b5-a6ef851b2a4a/attachment.md","path":"references/components/button/demo/color-variant.md","size":3868,"sha256":"44c51c494fcebc53dd9c52ce9df523aed8c8d1ead9901379cf3a3112e4bc00ba","contentType":"text/markdown; charset=utf-8"},{"id":"c8c91d82-dbe1-569b-b8cf-95dc20e01825","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c8c91d82-dbe1-569b-b8cf-95dc20e01825/attachment.md","path":"references/components/button/demo/danger.md","size":488,"sha256":"a80eb807672147de191d825ea11e51ae61cd2fcac4b528ec71a6743ae5fd8e3c","contentType":"text/markdown; charset=utf-8"},{"id":"9fb84116-36ab-5ebf-8c56-a1b2ba60f2d4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9fb84116-36ab-5ebf-8c56-a1b2ba60f2d4/attachment.md","path":"references/components/button/demo/disabled.md","size":2176,"sha256":"55c7029cb8edb4047d5bd5082379f74cea1e8aace69cfbf604ad379f2f3a5e58","contentType":"text/markdown; charset=utf-8"},{"id":"d00aeac0-a07d-5bba-9aed-580cbee8d9f8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d00aeac0-a07d-5bba-9aed-580cbee8d9f8/attachment.md","path":"references/components/button/demo/ghost.md","size":524,"sha256":"1a986206e5b7a3d2c9eceab242121993041881cdfd007e9f0eccb1470c886003","contentType":"text/markdown; charset=utf-8"},{"id":"6ba238df-df9c-5294-9363-bf647a7a3f14","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6ba238df-df9c-5294-9363-bf647a7a3f14/attachment.md","path":"references/components/button/demo/icon-placement.md","size":2603,"sha256":"5a02776c08768a4f39f35e098a310b873d84b74c66a5f9b37137c68f36cd96af","contentType":"text/markdown; charset=utf-8"},{"id":"0db1b305-2a37-5246-a744-2fe15e1251de","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0db1b305-2a37-5246-a744-2fe15e1251de/attachment.md","path":"references/components/button/demo/icon.md","size":1631,"sha256":"a3ace934736c081caefce5a89a2d25a94fc9a4f31bb8c324cf52fcdb5d6bcb85","contentType":"text/markdown; charset=utf-8"},{"id":"04ace851-3723-5425-ae26-156c6ce70cc7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/04ace851-3723-5425-ae26-156c6ce70cc7/attachment.md","path":"references/components/button/demo/linear-gradient.md","size":1321,"sha256":"a6a8ef6e16d375a61dd6454765ccd6feecd8928161a56eca0278c6f59a809342","contentType":"text/markdown; charset=utf-8"},{"id":"5d8da66d-a877-5bba-b1aa-0ac63172d5af","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5d8da66d-a877-5bba-b1aa-0ac63172d5af/attachment.md","path":"references/components/button/demo/loading.md","size":2027,"sha256":"2d68155e1fe64899f22e78d79a766e5dfe2cc868e55d7859d299854a20f19b89","contentType":"text/markdown; charset=utf-8"},{"id":"399e9503-ce37-5089-af37-c424aaf21f02","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/399e9503-ce37-5089-af37-c424aaf21f02/attachment.md","path":"references/components/button/demo/multiple.md","size":1157,"sha256":"ce178ccde8f5d5bd7ca1f5065a597fa8f02ce67710a4088bbd77e0f32fef0ef4","contentType":"text/markdown; charset=utf-8"},{"id":"4c446014-2eaa-5a06-a26a-fc807b12a373","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4c446014-2eaa-5a06-a26a-fc807b12a373/attachment.md","path":"references/components/button/demo/size.md","size":2061,"sha256":"76153cf2098bbda63efad649c9a9088c12c41b4247fb8e6e1f89474e86ed345d","contentType":"text/markdown; charset=utf-8"},{"id":"3d933477-a267-5a10-b5c4-e88332d91eda","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3d933477-a267-5a10-b5c4-e88332d91eda/attachment.md","path":"references/components/button/demo/style-class.md","size":1242,"sha256":"a464f70f45e882f3e49b5cf2e8f982eb2a1b715d6df9745b9624eb93ad0df6cf","contentType":"text/markdown; charset=utf-8"},{"id":"f8db89ad-cda1-5ab7-a1f9-8feb9b6db706","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f8db89ad-cda1-5ab7-a1f9-8feb9b6db706/attachment.md","path":"references/components/button/docs.md","size":4762,"sha256":"888862f63ba55e3c8a663997e80200f37771fc6661d6563c0ed536a5a096a81a","contentType":"text/markdown; charset=utf-8"},{"id":"ebe586fb-564d-530a-bbca-d92b08e42674","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ebe586fb-564d-530a-bbca-d92b08e42674/attachment.md","path":"references/components/button/token.md","size":2949,"sha256":"b2a958a9e16fc3ddbecc9efb078e9f1fe8023ab0557611f77d895d741a19aed3","contentType":"text/markdown; charset=utf-8"},{"id":"45540101-c2ed-58ab-8609-4db9f09f97bb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/45540101-c2ed-58ab-8609-4db9f09f97bb/attachment.md","path":"references/components/calendar/demo/_semantic.md","size":911,"sha256":"b1224f19a306f4965bf164dd6de34fed750387f7565ffb66e56e432b044bd8c8","contentType":"text/markdown; charset=utf-8"},{"id":"1375b158-3f57-5dfa-a2ff-ea8d4f9e3c1f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1375b158-3f57-5dfa-a2ff-ea8d4f9e3c1f/attachment.md","path":"references/components/calendar/demo/basic.md","size":266,"sha256":"2ff0d41caea94ec8847b6093149700c8ccb0a6a65a88c4be25030c993685851c","contentType":"text/markdown; charset=utf-8"},{"id":"10dfe09b-a116-587d-9e08-6f2bbcb58ba0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/10dfe09b-a116-587d-9e08-6f2bbcb58ba0/attachment.md","path":"references/components/calendar/demo/card.md","size":691,"sha256":"87796a577bc5c3d062865be720df61cfc0e5fc53aa14d737a6809c064ae8cd7d","contentType":"text/markdown; charset=utf-8"},{"id":"14c151de-b911-57ad-80ec-2a9708a535d0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/14c151de-b911-57ad-80ec-2a9708a535d0/attachment.md","path":"references/components/calendar/demo/customize-header.md","size":2207,"sha256":"7ceb874ded9ebcf8dd94695233aa64fbc9eb4eefb5aeca1c5222698798842dd9","contentType":"text/markdown; charset=utf-8"},{"id":"4f97ef6f-1845-5cf2-bcba-24a54b95575d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4f97ef6f-1845-5cf2-bcba-24a54b95575d/attachment.md","path":"references/components/calendar/demo/lunar.md","size":5872,"sha256":"842346c4412e457ab465dbb21d1b98c195fd7e98e6c3bad0e9989d9dc62d2b47","contentType":"text/markdown; charset=utf-8"},{"id":"84441f98-16e1-5054-8325-9977b776beb9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/84441f98-16e1-5054-8325-9977b776beb9/attachment.md","path":"references/components/calendar/demo/notice-calendar.md","size":2339,"sha256":"485994ff17d3d29930f57152a1e4ab6eb4c41642a37ddd5b664e45c9322a2d12","contentType":"text/markdown; charset=utf-8"},{"id":"9835258c-cbbb-5175-ab47-992e24fe2846","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9835258c-cbbb-5175-ab47-992e24fe2846/attachment.md","path":"references/components/calendar/demo/select.md","size":589,"sha256":"599d1052e595b1ffaf56a6d88324720796df46ca348ac7d12c49edc477210c95","contentType":"text/markdown; charset=utf-8"},{"id":"05072553-0538-5d8d-9cb5-270f41245c29","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/05072553-0538-5d8d-9cb5-270f41245c29/attachment.md","path":"references/components/calendar/demo/style-class.md","size":982,"sha256":"2efa7e7b611882a22ae73bf21e608a082246a07e13f0b80cb2e843b682a75fb2","contentType":"text/markdown; charset=utf-8"},{"id":"436761ea-d53e-5df8-b8b7-6bb215ccd5f6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/436761ea-d53e-5df8-b8b7-6bb215ccd5f6/attachment.md","path":"references/components/calendar/demo/week.md","size":253,"sha256":"98cfe7bb75b50cff926b14de1109f6916aef8c86ee4bf35db9acfae75cdd44f5","contentType":"text/markdown; charset=utf-8"},{"id":"bf70fcb6-6558-5385-b382-bbc61dba0fa9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bf70fcb6-6558-5385-b382-bbc61dba0fa9/attachment.md","path":"references/components/calendar/docs.md","size":4056,"sha256":"42675b91ccfc336de27756122435e87697f88b148c354bc33fa0965179b57f0c","contentType":"text/markdown; charset=utf-8"},{"id":"e672a796-bff5-5e64-90b4-586a225fdccf","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e672a796-bff5-5e64-90b4-586a225fdccf/attachment.md","path":"references/components/calendar/token.md","size":839,"sha256":"528f805451a2fae8155b3f5afd51431dd40cf21c217fbbea1f69fa7947c5b7d7","contentType":"text/markdown; charset=utf-8"},{"id":"57499a7f-de16-5fe7-9151-c0ede4fd430e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/57499a7f-de16-5fe7-9151-c0ede4fd430e/attachment.md","path":"references/components/card/demo/_semantic.md","size":1917,"sha256":"cfc6dcda57c43184657f559a8426b615eff88474887a7a1e195cf311a7549da6","contentType":"text/markdown; charset=utf-8"},{"id":"eae70e4b-51c1-594a-9372-27763a7c8c51","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/eae70e4b-51c1-594a-9372-27763a7c8c51/attachment.md","path":"references/components/card/demo/basic.md","size":702,"sha256":"b265e913916513340b2e7b19bbdf253a601340f9b26bd772b06ea9b43805f170","contentType":"text/markdown; charset=utf-8"},{"id":"7638d845-53c5-5555-bb51-6555246dd4ac","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7638d845-53c5-5555-bb51-6555246dd4ac/attachment.md","path":"references/components/card/demo/border-less.md","size":374,"sha256":"5edfb12d4adf38a64c58fabf80bcff29ac8107ac5e61bb5fe9923e9e28b43652","contentType":"text/markdown; charset=utf-8"},{"id":"04169dac-7c42-55a2-ab68-27e6b4ab1c79","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/04169dac-7c42-55a2-ab68-27e6b4ab1c79/attachment.md","path":"references/components/card/demo/flexible-content.md","size":463,"sha256":"40c4615110dc28083d58f00d3979849ba6e34fbab226a4000f3a35c16588b3c5","contentType":"text/markdown; charset=utf-8"},{"id":"8386606e-12d0-5dd4-b6d1-5fd1019fec94","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8386606e-12d0-5dd4-b6d1-5fd1019fec94/attachment.md","path":"references/components/card/demo/grid-card.md","size":813,"sha256":"57581709554f58509f14ac9e01ec31b8fd61d903baa3ead955414bd965741a0e","contentType":"text/markdown; charset=utf-8"},{"id":"84f55799-afd5-5797-96b8-6dbdc5d87826","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/84f55799-afd5-5797-96b8-6dbdc5d87826/attachment.md","path":"references/components/card/demo/in-column.md","size":688,"sha256":"176e72ec5a046e009929e79128769755028ef3b3ed692d90855f4c329124a4a9","contentType":"text/markdown; charset=utf-8"},{"id":"71e46ef6-f2ea-51ac-89cc-ed5b436de99d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/71e46ef6-f2ea-51ac-89cc-ed5b436de99d/attachment.md","path":"references/components/card/demo/inner.md","size":571,"sha256":"b51695b1f70526e61afd534226b8828082adb474283665220134f1e408c31802","contentType":"text/markdown; charset=utf-8"},{"id":"8d354391-c0b4-535d-ba13-eeed572fbd6c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8d354391-c0b4-535d-ba13-eeed572fbd6c/attachment.md","path":"references/components/card/demo/loading.md","size":1649,"sha256":"6d4078a1d9fc5651326c8d8c54d9f630b1ae475191e4c1e202b79772c5532a12","contentType":"text/markdown; charset=utf-8"},{"id":"ca7c1cb6-719b-5947-928f-27a1988dd4ae","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ca7c1cb6-719b-5947-928f-27a1988dd4ae/attachment.md","path":"references/components/card/demo/meta.md","size":894,"sha256":"7a23f91cad8e871ed0c0de243692c3e2070f6372a325fe7fb6eed286f575fc96","contentType":"text/markdown; charset=utf-8"},{"id":"f7598767-a70b-5912-b601-f6d634714b16","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f7598767-a70b-5912-b601-f6d634714b16/attachment.md","path":"references/components/card/demo/no-body-debug.md","size":416,"sha256":"8012f012ca765ad410984724561a6a2d7b481a6f066019620dad4452b4f0dbeb","contentType":"text/markdown; charset=utf-8"},{"id":"0f2764a7-11f3-506c-a471-999a05713768","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0f2764a7-11f3-506c-a471-999a05713768/attachment.md","path":"references/components/card/demo/simple.md","size":305,"sha256":"ba7b13e336ffdf6fa60229f2d10a5c5e5e9c010ecb0e1360cbaddad568a7b12d","contentType":"text/markdown; charset=utf-8"},{"id":"d898cdfb-0b16-5626-ba10-0b8a24323e00","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d898cdfb-0b16-5626-ba10-0b8a24323e00/attachment.md","path":"references/components/card/demo/style-class.md","size":3178,"sha256":"3c09dbe7b12edf3661ad30b9342059b9c04ba9e7600f6eff3af00b4260d77d30","contentType":"text/markdown; charset=utf-8"},{"id":"7fec0801-7874-506d-9730-c12d3fc51753","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7fec0801-7874-506d-9730-c12d3fc51753/attachment.md","path":"references/components/card/demo/tabs.md","size":1675,"sha256":"87ce2cbb09f4f4cdcb18759fd003f273a992122267e02daef51def2c2952dbab","contentType":"text/markdown; charset=utf-8"},{"id":"70cf23ba-5fc3-57e3-b517-8dcba548e58d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/70cf23ba-5fc3-57e3-b517-8dcba548e58d/attachment.md","path":"references/components/card/docs.md","size":4278,"sha256":"be39f90c1906a387d81ae71339f39b644315b47ca29dcf7660647a1c37036c76","contentType":"text/markdown; charset=utf-8"},{"id":"eaa45fc7-2a3f-5bb8-8c95-20feaec52b1a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/eaa45fc7-2a3f-5bb8-8c95-20feaec52b1a/attachment.md","path":"references/components/card/token.md","size":1236,"sha256":"7eab2be7c4184e3c4ddc00b668308fdaefa27b22ee0eef1cd0fcecb09d6856d5","contentType":"text/markdown; charset=utf-8"},{"id":"68284185-ea8d-50a2-a414-2520fde85dc7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/68284185-ea8d-50a2-a414-2520fde85dc7/attachment.md","path":"references/components/carousel/demo/arrows.md","size":930,"sha256":"07c8dbd7fa9300179f93d1110a5f8ba785f6bad30e55701f92107cb7c886abf8","contentType":"text/markdown; charset=utf-8"},{"id":"fd44d8a6-ae0b-5fd9-86b9-0434cb4f4461","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fd44d8a6-ae0b-5fd9-86b9-0434cb4f4461/attachment.md","path":"references/components/carousel/demo/autoplay.md","size":512,"sha256":"03ea63a7f1118f6690b38c3a36af398b9f23a3935e1cc4c80c27ac793d5fb886","contentType":"text/markdown; charset=utf-8"},{"id":"4a2cb349-7f87-5008-81da-a1ad117ba8e0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4a2cb349-7f87-5008-81da-a1ad117ba8e0/attachment.md","path":"references/components/carousel/demo/basic.md","size":608,"sha256":"e610b6a5b3db98189e90254d2501a56d85dc6884169759495a5ede30987c13fc","contentType":"text/markdown; charset=utf-8"},{"id":"04685bca-64bc-5da0-aa6b-0eae8dce977e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/04685bca-64bc-5da0-aa6b-0eae8dce977e/attachment.md","path":"references/components/carousel/demo/dot-duration.md","size":533,"sha256":"7d7f5cfddab6c3a43d143aa7a381d37f5c6088125c1bfc6ab14e295fae166b56","contentType":"text/markdown; charset=utf-8"},{"id":"5e906de3-e5c6-5d14-a572-bd85d1fe3a4b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5e906de3-e5c6-5d14-a572-bd85d1fe3a4b/attachment.md","path":"references/components/carousel/demo/fade.md","size":490,"sha256":"49bf8a6e4eff255fb0f4146c0faad48e2d269508d1dd152ef792a53667d3e086","contentType":"text/markdown; charset=utf-8"},{"id":"0af3fcef-d47d-56ce-bcb8-b4de95df9f8a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0af3fcef-d47d-56ce-bcb8-b4de95df9f8a/attachment.md","path":"references/components/carousel/demo/placement.md","size":1086,"sha256":"67dc1949bc66d99c82f15a9d0f9449babc711de4f8d8ac18ca523df777222ec2","contentType":"text/markdown; charset=utf-8"},{"id":"7ca7fbc2-addb-5064-b053-06ddd876da85","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7ca7fbc2-addb-5064-b053-06ddd876da85/attachment.md","path":"references/components/carousel/docs.md","size":2653,"sha256":"7413b09e3db8a636de0f9418ed9e46b0e9fdf15b64c663b43b626ccf6f6d6f69","contentType":"text/markdown; charset=utf-8"},{"id":"cb0673ba-9f85-5563-a8e3-c186a3de9842","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/cb0673ba-9f85-5563-a8e3-c186a3de9842/attachment.md","path":"references/components/carousel/token.md","size":819,"sha256":"c76aae6c744e0b1924368e39072f7d1763a06f2c068c17e4efc83272b633c2b9","contentType":"text/markdown; charset=utf-8"},{"id":"daac6f4d-63a5-54fd-8546-a51cc0497d9d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/daac6f4d-63a5-54fd-8546-a51cc0497d9d/attachment.md","path":"references/components/cascader/demo/_semantic.md","size":2444,"sha256":"e6b44760290d2233cb9a175b72291307a8cb8038ce93d6255b1bb6c649846aea","contentType":"text/markdown; charset=utf-8"},{"id":"f3db1dcb-f2a1-59c2-8c9c-d0242997f271","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f3db1dcb-f2a1-59c2-8c9c-d0242997f271/attachment.md","path":"references/components/cascader/demo/custom-dropdown.md","size":1097,"sha256":"51ea6e2bd980284d498c12418f4a288fd7ffc28d796c15d35021aeddeb74d165","contentType":"text/markdown; charset=utf-8"},{"id":"e7cdc5f7-3b30-5d0e-82bf-01579f543fc6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e7cdc5f7-3b30-5d0e-82bf-01579f543fc6/attachment.md","path":"references/components/cascader/demo/custom-render.md","size":2526,"sha256":"3b4469ba21ff57e10a70fdb0f8d5e43e7d6267e5538ca335195080405c4d59d5","contentType":"text/markdown; charset=utf-8"},{"id":"39ed0b02-7dd4-528b-9143-629a3ad0cb03","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/39ed0b02-7dd4-528b-9143-629a3ad0cb03/attachment.md","path":"references/components/cascader/demo/fields-name.md","size":1056,"sha256":"6bb54ab17bd93a7ae6bf80335dd944d42780f16e39cbbc228bd78f703d96ff27","contentType":"text/markdown; charset=utf-8"},{"id":"704e431f-3eb2-58a6-a1b1-cf877bfefbff","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/704e431f-3eb2-58a6-a1b1-cf877bfefbff/attachment.md","path":"references/components/cascader/demo/lazy.md","size":1266,"sha256":"fff2aa354f6df71d3502155daca33a320dd470e860ab1d48f25cf62d3e7cc1b9","contentType":"text/markdown; charset=utf-8"},{"id":"c8323f91-0142-57e0-9489-de499ff804fb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c8323f91-0142-57e0-9489-de499ff804fb/attachment.md","path":"references/components/cascader/demo/multiple.md","size":1331,"sha256":"ea923a651dfa0014a5c3c2a66b39119f323b80365a7a9278c86080b8c3513009","contentType":"text/markdown; charset=utf-8"},{"id":"03ec8d61-a243-5c6d-864b-38721803a61f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/03ec8d61-a243-5c6d-864b-38721803a61f/attachment.md","path":"references/components/cascader/demo/panel.md","size":1494,"sha256":"e88a28f5bf023ffc466df5aafc65fc7bf04964d42e680ab0e524a60104995159","contentType":"text/markdown; charset=utf-8"},{"id":"4fcf171c-8a25-5281-b1e5-49a174c30cc4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4fcf171c-8a25-5281-b1e5-49a174c30cc4/attachment.md","path":"references/components/cascader/demo/placement.md","size":1458,"sha256":"0edf03df38e5e036bc04dd6d3bbbee04a43bddef9bd15e708a744d57a0250aef","contentType":"text/markdown; charset=utf-8"},{"id":"35086f65-54ba-5656-8007-0767a7086cdd","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/35086f65-54ba-5656-8007-0767a7086cdd/attachment.md","path":"references/components/cascader/demo/search.md","size":1595,"sha256":"c244979dbab7cffa453aed1744299ab2ada522c431adc9a0e99f30ffc5841fdb","contentType":"text/markdown; charset=utf-8"},{"id":"5f403210-bd23-543d-93bd-c7710910ee4b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5f403210-bd23-543d-93bd-c7710910ee4b/attachment.md","path":"references/components/cascader/demo/showCheckedStrategy.md","size":1686,"sha256":"87edacc81090a05ff82ceec47ffb53a967d52db239752c6af986bc06cdc552b1","contentType":"text/markdown; charset=utf-8"},{"id":"119fcfa2-0c4f-5b76-8919-3655b14dddd6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/119fcfa2-0c4f-5b76-8919-3655b14dddd6/attachment.md","path":"references/components/cascader/demo/size.md","size":1158,"sha256":"70efa224bcdc477dbb8a64374e7ea309ae49ea233c998cbd3ce141f2287dc2c5","contentType":"text/markdown; charset=utf-8"},{"id":"3dea733a-2f45-50b7-ac05-c0e2d60ccd7a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3dea733a-2f45-50b7-ac05-c0e2d60ccd7a/attachment.md","path":"references/components/cascader/demo/status.md","size":319,"sha256":"b903d2d7187a6caad9387208855789e6617f04b2161c4c94b45fac60fa705525","contentType":"text/markdown; charset=utf-8"},{"id":"544632a3-c26f-5e6a-9e7e-a8ec5d57c014","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/544632a3-c26f-5e6a-9e7e-a8ec5d57c014/attachment.md","path":"references/components/cascader/demo/style-class.md","size":1967,"sha256":"6263d9b8de2600a7d52f4f1994ab1c4e10d63c0f8cf97ac4aa2694205e929575","contentType":"text/markdown; charset=utf-8"},{"id":"d7d2548c-4217-5a26-8233-b82748df5236","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d7d2548c-4217-5a26-8233-b82748df5236/attachment.md","path":"references/components/cascader/demo/suffix.md","size":1950,"sha256":"86d824ce6c0fe3c05ee9e5c7f4512aff4742146341628f43b34dc839f43f2571","contentType":"text/markdown; charset=utf-8"},{"id":"9abea2d5-0ad9-59c7-bf4e-88dfc15c1602","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9abea2d5-0ad9-59c7-bf4e-88dfc15c1602/attachment.md","path":"references/components/cascader/demo/variant.md","size":491,"sha256":"b0d47eab3c22782177df4cdfb3b6099e7a907d108f5b56bbe36c551a8c1e2a76","contentType":"text/markdown; charset=utf-8"},{"id":"864f8c85-12c4-5ddb-a1e4-be7d508b3e8b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/864f8c85-12c4-5ddb-a1e4-be7d508b3e8b/attachment.md","path":"references/components/cascader/docs.md","size":6505,"sha256":"46866cf89491502c11f8439330fe9245caf9e25857e69506931301a143c0ca7e","contentType":"text/markdown; charset=utf-8"},{"id":"2023de41-4dc9-5813-b6b1-a2d7ead4783d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2023de41-4dc9-5813-b6b1-a2d7ead4783d/attachment.md","path":"references/components/cascader/token.md","size":965,"sha256":"932de45b27fc44602126729a2d17cce0119db7025b55eadca9abbe2826aa6750","contentType":"text/markdown; charset=utf-8"},{"id":"063a0327-dc12-5ee7-a349-8485d40394af","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/063a0327-dc12-5ee7-a349-8485d40394af/attachment.md","path":"references/components/checkbox/demo/_semantic.md","size":759,"sha256":"395279ae57f367f4905087293ca6cd4a08bbe93c99ad78386e253213fe96bb86","contentType":"text/markdown; charset=utf-8"},{"id":"e617dc62-787e-579c-9276-979c124f5ba4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e617dc62-787e-579c-9276-979c124f5ba4/attachment.md","path":"references/components/checkbox/demo/basic.md","size":278,"sha256":"4041690895bf00251c5dbdd88fe1766b775c218841d1b6f6644d9fe103b164c4","contentType":"text/markdown; charset=utf-8"},{"id":"abbdb85b-477b-5394-878e-b02328726d12","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/abbdb85b-477b-5394-878e-b02328726d12/attachment.md","path":"references/components/checkbox/demo/check-all.md","size":1015,"sha256":"a60fadaf38238006da9e631a16fbb3c75df93ad48d1941689e987ba18032b265","contentType":"text/markdown; charset=utf-8"},{"id":"1299323e-33ce-5e75-9379-c9ee090a6f53","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1299323e-33ce-5e75-9379-c9ee090a6f53/attachment.md","path":"references/components/checkbox/demo/controller.md","size":1100,"sha256":"3031494028c7824be049f08fa61a95fc821bf46de2e33128c877804f8b8ea816","contentType":"text/markdown; charset=utf-8"},{"id":"5ff902b4-849e-5858-b9a2-6052668834fb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5ff902b4-849e-5858-b9a2-6052668834fb/attachment.md","path":"references/components/checkbox/demo/disabled.md","size":434,"sha256":"0bd8c759e9796ddf08ac12e2a54e9de59e704dd9a47ea9a921f4e330d97bf749","contentType":"text/markdown; charset=utf-8"},{"id":"d84ca03f-0994-568d-8988-9a01a6724309","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d84ca03f-0994-568d-8988-9a01a6724309/attachment.md","path":"references/components/checkbox/demo/group.md","size":1045,"sha256":"110c950d2fc1d49da88a6948a03e242914315da27ec55a13f30c539fba79532a","contentType":"text/markdown; charset=utf-8"},{"id":"996e260f-9670-59af-ace4-97426a58454b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/996e260f-9670-59af-ace4-97426a58454b/attachment.md","path":"references/components/checkbox/demo/layout.md","size":985,"sha256":"4e2547afa6b2525aad2572c4c1f5ef147b57ce402f9f335fb49f8f648ce8ee23","contentType":"text/markdown; charset=utf-8"},{"id":"6604359d-8f27-56c9-82dd-11a8d378f790","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6604359d-8f27-56c9-82dd-11a8d378f790/attachment.md","path":"references/components/checkbox/demo/style-class.md","size":1754,"sha256":"a909d7458fe162b6ea221ef6aae72164e0c49a5b3063004ee3630edad25a61c1","contentType":"text/markdown; charset=utf-8"},{"id":"2f4ce646-82f9-5393-92aa-e564bb865c89","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2f4ce646-82f9-5393-92aa-e564bb865c89/attachment.md","path":"references/components/checkbox/docs.md","size":2475,"sha256":"fde66b0e5a7b79b96589f138d5c424803bc0ae3104b35d2e6c474f6ea64c5b1a","contentType":"text/markdown; charset=utf-8"},{"id":"f526df81-b88d-5dce-b98c-cccf607420e6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f526df81-b88d-5dce-b98c-cccf607420e6/attachment.md","path":"references/components/collapse/demo/_semantic.md","size":1245,"sha256":"ed74e9a69fd04528d255a8ad07986f68a827980f1f7d4ec8f9f1499400e9cee6","contentType":"text/markdown; charset=utf-8"},{"id":"8c516842-06d2-5136-a328-14dc24a7e96f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8c516842-06d2-5136-a328-14dc24a7e96f/attachment.md","path":"references/components/collapse/demo/accordion.md","size":702,"sha256":"236b8e400c3f8087f3c64c8e1bdc0829b3059a4cb4ad91c9d642bad4fb02ef5b","contentType":"text/markdown; charset=utf-8"},{"id":"10e63963-cd0e-55a8-bb77-4654a5996d9a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/10e63963-cd0e-55a8-bb77-4654a5996d9a/attachment.md","path":"references/components/collapse/demo/basic.md","size":839,"sha256":"3020dbf8a5ede2cac4036216b6fea3906d929b54d9f2578badc5b73cd74db04f","contentType":"text/markdown; charset=utf-8"},{"id":"c33c2eb5-3a11-5208-b484-59f50880ce0b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c33c2eb5-3a11-5208-b484-59f50880ce0b/attachment.md","path":"references/components/collapse/demo/borderless.md","size":833,"sha256":"393eeeed2221da85a3d4fcf30c9cb9fb81f50bd50cb152c43f9f4ef5f133c00e","contentType":"text/markdown; charset=utf-8"},{"id":"81a1c707-3a6e-5f07-b1eb-eb45d2ab9ebb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/81a1c707-3a6e-5f07-b1eb-eb45d2ab9ebb/attachment.md","path":"references/components/collapse/demo/collapsible.md","size":1158,"sha256":"e2433603b52542cc2c0f511d95c1cb2dac4c9d776d772f964aa63e37f61a10cb","contentType":"text/markdown; charset=utf-8"},{"id":"78b3b39a-b250-569e-ad0e-34506f1d541d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/78b3b39a-b250-569e-ad0e-34506f1d541d/attachment.md","path":"references/components/collapse/demo/custom.md","size":1492,"sha256":"5dcd19b43cdfa83b6a422b0a04ce6ee0319d9b248c8916a8ad7cee80594ed3f5","contentType":"text/markdown; charset=utf-8"},{"id":"40ce4e6c-8543-5df6-8ebc-cf66af437110","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/40ce4e6c-8543-5df6-8ebc-cf66af437110/attachment.md","path":"references/components/collapse/demo/extra.md","size":1498,"sha256":"60e9db6c864b7e84c97622100cd1b2e17dde7a0803beb682fbddb6d5fc12731e","contentType":"text/markdown; charset=utf-8"},{"id":"8e356760-f26a-5e79-8940-fb0a3ceeb8a7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8e356760-f26a-5e79-8940-fb0a3ceeb8a7/attachment.md","path":"references/components/collapse/demo/ghost.md","size":712,"sha256":"89ab87575d2f58b10d94ab0f2c6cea993c6e51313cdf22568b2aa0d809bcb045","contentType":"text/markdown; charset=utf-8"},{"id":"1d82af99-e4a5-5dba-8cbd-4991b847f926","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1d82af99-e4a5-5dba-8cbd-4991b847f926/attachment.md","path":"references/components/collapse/demo/mix.md","size":950,"sha256":"859b1a62f8f05c04efd9db1c073cbfd05fd43ad87dffff414ca3fd8940b6d4ca","contentType":"text/markdown; charset=utf-8"},{"id":"b6abb3e6-b74c-5952-86b6-df1fcc3e7fef","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b6abb3e6-b74c-5952-86b6-df1fcc3e7fef/attachment.md","path":"references/components/collapse/demo/noarrow.md","size":771,"sha256":"6a590781aa03b511498ccbbd371f7738300eed3c546d831a5cee93f6c4d7121f","contentType":"text/markdown; charset=utf-8"},{"id":"ae758573-856f-57b7-8162-d890e9894717","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ae758573-856f-57b7-8162-d890e9894717/attachment.md","path":"references/components/collapse/demo/sfc.md","size":823,"sha256":"85d9fceddbd8f139bbadee25b37cea7fb03f0b0416098c0105e664b2616f2cda","contentType":"text/markdown; charset=utf-8"},{"id":"1f803bdc-400f-53c4-8b16-fcf1036505f7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1f803bdc-400f-53c4-8b16-fcf1036505f7/attachment.md","path":"references/components/collapse/demo/size.md","size":1274,"sha256":"176dd4521c2ac6c49c4009178eebac986099f7cf54c1166cc1c4fa839a9c97a1","contentType":"text/markdown; charset=utf-8"},{"id":"58d841f4-114c-51e7-9b72-3bb3bee44878","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/58d841f4-114c-51e7-9b72-3bb3bee44878/attachment.md","path":"references/components/collapse/demo/style-class.md","size":1699,"sha256":"0850aba24ca8ddb6f16eb6fc62f50d69f7805352a0496f72740107f4057524fe","contentType":"text/markdown; charset=utf-8"},{"id":"9de4039c-8cca-523b-b3f5-3f676f1f4956","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9de4039c-8cca-523b-b3f5-3f676f1f4956/attachment.md","path":"references/components/collapse/docs.md","size":4400,"sha256":"e202e91678ecea3fc5ee2c750e2deb84d9f0f9ba5d767bbb8dd7b3bfa95ea18c","contentType":"text/markdown; charset=utf-8"},{"id":"30ba7875-b3a1-5a06-93d6-8f7e597017e2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/30ba7875-b3a1-5a06-93d6-8f7e597017e2/attachment.md","path":"references/components/collapse/token.md","size":811,"sha256":"7ba2b5a5ede9ec3ecdd76572c1e95c09e5cc4cb92ecf6696b171ec778da4ad19","contentType":"text/markdown; charset=utf-8"},{"id":"4ee4ff05-decd-5c47-af12-70e43660f398","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4ee4ff05-decd-5c47-af12-70e43660f398/attachment.md","path":"references/components/color-picker/demo/_semantic.md","size":1237,"sha256":"d6a82fed8714540e2c7cb06adebef4d795a0a5da621abf788666326f87ac5e92","contentType":"text/markdown; charset=utf-8"},{"id":"cdec3332-1239-583d-9ac0-ab7fffd26f43","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/cdec3332-1239-583d-9ac0-ab7fffd26f43/attachment.md","path":"references/components/color-picker/demo/allow-clear.md","size":324,"sha256":"dce95f075189d50c43be7cac48778a55b22ad0bc53dc4614e0b6effc70dbff0c","contentType":"text/markdown; charset=utf-8"},{"id":"4e9f37d7-8cbb-5396-9401-15e471ab8677","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4e9f37d7-8cbb-5396-9401-15e471ab8677/attachment.md","path":"references/components/color-picker/demo/basic.md","size":143,"sha256":"13fb99ea0a6c90ad0cedf32ef3edfda566f803b69b4636a320d374b116e60d15","contentType":"text/markdown; charset=utf-8"},{"id":"1855a3d7-bca6-5567-9031-9c7e811ebf76","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1855a3d7-bca6-5567-9031-9c7e811ebf76/attachment.md","path":"references/components/color-picker/demo/controlled.md","size":589,"sha256":"c711eef4179561a421f77b077f6f772d6f1f5dae8a9ed9aa8ce5ebc5fe8cd8c4","contentType":"text/markdown; charset=utf-8"},{"id":"fe13a3e8-4150-550f-adc3-f1c2378f2b8f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fe13a3e8-4150-550f-adc3-f1c2378f2b8f/attachment.md","path":"references/components/color-picker/demo/disabled-alpha.md","size":274,"sha256":"0fb0c4dbe809faa23e44d250cd1f0e35c6aab5b5f972c88e9b84675480aaf730","contentType":"text/markdown; charset=utf-8"},{"id":"306114fe-4b3e-5a57-810f-f118e7acd0dc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/306114fe-4b3e-5a57-810f-f118e7acd0dc/attachment.md","path":"references/components/color-picker/demo/disabled.md","size":272,"sha256":"a5e289828605a8b6a498830ef6562b1018b684742f7ac93c45667e08d5e83cd1","contentType":"text/markdown; charset=utf-8"},{"id":"a83fb542-c907-56ea-bccb-c4dad8c1455e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a83fb542-c907-56ea-bccb-c4dad8c1455e/attachment.md","path":"references/components/color-picker/demo/format.md","size":1691,"sha256":"81b694fe156112b242d30d8cedd093d88b666079a534614d6de852c5409cc97e","contentType":"text/markdown; charset=utf-8"},{"id":"bf52f613-68af-5ded-8e9d-f163fb2f411a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bf52f613-68af-5ded-8e9d-f163fb2f411a/attachment.md","path":"references/components/color-picker/demo/line-gradient.md","size":952,"sha256":"75d5f05f0f18724173e17ed27936550ac013e152ad733f6bac41d7a71bf05eb2","contentType":"text/markdown; charset=utf-8"},{"id":"384095d0-e4ef-592e-8046-c6202c3e9958","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/384095d0-e4ef-592e-8046-c6202c3e9958/attachment.md","path":"references/components/color-picker/demo/panel-render.md","size":1959,"sha256":"d176dd6057565f12ddb570a083b69d9b7228b75213ade3253eec547bee96255a","contentType":"text/markdown; charset=utf-8"},{"id":"e996cbd4-828f-5194-a500-f338577f4019","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e996cbd4-828f-5194-a500-f338577f4019/attachment.md","path":"references/components/color-picker/demo/presets.md","size":752,"sha256":"902e822a619f934e5933068f53e949bb8baf5c5c53bc5c8f7003477304fab24f","contentType":"text/markdown; charset=utf-8"},{"id":"41a49ed3-9f52-5fe9-bb4d-00495581e4dd","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/41a49ed3-9f52-5fe9-bb4d-00495581e4dd/attachment.md","path":"references/components/color-picker/demo/size.md","size":800,"sha256":"4ea51db66fae98bb8c2c6b9406b5f0f705b81235463973e869b872951736215a","contentType":"text/markdown; charset=utf-8"},{"id":"b0345d72-9e1b-52ac-a6d7-dda9aefce4ce","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b0345d72-9e1b-52ac-a6d7-dda9aefce4ce/attachment.md","path":"references/components/color-picker/demo/style-class.md","size":976,"sha256":"8d8f60890253d886d274d0ced2ca03f5272225b1ee37335946d5de7ecdb34584","contentType":"text/markdown; charset=utf-8"},{"id":"72ac9439-8874-51e4-9b1f-a954530807c9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/72ac9439-8874-51e4-9b1f-a954530807c9/attachment.md","path":"references/components/color-picker/demo/text-render.md","size":1062,"sha256":"6ee639faa76730bdf54da54fa93dc9146949f6a5f0125b8b89ab3b72321b31e7","contentType":"text/markdown; charset=utf-8"},{"id":"c3d2fd24-6548-5f59-8884-cf7642840b0b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c3d2fd24-6548-5f59-8884-cf7642840b0b/attachment.md","path":"references/components/color-picker/demo/trigger-event.md","size":237,"sha256":"abf121df809a3b5fe42c9072c99dad0acfaefa7ecde39234dbb85a24bcbe9462","contentType":"text/markdown; charset=utf-8"},{"id":"d9f7a6f3-89a4-5b49-af43-97eff9adc63f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d9f7a6f3-89a4-5b49-af43-97eff9adc63f/attachment.md","path":"references/components/color-picker/demo/trigger.md","size":664,"sha256":"b21c64f71c31e9ba6f7c47eb9310f7640f7c870736d5e125b57572ea3a745e7f","contentType":"text/markdown; charset=utf-8"},{"id":"5f0ea904-6a62-55c0-bca6-2701ced8a392","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5f0ea904-6a62-55c0-bca6-2701ced8a392/attachment.md","path":"references/components/color-picker/demo/value-format.md","size":1036,"sha256":"a8ce3d618994bb715369e00b070f22ed10cd076e5a99114f698d2f265f320886","contentType":"text/markdown; charset=utf-8"},{"id":"4cb6ff9c-4d37-584d-8b5f-9b5b1875cafc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4cb6ff9c-4d37-584d-8b5f-9b5b1875cafc/attachment.md","path":"references/components/color-picker/docs.md","size":5701,"sha256":"bb973ac942a55b5fac7563d3df6ff08431b7560c43059c0db58c67d46d7e1167","contentType":"text/markdown; charset=utf-8"},{"id":"c62cacc5-62a9-58bc-9d60-6049f9a58ccb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c62cacc5-62a9-58bc-9d60-6049f9a58ccb/attachment.md","path":"references/components/config-provider/demo/direction.md","size":18540,"sha256":"ee209c9f0b6ba7f5dbe7d2c724548e70a1ea509d661e1249985440342079c6e8","contentType":"text/markdown; charset=utf-8"},{"id":"1c6efd1b-d31d-5ff0-9cdb-b248a4b2caa9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1c6efd1b-d31d-5ff0-9cdb-b248a4b2caa9/attachment.md","path":"references/components/config-provider/demo/holder-render.md","size":1696,"sha256":"e873cc6526ba686dea24c80b1b919f71b7ee4cbbb713a75e9576eb299d538b4d","contentType":"text/markdown; charset=utf-8"},{"id":"b473bd1d-6f00-59bb-9022-8380d782e7e7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b473bd1d-6f00-59bb-9022-8380d782e7e7/attachment.md","path":"references/components/config-provider/demo/locale.md","size":5951,"sha256":"e69b0f6ae9715c4410e447f78b28d8f660bcec1bfb731416cb5e28f3afb96180","contentType":"text/markdown; charset=utf-8"},{"id":"579cb026-3fc1-5e73-a901-8b9de2fa362b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/579cb026-3fc1-5e73-a901-8b9de2fa362b/attachment.md","path":"references/components/config-provider/demo/size.md","size":1746,"sha256":"fe95198ee4a041f5456f9b4a43f1e2a95d67bbb25cbafca72259cc4b403dd1b4","contentType":"text/markdown; charset=utf-8"},{"id":"8590940f-3639-5633-b213-d0bf6b04e54c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8590940f-3639-5633-b213-d0bf6b04e54c/attachment.md","path":"references/components/config-provider/demo/theme.md","size":2457,"sha256":"447e458eda2b0cec8782299da58ce8ac36824c10d124beb2ae4646f7bc7f50c1","contentType":"text/markdown; charset=utf-8"},{"id":"3bf41880-c208-537c-b0fd-b5a114ecd9a8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3bf41880-c208-537c-b0fd-b5a114ecd9a8/attachment.md","path":"references/components/config-provider/demo/use-config.md","size":1155,"sha256":"e7cc0a0c06f889f18f6a236a067638f46e13a2543903f2629eb4525338b3f75e","contentType":"text/markdown; charset=utf-8"},{"id":"ed04b7e5-ae2e-5fbe-afc2-a8faf4700fe6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ed04b7e5-ae2e-5fbe-afc2-a8faf4700fe6/attachment.md","path":"references/components/config-provider/demo/wave.md","size":4166,"sha256":"d3323c4cf655dec843f4945b907679682a76499a4dbbcdab483cd07a81b9020b","contentType":"text/markdown; charset=utf-8"},{"id":"f1aebd8f-3768-5eec-b79a-0c60c12cb9bc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f1aebd8f-3768-5eec-b79a-0c60c12cb9bc/attachment.md","path":"references/components/config-provider/docs.md","size":9105,"sha256":"973b9a54a9d75591b04f8153c544be16a6e660610b4dee10f97652c915a47632","contentType":"text/markdown; charset=utf-8"},{"id":"b71c4d24-ab51-593a-a351-031bedd24b29","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b71c4d24-ab51-593a-a351-031bedd24b29/attachment.md","path":"references/components/date-picker/demo/_semantic.md","size":2130,"sha256":"ffb45680bd7335f6b142f013b48a14e2d7d3b4cba36381e45048e42fdbbd2f73","contentType":"text/markdown; charset=utf-8"},{"id":"2778ce6f-abf3-572d-b7aa-50e822c441be","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2778ce6f-abf3-572d-b7aa-50e822c441be/attachment.md","path":"references/components/date-picker/demo/allow-empty.md","size":432,"sha256":"f8ac13fc33315e55bdbd615a96fd5fbf8332e2256f9ca02ef7b58adbb43e2e0e","contentType":"text/markdown; charset=utf-8"},{"id":"f2b24c44-2549-503b-aef6-ed3e6445cf5e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f2b24c44-2549-503b-aef6-ed3e6445cf5e/attachment.md","path":"references/components/date-picker/demo/basic.md","size":657,"sha256":"3fa005863e44461a59d64c0e59d7bb1268342e2527ce6e23c4ab3e29bfb1ec32","contentType":"text/markdown; charset=utf-8"},{"id":"af44470b-c949-56b9-b150-d8503af805a5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/af44470b-c949-56b9-b150-d8503af805a5/attachment.md","path":"references/components/date-picker/demo/buddhist-era.md","size":1936,"sha256":"4f8bd431098389cba3815b6df88787ea95024ef1e3119e6459c219dbbf0c0a3f","contentType":"text/markdown; charset=utf-8"},{"id":"3934e467-1153-53b1-9bb5-b7666f4d52c5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3934e467-1153-53b1-9bb5-b7666f4d52c5/attachment.md","path":"references/components/date-picker/demo/cell-render.md","size":1122,"sha256":"4b7495f6b62ac124706562dd5ce2d3f76a1ea6fa286768be8d8ea3b80c33945d","contentType":"text/markdown; charset=utf-8"},{"id":"d82bc6eb-2334-5060-a496-c55fa257c330","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d82bc6eb-2334-5060-a496-c55fa257c330/attachment.md","path":"references/components/date-picker/demo/components.md","size":2643,"sha256":"91002e7609c5bdec99a618e0dd756bf9e9e1340d9873c757a75d9216634bea1d","contentType":"text/markdown; charset=utf-8"},{"id":"93f5ba1e-e5ce-5bbe-879d-73031ee7cec2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/93f5ba1e-e5ce-5bbe-879d-73031ee7cec2/attachment.md","path":"references/components/date-picker/demo/date-range.md","size":585,"sha256":"a50fa3ad4d0c3b4df6dd0c62a8a2129b377bfa5dafba0b54ed51afb24004ea28","contentType":"text/markdown; charset=utf-8"},{"id":"3a6b15fb-5c50-59b9-82de-17f188e5723f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3a6b15fb-5c50-59b9-82de-17f188e5723f/attachment.md","path":"references/components/date-picker/demo/disabled-date.md","size":2025,"sha256":"8dbc6575b7ed30534f5b345a468fc48a86dd994e959108427608b30313928fbb","contentType":"text/markdown; charset=utf-8"},{"id":"715011f0-bfe1-5c37-94da-f3cca61c3125","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/715011f0-bfe1-5c37-94da-f3cca61c3125/attachment.md","path":"references/components/date-picker/demo/disabled.md","size":1374,"sha256":"e63e3a1d8ecb0a43a79126c1dd7b0e33576c17e05c90474c273d356ec57498cf","contentType":"text/markdown; charset=utf-8"},{"id":"dbd4574f-7d3f-5480-afcb-74c6d12d5caa","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dbd4574f-7d3f-5480-afcb-74c6d12d5caa/attachment.md","path":"references/components/date-picker/demo/external-panel.md","size":5432,"sha256":"4df5111d3474739e72e77aa1a1eb53a5ae1e89b7b9d0b7da08c70e646a95fa23","contentType":"text/markdown; charset=utf-8"},{"id":"388b4957-216b-5937-847d-2f52400ed98d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/388b4957-216b-5937-847d-2f52400ed98d/attachment.md","path":"references/components/date-picker/demo/extra-footer.md","size":808,"sha256":"5660847bd5b52f586c5d5418666c3bde5df2ce08a3b72617adce8e9aa4ab62a2","contentType":"text/markdown; charset=utf-8"},{"id":"b469a1a4-7267-5e44-97b3-34a498fb6b40","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b469a1a4-7267-5e44-97b3-34a498fb6b40/attachment.md","path":"references/components/date-picker/demo/format.md","size":1956,"sha256":"aa88dcad8ae1691b6667400863677c786b76834db6cae028fcef8b0e21df8ec2","contentType":"text/markdown; charset=utf-8"},{"id":"fa7375b0-2ace-5c09-8674-2d374f4d8a01","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fa7375b0-2ace-5c09-8674-2d374f4d8a01/attachment.md","path":"references/components/date-picker/demo/mask.md","size":604,"sha256":"b1c1bb7bd22608bd7725b353f00233ecc11f4002202d59ce96c432c0b1001c29","contentType":"text/markdown; charset=utf-8"},{"id":"7c16be62-f5fc-5beb-bb61-9b9a7e7d17b8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7c16be62-f5fc-5beb-bb61-9b9a7e7d17b8/attachment.md","path":"references/components/date-picker/demo/multiple.md","size":1223,"sha256":"0ea99752597c7757be60a2866219be0300284bb343876801a6a5081225059253","contentType":"text/markdown; charset=utf-8"},{"id":"b1bf5134-564c-5bbe-b546-b0dc4ea6e39e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b1bf5134-564c-5bbe-b546-b0dc4ea6e39e/attachment.md","path":"references/components/date-picker/demo/needConfirm.md","size":769,"sha256":"8ee71816e6b4a916d0fbee7e77d35f0f0a529378ff98da800dd213ee18f013f5","contentType":"text/markdown; charset=utf-8"},{"id":"65244b4a-bf6f-5c8d-b32b-93764eb95429","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/65244b4a-bf6f-5c8d-b32b-93764eb95429/attachment.md","path":"references/components/date-picker/demo/placement.md","size":912,"sha256":"79b018622bf9cae550ef8b7575f4963f73cd8e9099bb6dc218aba51062c49aaa","contentType":"text/markdown; charset=utf-8"},{"id":"4885306a-c129-5b52-ba07-e5ac7a5e93eb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4885306a-c129-5b52-ba07-e5ac7a5e93eb/attachment.md","path":"references/components/date-picker/demo/preset-ranges.md","size":1839,"sha256":"6b838c7872cb30e805e04aff334f15963c45dd964437f596e8630c26182464ce","contentType":"text/markdown; charset=utf-8"},{"id":"8a69506f-75cf-56df-9f10-528d798f6a81","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8a69506f-75cf-56df-9f10-528d798f6a81/attachment.md","path":"references/components/date-picker/demo/range-picker.md","size":940,"sha256":"2e87cb5c4aa301154e9bdfb59bc010412e92c24d0d835fa0d3653a9b4e6d0bcd","contentType":"text/markdown; charset=utf-8"},{"id":"f86b895f-d310-5199-a1bc-c6ed2edb9d46","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f86b895f-d310-5199-a1bc-c6ed2edb9d46/attachment.md","path":"references/components/date-picker/demo/select-in-range.md","size":1764,"sha256":"9114263f64894ed9c91b8a04e80444e296d4d4f4aa3cbad5e0c01616675a4127","contentType":"text/markdown; charset=utf-8"},{"id":"0450fa6f-98bf-5b14-9cba-1c0d9c813007","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0450fa6f-98bf-5b14-9cba-1c0d9c813007/attachment.md","path":"references/components/date-picker/demo/size.md","size":863,"sha256":"c4e34229c7c5d5494c8e03b4a86b8ffe64c6ff694bbde34522cee7780268ec66","contentType":"text/markdown; charset=utf-8"},{"id":"3c1dd78f-6e3b-5134-937e-4b2712e3e320","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3c1dd78f-6e3b-5134-937e-4b2712e3e320/attachment.md","path":"references/components/date-picker/demo/status.md","size":450,"sha256":"0209ae7f2eec194017f189f2df8f6cbb367961d81c21f604697b3aa49c609755","contentType":"text/markdown; charset=utf-8"},{"id":"2974d369-bc2f-58e3-b397-31f6ec737c43","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2974d369-bc2f-58e3-b397-31f6ec737c43/attachment.md","path":"references/components/date-picker/demo/style-class.md","size":1080,"sha256":"8b4da5ec527568c04247b24fb4e23aebd5729a0f89a0cf5b7599e9fc2495d951","contentType":"text/markdown; charset=utf-8"},{"id":"e5ed0dff-7ee0-54cc-bc3c-9a30d7e8edef","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e5ed0dff-7ee0-54cc-bc3c-9a30d7e8edef/attachment.md","path":"references/components/date-picker/demo/suffix.md","size":1397,"sha256":"94cf50878a89b61e89178886c41c12a9fa02c2d27aa3c07be2c125d892f4795b","contentType":"text/markdown; charset=utf-8"},{"id":"bc70c221-416d-564f-be2c-fd1f6b68d828","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bc70c221-416d-564f-be2c-fd1f6b68d828/attachment.md","path":"references/components/date-picker/demo/switchable.md","size":948,"sha256":"78798b4f5152af4d28ab9738537de206718911143befcc4e92e90e2981c46462","contentType":"text/markdown; charset=utf-8"},{"id":"06b5d438-5403-594f-a69c-a3d6b52487a8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/06b5d438-5403-594f-a69c-a3d6b52487a8/attachment.md","path":"references/components/date-picker/demo/time.md","size":760,"sha256":"681cc578d96919ff8a610e24d3f928ea0aed0c5c71c1a56dd24db42d396375bd","contentType":"text/markdown; charset=utf-8"},{"id":"fb4dfba0-e81d-507d-818c-ffd592132461","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fb4dfba0-e81d-507d-818c-ffd592132461/attachment.md","path":"references/components/date-picker/demo/value-format.md","size":969,"sha256":"16f31393b4719ef171391d5c24543b72f60fc59c2a401740cac7080af2208537","contentType":"text/markdown; charset=utf-8"},{"id":"7eb9557c-6a79-5486-be59-542a1eb5a148","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7eb9557c-6a79-5486-be59-542a1eb5a148/attachment.md","path":"references/components/date-picker/demo/variant.md","size":980,"sha256":"f70b327a7d3e914216d057eb6b095b0e793b3e5503faa23d08106ab8bfc3d10e","contentType":"text/markdown; charset=utf-8"},{"id":"0ce3970f-19b8-5ac8-9f82-29bb593e1f02","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0ce3970f-19b8-5ac8-9f82-29bb593e1f02/attachment.md","path":"references/components/date-picker/docs.md","size":17571,"sha256":"ac539426c1197432adbf86dbf416407d5a43722f646997dba26706f7fb625b5a","contentType":"text/markdown; charset=utf-8"},{"id":"342c1401-1e74-5d6c-b2ad-3ce66e092f13","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/342c1401-1e74-5d6c-b2ad-3ce66e092f13/attachment.md","path":"references/components/date-picker/token.md","size":3058,"sha256":"065039f7f1838386a0203484c6af115f55a35ba0b44c079c9bf294deaae437c2","contentType":"text/markdown; charset=utf-8"},{"id":"4c2abdf6-15b4-556a-9434-e288c6a5c004","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4c2abdf6-15b4-556a-9434-e288c6a5c004/attachment.md","path":"references/components/descriptions/demo/_semantic.md","size":1443,"sha256":"c851b78da530a6ca184e87759cb2a25b13c6075789165007086f3043bfd94ab9","contentType":"text/markdown; charset=utf-8"},{"id":"acaf57d7-6c84-5adf-9e25-8172ca7bfa1a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/acaf57d7-6c84-5adf-9e25-8172ca7bfa1a/attachment.md","path":"references/components/descriptions/demo/basic.md","size":618,"sha256":"220a73586956ed4c7e108df4d3dd2b79a9b9b5f68e30da9fd7816de835dd8005","contentType":"text/markdown; charset=utf-8"},{"id":"f57a2505-c5aa-5f5d-8e40-71c4a15c49dd","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f57a2505-c5aa-5f5d-8e40-71c4a15c49dd/attachment.md","path":"references/components/descriptions/demo/block.md","size":727,"sha256":"1e37223a0ac712a03f486a1e10a1c3801a90d32f3ff93ea2545b434b43358a9d","contentType":"text/markdown; charset=utf-8"},{"id":"50ef8b20-576c-5c93-822a-491ec4503a5b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/50ef8b20-576c-5c93-822a-491ec4503a5b/attachment.md","path":"references/components/descriptions/demo/border.md","size":1492,"sha256":"8e80e47eacc701ed4450228a56dde76c39b78ae08d5e28cf8f189984ad6d36e2","contentType":"text/markdown; charset=utf-8"},{"id":"31dce73d-f8c1-5dd8-9f6f-f5db70c7f4f5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/31dce73d-f8c1-5dd8-9f6f-f5db70c7f4f5/attachment.md","path":"references/components/descriptions/demo/responsive.md","size":1425,"sha256":"b41cd1e943849c3e8abb447536dffc85eba69df10a9574c04230cb6023b1a994","contentType":"text/markdown; charset=utf-8"},{"id":"34ae75df-004c-5caa-af8c-632d5464baa1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/34ae75df-004c-5caa-af8c-632d5464baa1/attachment.md","path":"references/components/descriptions/demo/sfc.md","size":1422,"sha256":"aa01fcb87e70a1d3ad2c345ebc1e78be9eb0e98fd12c5b03f4e320f280a5617c","contentType":"text/markdown; charset=utf-8"},{"id":"4d858708-7bed-5f65-8b99-15317274a88d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4d858708-7bed-5f65-8b99-15317274a88d/attachment.md","path":"references/components/descriptions/demo/size.md","size":2491,"sha256":"54e83b4d667175f8023d684d88913244f6d9937b16802867575229c4af132a16","contentType":"text/markdown; charset=utf-8"},{"id":"6b4a3f88-1c2d-59cc-af3e-cbbd68d39eef","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6b4a3f88-1c2d-59cc-af3e-cbbd68d39eef/attachment.md","path":"references/components/descriptions/demo/style-class.md","size":1319,"sha256":"da9e36d6130fc533714cc2ae29c7cc2f8670ac93954df0d7a433f371249426c4","contentType":"text/markdown; charset=utf-8"},{"id":"9aa95a11-8ce3-5a17-a980-5d1fca881ae4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9aa95a11-8ce3-5a17-a980-5d1fca881ae4/attachment.md","path":"references/components/descriptions/demo/vertical-border.md","size":1519,"sha256":"320702440b926395a02c79ae4259326a977ff49bf7e17c252f38d30182f0a55b","contentType":"text/markdown; charset=utf-8"},{"id":"920036ed-3970-5159-ab65-baed6c40ee28","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/920036ed-3970-5159-ab65-baed6c40ee28/attachment.md","path":"references/components/descriptions/demo/vertical.md","size":652,"sha256":"1efaa11b040c88d30d01d96e6a42732d4f23611148053639668b0c7c8fe6830d","contentType":"text/markdown; charset=utf-8"},{"id":"ba572ff4-cae5-5689-b986-09f0152a9873","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ba572ff4-cae5-5689-b986-09f0152a9873/attachment.md","path":"references/components/descriptions/docs.md","size":2452,"sha256":"0ddc77ae0ce2b86ed681c894a40f1a63791e019561e076552baa11d55ca0ece1","contentType":"text/markdown; charset=utf-8"},{"id":"8faa09a0-9351-5b0d-b3d3-51bfc94e83d3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8faa09a0-9351-5b0d-b3d3-51bfc94e83d3/attachment.md","path":"references/components/descriptions/token.md","size":984,"sha256":"3e9ccba4bfabee19aff42f37be2ad4a8e1762ac2bc12eb94cf6d68883d747a5b","contentType":"text/markdown; charset=utf-8"},{"id":"130d0b76-83d7-54c2-ba4b-ec7fa11b9ee4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/130d0b76-83d7-54c2-ba4b-ec7fa11b9ee4/attachment.md","path":"references/components/divider/demo/_semantic.md","size":2042,"sha256":"430d0f0a338ce707894a39157c45c86486610d290d1cdaa7baf3c048037afbe3","contentType":"text/markdown; charset=utf-8"},{"id":"3264bb97-e32a-587b-8e58-bd687292b156","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3264bb97-e32a-587b-8e58-bd687292b156/attachment.md","path":"references/components/divider/demo/customize-style.md","size":743,"sha256":"5b91cdaeef131a07835c96822b4aef7ade669a4388ededf92055516d55a535ad","contentType":"text/markdown; charset=utf-8"},{"id":"421c13b0-4200-5ff4-9a74-1bef5f04485b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/421c13b0-4200-5ff4-9a74-1bef5f04485b/attachment.md","path":"references/components/divider/demo/horizontal.md","size":703,"sha256":"0127e024c0a86f34a5b8937992c7933055d595f0a3c29239d554ee29e46962fd","contentType":"text/markdown; charset=utf-8"},{"id":"67d49cc7-d092-56b0-a0cb-afb0caa1915f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/67d49cc7-d092-56b0-a0cb-afb0caa1915f/attachment.md","path":"references/components/divider/demo/plain.md","size":1031,"sha256":"ddf6d5ef757f1b2d8ca74f307d63589f6348b55637afb390189b1751d8a4fb0d","contentType":"text/markdown; charset=utf-8"},{"id":"8f0a052e-200a-5d87-a04b-f54214aa3d74","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8f0a052e-200a-5d87-a04b-f54214aa3d74/attachment.md","path":"references/components/divider/demo/size.md","size":954,"sha256":"638dc78bdf5ba6c2019afd3fd2136a5b088907b8052655db6694e437bd9dbbdb","contentType":"text/markdown; charset=utf-8"},{"id":"024c8b31-8624-5062-870d-8d05b4baf13f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/024c8b31-8624-5062-870d-8d05b4baf13f/attachment.md","path":"references/components/divider/demo/style-calss.md","size":1329,"sha256":"3aa698d9ad06d98a0cc6fbc0172d9c7921679ad2fc695ce3f4f86f5de7ba4282","contentType":"text/markdown; charset=utf-8"},{"id":"92bdcd7a-c1a9-538c-a47e-28eeb92da269","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/92bdcd7a-c1a9-538c-a47e-28eeb92da269/attachment.md","path":"references/components/divider/demo/variant.md","size":1107,"sha256":"a26ad3e9af9b85dce5d5dc1f3fe6b0dd5fbeebfc79789fe49658ce9bec0b13e7","contentType":"text/markdown; charset=utf-8"},{"id":"9fbbc40a-50ee-5db9-93f6-77c47a3b18c1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9fbbc40a-50ee-5db9-93f6-77c47a3b18c1/attachment.md","path":"references/components/divider/demo/vertical.md","size":260,"sha256":"e36a845eaf43e49c6f2fdd949030c6110beb7db0bb0893b44c228fdf448b6546","contentType":"text/markdown; charset=utf-8"},{"id":"56579a3b-bbd6-58fd-bd2a-0cc3fb9c1abc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/56579a3b-bbd6-58fd-bd2a-0cc3fb9c1abc/attachment.md","path":"references/components/divider/demo/with-text.md","size":1592,"sha256":"74267d4dfcefd37708e8c158d153785ea4750b02a0a7952b50fd0245c2af898e","contentType":"text/markdown; charset=utf-8"},{"id":"5f05c921-17f2-5c98-a549-1301c28611db","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5f05c921-17f2-5c98-a549-1301c28611db/attachment.md","path":"references/components/divider/docs.md","size":1446,"sha256":"d36587240d39eed1c6f1d2bcc94d0edce16839b326e4f8f5f066f8093672f66a","contentType":"text/markdown; charset=utf-8"},{"id":"270bb4be-842c-5e66-8856-06e5c58659b4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/270bb4be-842c-5e66-8856-06e5c58659b4/attachment.md","path":"references/components/divider/token.md","size":699,"sha256":"61a40162f0d45bad6efcbe75215828537b4fdfdbdf1dfa07e31a3590c54e035a","contentType":"text/markdown; charset=utf-8"},{"id":"3559eb32-5670-59fd-ad50-f2e35d29313e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3559eb32-5670-59fd-ad50-f2e35d29313e/attachment.md","path":"references/components/drawer/demo/_semantic.md","size":1515,"sha256":"f423c3e3a6d8bb640a94e57a6d7852bf568a17436d3669f5128506621c5966df","contentType":"text/markdown; charset=utf-8"},{"id":"545f88d6-be27-5e5e-8a12-bdbb28da096e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/545f88d6-be27-5e5e-8a12-bdbb28da096e/attachment.md","path":"references/components/drawer/demo/basic-right.md","size":523,"sha256":"3d251bc9261ed61d0beae1e343d16884c0110b24738a91f1777e5eeb5c000c8c","contentType":"text/markdown; charset=utf-8"},{"id":"f047adf6-b565-5564-b2cc-1af8e5cb8850","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f047adf6-b565-5564-b2cc-1af8e5cb8850/attachment.md","path":"references/components/drawer/demo/closable-placement.md","size":707,"sha256":"0b726e1eb75d4f51cfa03171d92adb381c6d2b9c7c8f9da82a90b0a3b0b831a0","contentType":"text/markdown; charset=utf-8"},{"id":"89154b64-9852-555f-a918-f06351232e53","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/89154b64-9852-555f-a918-f06351232e53/attachment.md","path":"references/components/drawer/demo/extra.md","size":1368,"sha256":"2270a670a09a806f56e9611d5e36e650c3eebaad628ebfa62b52ed4aaf53b0d0","contentType":"text/markdown; charset=utf-8"},{"id":"80b10f61-ceb4-532b-9f97-54eb6ff140c6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/80b10f61-ceb4-532b-9f97-54eb6ff140c6/attachment.md","path":"references/components/drawer/demo/form-in-drawer.md","size":4508,"sha256":"597a3931cf370bf7d8ddaa4691198a177953b2594e40f6f9d4f11f9092457865","contentType":"text/markdown; charset=utf-8"},{"id":"c3edc3e4-375c-5497-8d18-b2b9e8c8bcb1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c3edc3e4-375c-5497-8d18-b2b9e8c8bcb1/attachment.md","path":"references/components/drawer/demo/loading.md","size":948,"sha256":"9ba9c1c1016dd4163e85c42bc5dd1e1b535c74e4bdd7363bcb3d602c4a888254","contentType":"text/markdown; charset=utf-8"},{"id":"942fea6c-9968-5dcb-bbd7-7af7580df760","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/942fea6c-9968-5dcb-bbd7-7af7580df760/attachment.md","path":"references/components/drawer/demo/mask.md","size":1159,"sha256":"ccab6b5ff8e2b5fd33c19a8c5e3b2b90c0c512637fb7b5247eb67c0c1837a698","contentType":"text/markdown; charset=utf-8"},{"id":"d5689ace-fcdf-5137-a3f6-c34c5f6bbc63","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d5689ace-fcdf-5137-a3f6-c34c5f6bbc63/attachment.md","path":"references/components/drawer/demo/multi-level-drawer.md","size":1069,"sha256":"647d636793d4ec7059a92f3c35af6094be8bedc1727e1b9877fc68334bf306c1","contentType":"text/markdown; charset=utf-8"},{"id":"dac49281-a2cd-5242-9fcb-ce0ffd901703","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dac49281-a2cd-5242-9fcb-ce0ffd901703/attachment.md","path":"references/components/drawer/demo/placement.md","size":1085,"sha256":"0e622646446d73e7dded5679624b45c073467e0c9a131d637086f67d7e3ad28b","contentType":"text/markdown; charset=utf-8"},{"id":"52437884-22f0-5ac4-8267-a96c10a8c11f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/52437884-22f0-5ac4-8267-a96c10a8c11f/attachment.md","path":"references/components/drawer/demo/render-in-current.md","size":1382,"sha256":"fb9a38aec71ece59257736b5015591f816c3bcb9a742d2c8ac02ad6c1641cec9","contentType":"text/markdown; charset=utf-8"},{"id":"bbe54f44-d790-5756-9679-46482b0f2715","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bbe54f44-d790-5756-9679-46482b0f2715/attachment.md","path":"references/components/drawer/demo/resizable.md","size":1324,"sha256":"08eaad6cd77948d7164858bda128758e12c9355c4d6d0e8c774e5a7a84a97cb4","contentType":"text/markdown; charset=utf-8"},{"id":"5fc449f4-6f7d-514e-8ae4-dc94359e004b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5fc449f4-6f7d-514e-8ae4-dc94359e004b/attachment.md","path":"references/components/drawer/demo/size.md","size":1268,"sha256":"cac23303bb555ed9c7080e444b27b5c2ad23e30e12f0226242b9ece644bfcb2d","contentType":"text/markdown; charset=utf-8"},{"id":"8d4ce093-cb31-585c-872d-d8a3f238aa0e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8d4ce093-cb31-585c-872d-d8a3f238aa0e/attachment.md","path":"references/components/drawer/demo/style-class.md","size":1739,"sha256":"80671b9b5fa6aca67371d36b64755217d3dd24f7f1910e6b9e2b024a430f7767","contentType":"text/markdown; charset=utf-8"},{"id":"8c91f44c-249a-571d-8d07-af914cca0ae7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8c91f44c-249a-571d-8d07-af914cca0ae7/attachment.md","path":"references/components/drawer/demo/user-profile.md","size":5397,"sha256":"9721c90d180b8d8fdce058dd2a88247bc3a9f524951e27f92f4e2aed2ca6de82","contentType":"text/markdown; charset=utf-8"},{"id":"d74400d2-a508-53d4-84e6-f72db319f2be","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d74400d2-a508-53d4-84e6-f72db319f2be/attachment.md","path":"references/components/drawer/docs.md","size":5091,"sha256":"59bf807cccfab93f8cd17f745601d3daa18b1c85df49e23fffd38fda151cc0c3","contentType":"text/markdown; charset=utf-8"},{"id":"4c4790a0-6096-544e-8a4c-dfd6cc14865a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4c4790a0-6096-544e-8a4c-dfd6cc14865a/attachment.md","path":"references/components/drawer/token.md","size":651,"sha256":"8528245ec24dda360057c049cf744d05a680df1f638b9f01d0e3a0aca910af29","contentType":"text/markdown; charset=utf-8"},{"id":"139830d9-06a0-59ec-a5a7-463f2d8b8d02","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/139830d9-06a0-59ec-a5a7-463f2d8b8d02/attachment.md","path":"references/components/dropdown/demo/_semantic.md","size":1995,"sha256":"6e3b0535143fa3ea5f27e6f55cfec4d845e2b4cf6a90d23c72134915120b03b9","contentType":"text/markdown; charset=utf-8"},{"id":"bd2863ae-8a05-5ef2-8b36-ad81ef67c1eb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bd2863ae-8a05-5ef2-8b36-ad81ef67c1eb/attachment.md","path":"references/components/dropdown/demo/arrow-center.md","size":3489,"sha256":"7251d00b394359d2e708a5d8c8f276f6c76fdaa4aef483b517c54f22d23ed40f","contentType":"text/markdown; charset=utf-8"},{"id":"f2088c1c-6897-566e-8091-b90b3a90e634","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f2088c1c-6897-566e-8091-b90b3a90e634/attachment.md","path":"references/components/dropdown/demo/arrow.md","size":3234,"sha256":"8ccdd113c9bed643b94a00eb54115193f8915a5bf338494788e293c88cf76cac","contentType":"text/markdown; charset=utf-8"},{"id":"d174e1dc-4779-5e6a-8ecd-a440edd29889","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d174e1dc-4779-5e6a-8ecd-a440edd29889/attachment.md","path":"references/components/dropdown/demo/basic.md","size":1173,"sha256":"158e59f217da96d2e098df548b68acc7d57077570eddf8ff1d95850168a20703","contentType":"text/markdown; charset=utf-8"},{"id":"f23544be-8ea4-5ef4-8bc1-9ab2e0e9ee5c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f23544be-8ea4-5ef4-8bc1-9ab2e0e9ee5c/attachment.md","path":"references/components/dropdown/demo/context-menu.md","size":881,"sha256":"dd93d8aa4b0a5f5ad309dcd44f61b73c8f7faada1974946494a5fd9c0f8fcda7","contentType":"text/markdown; charset=utf-8"},{"id":"dd44535e-98b5-525d-b5cf-5b1ca640ed49","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dd44535e-98b5-525d-b5cf-5b1ca640ed49/attachment.md","path":"references/components/dropdown/demo/custom-dropdown.md","size":1819,"sha256":"a65f0236747527eed554409b57e91a2e6e38b5bea9789f5faa0f4b86a0169220","contentType":"text/markdown; charset=utf-8"},{"id":"bcf44655-9e64-51e3-a3dc-f0f07296caa2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bcf44655-9e64-51e3-a3dc-f0f07296caa2/attachment.md","path":"references/components/dropdown/demo/dropdown-button.md","size":3087,"sha256":"79471436973c4d5893666070b6845bf4faadae53decc915fb27f9960cbec4e98","contentType":"text/markdown; charset=utf-8"},{"id":"868bd10c-b162-5f58-8702-324b379bdb0c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/868bd10c-b162-5f58-8702-324b379bdb0c/attachment.md","path":"references/components/dropdown/demo/event.md","size":915,"sha256":"572a53423beca32abfcd6cef18e13fa769c2dfa775eb5daed152aeacc90a3941","contentType":"text/markdown; charset=utf-8"},{"id":"f5cd69a5-1172-5579-9adf-5edfe160df5d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f5cd69a5-1172-5579-9adf-5edfe160df5d/attachment.md","path":"references/components/dropdown/demo/extra.md","size":775,"sha256":"d43119f6ee704efe0494d87341a77f6e60455196b4cc5e6b6309453f866e92b2","contentType":"text/markdown; charset=utf-8"},{"id":"c997a865-3a25-5209-9507-30dfc41e5dba","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c997a865-3a25-5209-9507-30dfc41e5dba/attachment.md","path":"references/components/dropdown/demo/item.md","size":1030,"sha256":"444b1047714192a4e350217f245333ed72ed6176995e0ab57b2a3ca8373d04a2","contentType":"text/markdown; charset=utf-8"},{"id":"4ea6ab82-2e73-59fc-8f9d-69dd1180a5a6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4ea6ab82-2e73-59fc-8f9d-69dd1180a5a6/attachment.md","path":"references/components/dropdown/demo/loading.md","size":2107,"sha256":"3bc4de7600693faf2d004a5b8dfc0f33bb6fec3d281cfe94c1c5eaf914b49015","contentType":"text/markdown; charset=utf-8"},{"id":"4a3ae390-054c-5a7c-a992-8f80c6ad5a3c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4a3ae390-054c-5a7c-a992-8f80c6ad5a3c/attachment.md","path":"references/components/dropdown/demo/overlay-open.md","size":1145,"sha256":"7883aa572c8b611d519e61ac8faeacf66f6dfee26d11dbbc0b0db1948ba276cd","contentType":"text/markdown; charset=utf-8"},{"id":"601dc003-bd7b-538b-9855-63c92d3fc080","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/601dc003-bd7b-538b-9855-63c92d3fc080/attachment.md","path":"references/components/dropdown/demo/placement.md","size":3196,"sha256":"e49c1c1aab886ec33f78c59739949d49efca9946e688e15336f1acc1619251b1","contentType":"text/markdown; charset=utf-8"},{"id":"b8cb3106-af6c-5be9-b130-54cc567bff33","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b8cb3106-af6c-5be9-b130-54cc567bff33/attachment.md","path":"references/components/dropdown/demo/selectable.md","size":715,"sha256":"bce00d66bb9d87aa8cda5c4778050457df14a0207e0b4650a79cf915812d60e4","contentType":"text/markdown; charset=utf-8"},{"id":"21601ebc-9f5c-56cd-9f7a-147f5e697474","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/21601ebc-9f5c-56cd-9f7a-147f5e697474/attachment.md","path":"references/components/dropdown/demo/style-class.md","size":2218,"sha256":"3850472549569372dc42a0b4253640099b4482fb3242da188e476a60933d8bb9","contentType":"text/markdown; charset=utf-8"},{"id":"390d345e-f57c-58f8-9b09-a7d58a7d6a5f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/390d345e-f57c-58f8-9b09-a7d58a7d6a5f/attachment.md","path":"references/components/dropdown/demo/sub-menu.md","size":1118,"sha256":"a62f42ada7c1639dc556091f99427150d378e466549e08a9a30f250afc45cfc2","contentType":"text/markdown; charset=utf-8"},{"id":"be7d7c24-db8f-5969-b9b1-1d5a4840d4e1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/be7d7c24-db8f-5969-b9b1-1d5a4840d4e1/attachment.md","path":"references/components/dropdown/demo/trigger.md","size":1053,"sha256":"6295a3621569731dbb22fb6b0b7abe56597f1180fc89d9b6b44fea7f31002a45","contentType":"text/markdown; charset=utf-8"},{"id":"5163e524-7680-5c02-b184-bbf4c24ebd2e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5163e524-7680-5c02-b184-bbf4c24ebd2e/attachment.md","path":"references/components/dropdown/docs.md","size":4530,"sha256":"ddc97cb23f78e098d31aef1c56951f5d6aba9e398f14e9a5d8fc5fa00932edcc","contentType":"text/markdown; charset=utf-8"},{"id":"1cfdd520-036c-5fea-b918-d2c00ae9a1f0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1cfdd520-036c-5fea-b918-d2c00ae9a1f0/attachment.md","path":"references/components/dropdown/token.md","size":541,"sha256":"2b0f3a9f1b19573220a4fc998f79b6d51418dd9f288e5d2205a503557329782d","contentType":"text/markdown; charset=utf-8"},{"id":"c117e85c-aec8-54c1-9b88-52d827abd490","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c117e85c-aec8-54c1-9b88-52d827abd490/attachment.md","path":"references/components/empty/demo/_semantic.md","size":1129,"sha256":"e5f0e59681ef3e2af1067534404e77dffa88906f83ea9a54e8acda4fb3e8c6f5","contentType":"text/markdown; charset=utf-8"},{"id":"8d3f57b6-49b1-587e-982f-fbe6525294cd","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8d3f57b6-49b1-587e-982f-fbe6525294cd/attachment.md","path":"references/components/empty/demo/basic.md","size":112,"sha256":"2d3adaabbc20360379ef875c9d7b0346fcf25bd535ed47f8b8734da64f499b7a","contentType":"text/markdown; charset=utf-8"},{"id":"9761c8be-548a-5f46-b238-7c216973d5b1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9761c8be-548a-5f46-b238-7c216973d5b1/attachment.md","path":"references/components/empty/demo/config-provider.md","size":1683,"sha256":"f7ab0920a4781bcd5acdd75e924fd5ede96e645e8407d02c1b2f788ecfc97ede","contentType":"text/markdown; charset=utf-8"},{"id":"eb9bd0e0-047c-5bc3-96ff-472e1c6e9308","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/eb9bd0e0-047c-5bc3-96ff-472e1c6e9308/attachment.md","path":"references/components/empty/demo/customize.md","size":426,"sha256":"4bc900209ffefe34e5ac57fc119da470993e9a19e948049ded8eb67ecdb74e70","contentType":"text/markdown; charset=utf-8"},{"id":"31e62bf9-2a0b-5ddf-b54a-8e973b8dd804","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/31e62bf9-2a0b-5ddf-b54a-8e973b8dd804/attachment.md","path":"references/components/empty/demo/description.md","size":149,"sha256":"760397b65e2d5476ea69eec05f7b0abfd31433c1318a6fade1d6538b1dbffc0c","contentType":"text/markdown; charset=utf-8"},{"id":"01ba81e8-b2a3-5500-87c9-e83e57f4a393","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/01ba81e8-b2a3-5500-87c9-e83e57f4a393/attachment.md","path":"references/components/empty/demo/simple.md","size":232,"sha256":"d82ca55ec4cc41335a67e6672a22432780f1b198596a1251f8cff9f265e15376","contentType":"text/markdown; charset=utf-8"},{"id":"da7fcdff-df79-5404-9b47-9d2cfb06c327","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/da7fcdff-df79-5404-9b47-9d2cfb06c327/attachment.md","path":"references/components/empty/demo/style-class.md","size":781,"sha256":"b9e7cced9eb7cfc0686fe26af049d9d73b3512ffe4a0e3085111e6f1f1848d4c","contentType":"text/markdown; charset=utf-8"},{"id":"7983bb4d-24d0-5516-af76-f8060360a89a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7983bb4d-24d0-5516-af76-f8060360a89a/attachment.md","path":"references/components/empty/docs.md","size":2291,"sha256":"d9d6ee1d26c71baaae98853467f74ca19217798dbf5c7356e201265ea43c2005","contentType":"text/markdown; charset=utf-8"},{"id":"cf936dad-1772-5c4b-9ce4-62839e3866f8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/cf936dad-1772-5c4b-9ce4-62839e3866f8/attachment.md","path":"references/components/flex/demo/align.md","size":1191,"sha256":"16e8d62f1625e237db10338cc384c3a88fc9f16d8d7cacf0d9ec565e32a009df","contentType":"text/markdown; charset=utf-8"},{"id":"78711d58-1317-54fa-88f3-b4db6fc4e3b3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/78711d58-1317-54fa-88f3-b4db6fc4e3b3/attachment.md","path":"references/components/flex/demo/basic.md","size":783,"sha256":"58e85d51491a4716faf31b2f7eca9733df1040e6db8ce12d95609826f4e271bd","contentType":"text/markdown; charset=utf-8"},{"id":"7c09531a-affa-55d1-86d8-aa30cffef2a8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7c09531a-affa-55d1-86d8-aa30cffef2a8/attachment.md","path":"references/components/flex/demo/combination.md","size":1070,"sha256":"8dd6b3151c8b5c39b5a63edea8ffdd3489dcbb342d55efe4e9fec350dfc65fe5","contentType":"text/markdown; charset=utf-8"},{"id":"fe8a3587-6010-5a72-bd15-d24e2708fe64","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fe8a3587-6010-5a72-bd15-d24e2708fe64/attachment.md","path":"references/components/flex/demo/gap.md","size":1200,"sha256":"c4d756103a338fe9ce2effb4165b765a539a4ace1035baf55a9d28123119b66a","contentType":"text/markdown; charset=utf-8"},{"id":"a0a1682f-75c4-5883-943f-b675f2b419e2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a0a1682f-75c4-5883-943f-b675f2b419e2/attachment.md","path":"references/components/flex/demo/wrap.md","size":242,"sha256":"2b499e27c3c15e9d694c91231fa4fa33aacabc0aa380b5d1e04e5fda9b5dbbef","contentType":"text/markdown; charset=utf-8"},{"id":"92031ba5-eb6e-5a4e-ad51-d9bb600dd63e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/92031ba5-eb6e-5a4e-ad51-d9bb600dd63e/attachment.md","path":"references/components/flex/docs.md","size":1734,"sha256":"d92ba1daaef5a48f06c785cc954f89f9f0964560cf648cc2e200e0a00e0aad9a","contentType":"text/markdown; charset=utf-8"},{"id":"81cb9ce2-6f42-59cc-8ac6-ee4484e298dc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/81cb9ce2-6f42-59cc-8ac6-ee4484e298dc/attachment.md","path":"references/components/float-button/demo/_semantic.md","size":1038,"sha256":"5bbaf80e17280e708841531143c5f2d8345e3c06c981fef83422c39a447e0753","contentType":"text/markdown; charset=utf-8"},{"id":"c97281cf-29d5-54e7-8a1a-77e32d4f5d5b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c97281cf-29d5-54e7-8a1a-77e32d4f5d5b/attachment.md","path":"references/components/float-button/demo/_semantic_group.md","size":1548,"sha256":"4a80efc3e78c34378301cc6190870ef955655ea723e77e936fa311a82ade2b42","contentType":"text/markdown; charset=utf-8"},{"id":"24399080-c377-5205-b600-940c6910723b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/24399080-c377-5205-b600-940c6910723b/attachment.md","path":"references/components/float-button/demo/back-top.md","size":429,"sha256":"8e5caefa8aed74d53a232e7c79aa17c50183cbabdef66829e26117e6e6c73146","contentType":"text/markdown; charset=utf-8"},{"id":"32a54e03-1935-5c18-b992-c0957e047656","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/32a54e03-1935-5c18-b992-c0957e047656/attachment.md","path":"references/components/float-button/demo/badge.md","size":978,"sha256":"f632f7d6cb5755f16591d063337ca07272c81b95f7313b9b8742520d2ffe771a","contentType":"text/markdown; charset=utf-8"},{"id":"2564a0e8-04f2-54a0-8943-6a24cafae21c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2564a0e8-04f2-54a0-8943-6a24cafae21c/attachment.md","path":"references/components/float-button/demo/basic.md","size":160,"sha256":"dda440b9364a87184b36d40dd557a7516393b7f8c345bd9d2d7b4a3dcb3d76ba","contentType":"text/markdown; charset=utf-8"},{"id":"06472676-df5b-51f8-b2a5-6ccdd93d42a6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/06472676-df5b-51f8-b2a5-6ccdd93d42a6/attachment.md","path":"references/components/float-button/demo/content.md","size":827,"sha256":"bcdaadf4ab4f0dddb33b3ec47d1603de3d508f020041eac4dd00f8345ce29da3","contentType":"text/markdown; charset=utf-8"},{"id":"170a80b3-7968-5c58-8b30-a9c6e1a3f7ca","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/170a80b3-7968-5c58-8b30-a9c6e1a3f7ca/attachment.md","path":"references/components/float-button/demo/controlled.md","size":1143,"sha256":"23e00f86e91f1321a6b35172ff53f96378929581eee71a311be88aa094105a9b","contentType":"text/markdown; charset=utf-8"},{"id":"5c009bae-890a-5180-bdf7-efe99636003e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5c009bae-890a-5180-bdf7-efe99636003e/attachment.md","path":"references/components/float-button/demo/group-menu.md","size":976,"sha256":"5c034e7760f4d6ee07b6f3c903c07332540c110936b2e270728738efe2ad4de0","contentType":"text/markdown; charset=utf-8"},{"id":"3dc85ce0-d9d4-5e4a-b35b-2c1b6f20a56a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3dc85ce0-d9d4-5e4a-b35b-2c1b6f20a56a/attachment.md","path":"references/components/float-button/demo/group.md","size":1145,"sha256":"102b91197759fc1eb0bee06067402745a32b05fa083e62a6c3211dbffca93c8b","contentType":"text/markdown; charset=utf-8"},{"id":"d1697c5e-23d9-5fb3-ad2a-904e73cabbe4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d1697c5e-23d9-5fb3-ad2a-904e73cabbe4/attachment.md","path":"references/components/float-button/demo/placement.md","size":1795,"sha256":"d6dcc0afdaac0da5eb3b129690dc64992c0a9d2bf04b7b9a675bc826e7b5e951","contentType":"text/markdown; charset=utf-8"},{"id":"e734b569-970c-5e06-abc0-46f17dcd3b1d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e734b569-970c-5e06-abc0-46f17dcd3b1d/attachment.md","path":"references/components/float-button/demo/shape.md","size":580,"sha256":"14e1645ce1777ae6d737bcf15391a4591a926d74bce40da32053d95a9472b493","contentType":"text/markdown; charset=utf-8"},{"id":"5322630c-4128-5fc0-ac2d-a77606302f1e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5322630c-4128-5fc0-ac2d-a77606302f1e/attachment.md","path":"references/components/float-button/demo/style-class.md","size":1649,"sha256":"52619782a432123bd958674170e258d6e0832fa2aa33bcdd3455ba912f99cc77","contentType":"text/markdown; charset=utf-8"},{"id":"1ec9755c-6c63-5ba5-a565-b412b821564d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1ec9755c-6c63-5ba5-a565-b412b821564d/attachment.md","path":"references/components/float-button/demo/tooltip.md","size":430,"sha256":"ea5c515aa66e5038241a270d5fd1c7f854f506f17c67d07846f8f3b159f2e0fe","contentType":"text/markdown; charset=utf-8"},{"id":"86371530-2de0-524a-b858-e01274aa30c9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/86371530-2de0-524a-b858-e01274aa30c9/attachment.md","path":"references/components/float-button/demo/type.md","size":546,"sha256":"73194c64b1142695bce33d48e82979394b902e579373801e58dd2729358515ea","contentType":"text/markdown; charset=utf-8"},{"id":"3e9094bc-ebec-58a3-b600-54e2989aef19","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3e9094bc-ebec-58a3-b600-54e2989aef19/attachment.md","path":"references/components/float-button/docs.md","size":4789,"sha256":"e102617244144b46c6e753f86b1324ddbc5bb0eeab1998b0621b56e73f058acc","contentType":"text/markdown; charset=utf-8"},{"id":"3ce6bb7a-7ed6-5f70-8b1f-c079d1c03695","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3ce6bb7a-7ed6-5f70-8b1f-c079d1c03695/attachment.md","path":"references/components/form/demo/_semantic.md","size":2052,"sha256":"5a2156f70a1d79e0f23cc48e268d03d8a7096aad2073f045e0c1113b6cd56f74","contentType":"text/markdown; charset=utf-8"},{"id":"d0c44de1-123d-52c6-9e2b-051d6f4c4749","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d0c44de1-123d-52c6-9e2b-051d6f4c4749/attachment.md","path":"references/components/form/demo/advanced-search.md","size":2467,"sha256":"ff4e4fb2c02f8f2ccf5883671c204b53eea738199e73314c383aba19bb93873f","contentType":"text/markdown; charset=utf-8"},{"id":"daf52589-d0db-5c52-a240-d7af7a76f422","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/daf52589-d0db-5c52-a240-d7af7a76f422/attachment.md","path":"references/components/form/demo/basic.md","size":1438,"sha256":"9bf56a501d14100d0e7b8deee347dc095b5a071d4ba152ea9a7abf443ac3c62c","contentType":"text/markdown; charset=utf-8"},{"id":"eba6027e-985b-56b7-9eb0-bb1696c78873","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/eba6027e-985b-56b7-9eb0-bb1696c78873/attachment.md","path":"references/components/form/demo/complex-form-control.md","size":2699,"sha256":"2762bbdaf942e7d9837bc9783dc5f728cd1c25824fdd4c4a0cf9b41f7051268b","contentType":"text/markdown; charset=utf-8"},{"id":"d2553885-f03d-5370-8f40-f092f149e198","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d2553885-f03d-5370-8f40-f092f149e198/attachment.md","path":"references/components/form/demo/control-hooks.md","size":2302,"sha256":"f81d0dcb4dac1c1bf270ec9a0a0db8505649300f7fc8cd84933079724609c77c","contentType":"text/markdown; charset=utf-8"},{"id":"d94943e4-1fdd-5068-9531-128430de87f0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d94943e4-1fdd-5068-9531-128430de87f0/attachment.md","path":"references/components/form/demo/customized-form-controls.md","size":2925,"sha256":"6f56568df388651b9dd2a823467a4c2a59a3a80a12c83999bdb5c418e15d55df","contentType":"text/markdown; charset=utf-8"},{"id":"7df0290a-183a-5c3f-906b-e6dc092254fd","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7df0290a-183a-5c3f-906b-e6dc092254fd/attachment.md","path":"references/components/form/demo/disabled.md","size":1738,"sha256":"262e74e38f582151a55f4daad2bfdc935004652d9beab3005b6a5eb0db4afdb0","contentType":"text/markdown; charset=utf-8"},{"id":"0d82e89d-4f73-5ed5-b3f8-4716e98e3ba2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0d82e89d-4f73-5ed5-b3f8-4716e98e3ba2/attachment.md","path":"references/components/form/demo/dynamic-form-item.md","size":2354,"sha256":"b2d1b9c4671a206541bc8abe62bb078a34d654d3a8bea18cf4cebaf917a458f5","contentType":"text/markdown; charset=utf-8"},{"id":"12d09407-2929-533c-a0f9-10bfadf1ae18","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/12d09407-2929-533c-a0f9-10bfadf1ae18/attachment.md","path":"references/components/form/demo/dynamic-form-items-complex.md","size":2704,"sha256":"cdd1e8c6666733004eab6d0526c9a9dc4ee9cc378c2df2bd92f7e0318aab24b6","contentType":"text/markdown; charset=utf-8"},{"id":"00ef0318-e2a7-5113-8685-8da8dc9a591c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/00ef0318-e2a7-5113-8685-8da8dc9a591c/attachment.md","path":"references/components/form/demo/dynamic-form-items.md","size":1708,"sha256":"6972b19899e267eaea03526b15ff2f5cbbf1e6299113d3e928acec4b27ee09b2","contentType":"text/markdown; charset=utf-8"},{"id":"e546a786-68ac-5d4d-9614-6396ebbbf147","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e546a786-68ac-5d4d-9614-6396ebbbf147/attachment.md","path":"references/components/form/demo/dynamic-rule.md","size":1780,"sha256":"07e1a306bb4b4a1b29be2a73cd2087ba5d8c8a2a1ad76a8ac318703a7d32bd09","contentType":"text/markdown; charset=utf-8"},{"id":"fcc88de6-4baf-57b1-a87d-a5d427879343","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fcc88de6-4baf-57b1-a87d-a5d427879343/attachment.md","path":"references/components/form/demo/form-context.md","size":2662,"sha256":"ba74111725862c555959ac7324707e61bfb34a077558bf0f220e717c078b9a51","contentType":"text/markdown; charset=utf-8"},{"id":"0c093ee7-4eff-5a05-a0ed-6037673f98cd","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0c093ee7-4eff-5a05-a0ed-6037673f98cd/attachment.md","path":"references/components/form/demo/form-dependencies.md","size":1533,"sha256":"a6bae3e04e264dea39a5d1fb9f06f9a8874b56abd2288f8c8a5ab203d8889731","contentType":"text/markdown; charset=utf-8"},{"id":"6bde41cf-673c-5138-b005-b8fba1b8a36b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6bde41cf-673c-5138-b005-b8fba1b8a36b/attachment.md","path":"references/components/form/demo/form-in-modal.md","size":2001,"sha256":"2839f9c07fac696942d5bb9d0b507fd887181c79fbff29bc70fa48abb2169922","contentType":"text/markdown; charset=utf-8"},{"id":"fd952f18-250f-51fe-9bf8-4c5d8d02d462","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fd952f18-250f-51fe-9bf8-4c5d8d02d462/attachment.md","path":"references/components/form/demo/form-item-path.md","size":1219,"sha256":"d951c380890481b6bcf5b640bed5f3bfbad2db3b173e39c1b56159582025ee2c","contentType":"text/markdown; charset=utf-8"},{"id":"2786e76e-9896-537d-b778-3facbbe16eee","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2786e76e-9896-537d-b778-3facbbe16eee/attachment.md","path":"references/components/form/demo/getValueProps-normalize.md","size":1139,"sha256":"b039e63091875a850cc91d95b7568f961cd758ea0c50db8d0970f7a17f4a984e","contentType":"text/markdown; charset=utf-8"},{"id":"0ba556f6-8178-506c-b461-19bf984d26df","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0ba556f6-8178-506c-b461-19bf984d26df/attachment.md","path":"references/components/form/demo/global-state.md","size":724,"sha256":"e95754e9fd30c68ce2277a70494f2f285a6237ffa27b8f3484326ed588ef0247","contentType":"text/markdown; charset=utf-8"},{"id":"3903209b-8cb6-5c77-88eb-0a3a0a1c2659","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3903209b-8cb6-5c77-88eb-0a3a0a1c2659/attachment.md","path":"references/components/form/demo/inline-login.md","size":1180,"sha256":"29924092c4213c74c71bd215c374ce0b6580ad15318af5a34630dabc019d955c","contentType":"text/markdown; charset=utf-8"},{"id":"3ffe8e31-78e2-5d55-b516-aea26d7786f1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3ffe8e31-78e2-5d55-b516-aea26d7786f1/attachment.md","path":"references/components/form/demo/layout-can-wrap.md","size":1059,"sha256":"09589e17c3466cf5694f0a9f33240e4484457387c80a951a71cb01c09524268f","contentType":"text/markdown; charset=utf-8"},{"id":"aaf40698-b070-5649-8930-3e83780b1f56","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/aaf40698-b070-5649-8930-3e83780b1f56/attachment.md","path":"references/components/form/demo/layout-multiple.md","size":1803,"sha256":"1bd3c0ec3087b819f6f194e90dc3b05fbebaafeb0863a040034d1dee1b27faef","contentType":"text/markdown; charset=utf-8"},{"id":"191c8543-76e1-5597-841e-56c94ddac5a2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/191c8543-76e1-5597-841e-56c94ddac5a2/attachment.md","path":"references/components/form/demo/layout.md","size":1255,"sha256":"60841b3ac621910ff9f261a92f612a0427e6ce93527772ec7b8338666a3878aa","contentType":"text/markdown; charset=utf-8"},{"id":"c4ca6d23-97f3-533f-9db7-781e6dbdc64e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c4ca6d23-97f3-533f-9db7-781e6dbdc64e/attachment.md","path":"references/components/form/demo/login.md","size":1627,"sha256":"15899af15079ba79ba69c0d95bc6c5ddb67d52cce5cc12726a90df096dc6b2da","contentType":"text/markdown; charset=utf-8"},{"id":"ee2cc6ff-df23-51ad-b5bd-115d8ddd3bf1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ee2cc6ff-df23-51ad-b5bd-115d8ddd3bf1/attachment.md","path":"references/components/form/demo/nest-messages.md","size":1815,"sha256":"2c6ad5f98b7a61940d76b89d5a2ed5f85648bd6fba19c0e05de8c25594726f08","contentType":"text/markdown; charset=utf-8"},{"id":"b6284fbf-065f-5f1d-badd-720c072d216e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b6284fbf-065f-5f1d-badd-720c072d216e/attachment.md","path":"references/components/form/demo/register.md","size":6275,"sha256":"66313f01923992155ea1a79e035552f854907a51a165183ea0516b4ff66eebd6","contentType":"text/markdown; charset=utf-8"},{"id":"f347bb87-f74c-5439-a5bf-453f08f0705c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f347bb87-f74c-5439-a5bf-453f08f0705c/attachment.md","path":"references/components/form/demo/required-mark.md","size":2262,"sha256":"9c93e0424f01f49689edd80fe514bee5f56342e8a45fac30a50799e46f375415","contentType":"text/markdown; charset=utf-8"},{"id":"08163a55-746e-5f29-b788-7f2dd0f4a22c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/08163a55-746e-5f29-b788-7f2dd0f4a22c/attachment.md","path":"references/components/form/demo/size.md","size":1507,"sha256":"b6c99c769612cba4cd22e05daa3ec9e785f8e77e477bd21abd20f8310de08705","contentType":"text/markdown; charset=utf-8"},{"id":"919eeecc-0cfb-5ebb-86b9-4f6edc281676","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/919eeecc-0cfb-5ebb-86b9-4f6edc281676/attachment.md","path":"references/components/form/demo/style-class.md","size":2792,"sha256":"e77358aead33feca51b2c18108b296796d1a0dbc734b67b2a83c4e6802175453","contentType":"text/markdown; charset=utf-8"},{"id":"6831133f-f690-5416-b85e-c21841c4a6b4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6831133f-f690-5416-b85e-c21841c4a6b4/attachment.md","path":"references/components/form/demo/time-related-controls.md","size":2777,"sha256":"2417400d32143295c580256dcdb5da247b7aca03ae43f6bfa1b5a9fdcd4016de","contentType":"text/markdown; charset=utf-8"},{"id":"0f04cdce-81b1-5f59-afde-586446bd5977","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0f04cdce-81b1-5f59-afde-586446bd5977/attachment.md","path":"references/components/form/demo/useWatch.md","size":921,"sha256":"39053afe25482d458e2573cb3222ada2a3a547c640471a8341233949313aabc9","contentType":"text/markdown; charset=utf-8"},{"id":"a8edd113-6513-5574-aad4-12dc4ad11173","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a8edd113-6513-5574-aad4-12dc4ad11173/attachment.md","path":"references/components/form/demo/validate-only.md","size":1384,"sha256":"a63730cabdee68cb2780e5cdd856a1afeb0bdecea8e05ace070f1cbed3510b88","contentType":"text/markdown; charset=utf-8"},{"id":"86c2424d-ea52-51c1-8b24-c033477efc1f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/86c2424d-ea52-51c1-8b24-c033477efc1f/attachment.md","path":"references/components/form/demo/validate-other.md","size":3733,"sha256":"a48c97feeb80fd836a719dac9c7e8f9598af9e4c60a52f83207d1b04b366171f","contentType":"text/markdown; charset=utf-8"},{"id":"3b6a6fc5-d65d-5964-8f5a-41d43f4934a9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3b6a6fc5-d65d-5964-8f5a-41d43f4934a9/attachment.md","path":"references/components/form/demo/validate-scroll-to-field.md","size":1838,"sha256":"2893ea42710280df16fb234073d7a30a42505dd54b18f2750e77c2037605f4a0","contentType":"text/markdown; charset=utf-8"},{"id":"2282d800-6c92-542b-bfcc-6f9c5f083f75","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2282d800-6c92-542b-bfcc-6f9c5f083f75/attachment.md","path":"references/components/form/demo/validate-static.md","size":1849,"sha256":"2047ec34f3c1303fc86c32516cee3e91b8f53a684c1b97debab9eb8bc21827f9","contentType":"text/markdown; charset=utf-8"},{"id":"ebd560cd-d931-57af-91af-48ef9ff79bd1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ebd560cd-d931-57af-91af-48ef9ff79bd1/attachment.md","path":"references/components/form/demo/validate-trigger.md","size":915,"sha256":"339a3ed481db77d4cd3d6fd23a52262f719d3d2d5dbe47ae9bc4f88eba5abc63","contentType":"text/markdown; charset=utf-8"},{"id":"a3aa00fd-a9d3-59c4-9e62-b8fad0bdb5ca","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a3aa00fd-a9d3-59c4-9e62-b8fad0bdb5ca/attachment.md","path":"references/components/form/demo/variant.md","size":1261,"sha256":"2b0ee72d1862e9efbf7615ee29b6b864140a9df369747f41c31d20e5975754ac","contentType":"text/markdown; charset=utf-8"},{"id":"3607190f-468f-51d3-8ec1-da92f69e630e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3607190f-468f-51d3-8ec1-da92f69e630e/attachment.md","path":"references/components/form/demo/warning-only.md","size":1287,"sha256":"5e735d21bf6101f2f62b21549810c61c8aaaea5a538ddc1da189426e533117b4","contentType":"text/markdown; charset=utf-8"},{"id":"773c2af4-45b9-53a0-b92e-a0600d3de05e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/773c2af4-45b9-53a0-b92e-a0600d3de05e/attachment.md","path":"references/components/form/demo/without-form-create.md","size":1279,"sha256":"765e3ced902d8d25f808cc7e2f0e8168f7c8f103e5b966958d8ddf793c1cce7d","contentType":"text/markdown; charset=utf-8"},{"id":"2c4be185-6445-5b9e-951a-00faae13570f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2c4be185-6445-5b9e-951a-00faae13570f/attachment.md","path":"references/components/form/docs.md","size":13528,"sha256":"70743add2bdc6137036f33baf84e6415ff2f4cec6d4de3dcf31fe4b0caac4310","contentType":"text/markdown; charset=utf-8"},{"id":"ceeeb760-4dad-5497-85e3-a2560ff743e1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ceeeb760-4dad-5497-85e3-a2560ff743e1/attachment.md","path":"references/components/form/token.md","size":1063,"sha256":"a366f1f41db7455b1fc3fec9d9e0dc960b7a5260f8fd60fda25e4264657342ad","contentType":"text/markdown; charset=utf-8"},{"id":"83120601-852f-530a-8508-9728575d2238","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/83120601-852f-530a-8508-9728575d2238/attachment.md","path":"references/components/grid/demo/basic.md","size":789,"sha256":"c92ca8aac77843a2d96e08a1c4f38e9b2f45bd13f8b08ebcd662fc695dac1f4a","contentType":"text/markdown; charset=utf-8"},{"id":"b266975e-d0a4-59e0-8183-3e0dccaca013","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b266975e-d0a4-59e0-8183-3e0dccaca013/attachment.md","path":"references/components/grid/demo/flex-align.md","size":2074,"sha256":"88500ca72b3308ad2bd35d7e8d9f572c1feb9e2166cf74a8ec8485b073c7faa8","contentType":"text/markdown; charset=utf-8"},{"id":"af605c88-09f5-52b6-a8fa-ea4eb96d8509","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/af605c88-09f5-52b6-a8fa-ea4eb96d8509/attachment.md","path":"references/components/grid/demo/flex-order.md","size":1410,"sha256":"5c3446fda87208309ff22c1757dd796504e9c69b2c9638e2fba86ab467349c14","contentType":"text/markdown; charset=utf-8"},{"id":"f50f9d7c-b980-5f50-8fe8-42b4ed864b65","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f50f9d7c-b980-5f50-8fe8-42b4ed864b65/attachment.md","path":"references/components/grid/demo/flex-stretch.md","size":1208,"sha256":"c92905bb05f68e18b8f771a22544f2e210835d624097f109469f1cc468c6161a","contentType":"text/markdown; charset=utf-8"},{"id":"f056255e-9234-55fd-84a1-93c5f703c8c0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f056255e-9234-55fd-84a1-93c5f703c8c0/attachment.md","path":"references/components/grid/demo/flex.md","size":2090,"sha256":"68780b6d2074bef705be620c456fd72bf16e3947bdb3286d8b0595147d34c51d","contentType":"text/markdown; charset=utf-8"},{"id":"b414bb48-613b-5db7-a7e4-94e663364cfe","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b414bb48-613b-5db7-a7e4-94e663364cfe/attachment.md","path":"references/components/grid/demo/gutter.md","size":2605,"sha256":"f3d1552230471193fa5ba467477f33e2fd47f7a8fe2169abb9005864eac2ca86","contentType":"text/markdown; charset=utf-8"},{"id":"32ba3d48-c3ac-5cde-a3fd-dcdb4bccbfce","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/32ba3d48-c3ac-5cde-a3fd-dcdb4bccbfce/attachment.md","path":"references/components/grid/demo/offset.md","size":596,"sha256":"844791238e0f83aac9552ca73d7f22b86e5e5abd062da528dabb221a6b9e42e2","contentType":"text/markdown; charset=utf-8"},{"id":"8b65a67f-c716-5398-b728-d2efbe1d5558","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8b65a67f-c716-5398-b728-d2efbe1d5558/attachment.md","path":"references/components/grid/demo/playground.md","size":4132,"sha256":"b4c474bbb31ad9deea505264d0bfc54d969a9e2b30f98fb0dcc16c57738d2f5b","contentType":"text/markdown; charset=utf-8"},{"id":"865742ae-3ff0-5d5d-8cbf-bd6ce97bbbb4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/865742ae-3ff0-5d5d-8cbf-bd6ce97bbbb4/attachment.md","path":"references/components/grid/demo/responsive-flex.md","size":683,"sha256":"ac48ca79061ef762d12e415e7f1439f1082bfe736db839a942bf0a1b272d1c5b","contentType":"text/markdown; charset=utf-8"},{"id":"d329183d-6267-57f4-b292-4ac8090ecde7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d329183d-6267-57f4-b292-4ac8090ecde7/attachment.md","path":"references/components/grid/demo/responsive-more.md","size":544,"sha256":"3c1ec370ea2c3bc630f4b46d0eec2e3cc816c21b3665943e86afc8cd0e3e03ad","contentType":"text/markdown; charset=utf-8"},{"id":"33a5c46a-9dc9-5471-a9bb-58dfd355df49","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/33a5c46a-9dc9-5471-a9bb-58dfd355df49/attachment.md","path":"references/components/grid/demo/responsive.md","size":501,"sha256":"48763c43dbe40d759ae14236b413757604387004f2a13bbe12a039ff7ba1b04b","contentType":"text/markdown; charset=utf-8"},{"id":"d52af430-f64d-5604-9eb6-f5e78a46a571","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d52af430-f64d-5604-9eb6-f5e78a46a571/attachment.md","path":"references/components/grid/demo/sort.md","size":308,"sha256":"7a596ad9b81e7879cdf65e60925f3edf9d67b2a05cc85a8cfb8321a9cc7fc4c6","contentType":"text/markdown; charset=utf-8"},{"id":"da2d96e7-7590-5615-b2fc-c78df9af19ad","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/da2d96e7-7590-5615-b2fc-c78df9af19ad/attachment.md","path":"references/components/grid/demo/useBreakpoint.md","size":665,"sha256":"03dad1eea2b9b84c371ac054e4e59f87ce05835cd8c7f4e3e01081276ea6a0cd","contentType":"text/markdown; charset=utf-8"},{"id":"4410a6de-11c4-551e-80c9-8a1808bf73ea","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4410a6de-11c4-551e-80c9-8a1808bf73ea/attachment.md","path":"references/components/grid/docs.md","size":4883,"sha256":"6ce3079682ebfc607c64a8e92b10c3a348fff2307f8324200077281cf22324a7","contentType":"text/markdown; charset=utf-8"},{"id":"fc87bf5e-229a-55ba-b61c-58f08c557f8e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fc87bf5e-229a-55ba-b61c-58f08c557f8e/attachment.md","path":"references/components/icon/demo/basic.md","size":601,"sha256":"9a97cef76ef5af6be5e0d09a68e42bd3bd93b6b82fd82dac6374bcf8094e65e1","contentType":"text/markdown; charset=utf-8"},{"id":"ba51a056-1efd-51bb-a9ec-755d26393c22","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ba51a056-1efd-51bb-a9ec-755d26393c22/attachment.md","path":"references/components/icon/demo/custom.md","size":3494,"sha256":"c2f75c95ff348014c86d7a894ef45a367d59d0678190a7ae612af73621983a00","contentType":"text/markdown; charset=utf-8"},{"id":"dce1d788-a43e-5879-a44b-2bf657c9c8ac","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dce1d788-a43e-5879-a44b-2bf657c9c8ac/attachment.md","path":"references/components/icon/demo/iconfont.md","size":549,"sha256":"92e1ea352f8bb9c57a7374522ffd3a1c937d6e6d12bfd2cd9b5ec70a6c0443b2","contentType":"text/markdown; charset=utf-8"},{"id":"6be9550c-4444-5e0d-b3ea-2665abd6a00f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6be9550c-4444-5e0d-b3ea-2665abd6a00f/attachment.md","path":"references/components/icon/demo/scriptUrl.md","size":847,"sha256":"36e8d9eec5549552e8833d7a1dd2f788b8d4a73cbb1a58271313038166b3bfb5","contentType":"text/markdown; charset=utf-8"},{"id":"5f13cfa4-7c94-5dc5-95c8-de3f1e03f6a1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5f13cfa4-7c94-5dc5-95c8-de3f1e03f6a1/attachment.md","path":"references/components/icon/demo/two-tone.md","size":452,"sha256":"8b00ff4f0307f5f2872315952407e20a7566eb95286e857a79b291fa92dd8fa2","contentType":"text/markdown; charset=utf-8"},{"id":"b62aa3ca-8fbd-59a4-8609-f0415a23c0b3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b62aa3ca-8fbd-59a4-8609-f0415a23c0b3/attachment.md","path":"references/components/icon/docs.md","size":5949,"sha256":"c6c572153527922e403e6485f45a7bbe38068426ca950c376e2b8485e6a7e041","contentType":"text/markdown; charset=utf-8"},{"id":"7f66814c-7b2c-5846-b298-b1c4a6c15b29","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7f66814c-7b2c-5846-b298-b1c4a6c15b29/attachment.md","path":"references/components/image/demo/_semantic.md","size":2104,"sha256":"74c63ac55ca0fdc53d0dc4115c0d8563bf15da49f021aad4199b4a7de93c6605","contentType":"text/markdown; charset=utf-8"},{"id":"30aab9d6-4b99-5161-adaf-bc5bbdfe74c7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/30aab9d6-4b99-5161-adaf-bc5bbdfe74c7/attachment.md","path":"references/components/image/demo/basic.md","size":249,"sha256":"dce2ecc89ac9b887b3890a47d947d4018655a0046df9231a9f5a074d825ee2b7","contentType":"text/markdown; charset=utf-8"},{"id":"8b3139ba-fca0-59ea-b6fe-7175bef45eb6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8b3139ba-fca0-59ea-b6fe-7175bef45eb6/attachment.md","path":"references/components/image/demo/controlled-preview.md","size":906,"sha256":"8d21cfe15badbaf0218bd9d0e631c8796691fa008527da9791bec019f66dccc5","contentType":"text/markdown; charset=utf-8"},{"id":"1f452d5d-1a21-56a6-b8d9-32992b8965a0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1f452d5d-1a21-56a6-b8d9-32992b8965a0/attachment.md","path":"references/components/image/demo/fallback.md","size":3465,"sha256":"45c94f5cc45aea830877141757bb8a6e762d129e01b16c4265d28ad89a3bcd0e","contentType":"text/markdown; charset=utf-8"},{"id":"f19a7f71-f55b-5513-9f41-0c2da8a1bb8a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f19a7f71-f55b-5513-9f41-0c2da8a1bb8a/attachment.md","path":"references/components/image/demo/imageRender.md","size":1021,"sha256":"5ba6fb737a666f2e4eff9a8c077125e59ad390056dcd89b8b7d5674156064732","contentType":"text/markdown; charset=utf-8"},{"id":"ac510586-55a3-51e4-a43b-5f22f248a8e0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ac510586-55a3-51e4-a43b-5f22f248a8e0/attachment.md","path":"references/components/image/demo/mask.md","size":969,"sha256":"58233f421d6f70d80efc14718ccaa04be381d09a42c012a17ba2776bd0d2e313","contentType":"text/markdown; charset=utf-8"},{"id":"b4110c3a-e9d5-51b0-8a56-0a3eaf6ba349","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b4110c3a-e9d5-51b0-8a56-0a3eaf6ba349/attachment.md","path":"references/components/image/demo/nested.md","size":1585,"sha256":"8c1affc86237a35f7862cba2acfc9e261f5819871178532962e3562b587e57eb","contentType":"text/markdown; charset=utf-8"},{"id":"05770335-f7ae-58a5-aba9-be61f48b84b4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/05770335-f7ae-58a5-aba9-be61f48b84b4/attachment.md","path":"references/components/image/demo/placeholder.md","size":906,"sha256":"e02d825bfd7e4b57b3a6be03e073115ea6b177b4071dd03cb40667fd1f6369af","contentType":"text/markdown; charset=utf-8"},{"id":"18141bcb-18eb-5cbc-ac2f-62afc8859284","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/18141bcb-18eb-5cbc-ac2f-62afc8859284/attachment.md","path":"references/components/image/demo/preview-group-visible.md","size":692,"sha256":"b5cd9e2b5bdd73a0985654a60f78f9dafbdc815dc4e8fd210d566d9c656b0c9b","contentType":"text/markdown; charset=utf-8"},{"id":"4fd72b85-745c-5fe1-bd20-40bb4ae9329c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4fd72b85-745c-5fe1-bd20-40bb4ae9329c/attachment.md","path":"references/components/image/demo/preview-group.md","size":435,"sha256":"b187b0324b776545ebe0693e8bc9f029c7b0b84a6d3feea1fc96ef54b44919e4","contentType":"text/markdown; charset=utf-8"},{"id":"6c91187d-d2a9-57b1-8edd-32069805dde5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6c91187d-d2a9-57b1-8edd-32069805dde5/attachment.md","path":"references/components/image/demo/previewSrc.md","size":460,"sha256":"ce1d0a29a94033a7f0f4ef39927f2e1faf81d5e825bf80c4e6643316d9f58d47","contentType":"text/markdown; charset=utf-8"},{"id":"d7ae2364-eea0-5d9d-9be6-6e43b62965a2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d7ae2364-eea0-5d9d-9be6-6e43b62965a2/attachment.md","path":"references/components/image/demo/style-class.md","size":851,"sha256":"eee8a1b9d92f4d3dcb052671442c1c979bbe97224f5b9ac38a89aff081416a77","contentType":"text/markdown; charset=utf-8"},{"id":"e8e5894d-7f91-5316-8a89-fd27971de280","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e8e5894d-7f91-5316-8a89-fd27971de280/attachment.md","path":"references/components/image/demo/toolbarRender.md","size":2715,"sha256":"c6274a2cb0e5d7e848d550d80d9ead1be599fc40368f102e92e75b6cf29a503d","contentType":"text/markdown; charset=utf-8"},{"id":"3dabf645-b9b5-5795-9468-64b02fec83e8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3dabf645-b9b5-5795-9468-64b02fec83e8/attachment.md","path":"references/components/image/docs.md","size":6997,"sha256":"2e4ab0cb9adb720185aa1a8e9803aa38c5a1f6609b2f05fe25b304577167daf3","contentType":"text/markdown; charset=utf-8"},{"id":"885d4b02-493b-5b54-8c39-b51be2e2d275","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/885d4b02-493b-5b54-8c39-b51be2e2d275/attachment.md","path":"references/components/image/token.md","size":789,"sha256":"aabc2282c08727ce3c603d91a3932b71a4ef6e9b4ee209bc7d4a3b0c36f3f4f2","contentType":"text/markdown; charset=utf-8"},{"id":"becb0204-55a9-59f6-b093-9d49c49fd292","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/becb0204-55a9-59f6-b093-9d49c49fd292/attachment.md","path":"references/components/input-number/demo/_semantic.md","size":1383,"sha256":"df33cd8e2a08dfcd592e526e2cde975c67e8df6a5c1062716b9ce8735b32f070","contentType":"text/markdown; charset=utf-8"},{"id":"9d51a8bc-bfd3-5e32-ad42-8708f4517b3a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9d51a8bc-bfd3-5e32-ad42-8708f4517b3a/attachment.md","path":"references/components/input-number/demo/basic.md","size":249,"sha256":"5d0b411faf4878b4e89f5cdff2214c8f74fbe3cda27feaeda1eace7ee89135a2","contentType":"text/markdown; charset=utf-8"},{"id":"c16b057a-c65a-5066-9e99-0279fefe1e9a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c16b057a-c65a-5066-9e99-0279fefe1e9a/attachment.md","path":"references/components/input-number/demo/change-on-wheel.md","size":361,"sha256":"3b5f8d706075f606716164039ad1b7acdabd0005295a27f1c398b7efebd7af58","contentType":"text/markdown; charset=utf-8"},{"id":"c4d3aafb-18a6-56ed-9906-802af1680ed2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c4d3aafb-18a6-56ed-9906-802af1680ed2/attachment.md","path":"references/components/input-number/demo/digit.md","size":575,"sha256":"9777cc5950a90b81d646b173eea2de7ff625af1b2d2a54586e145b30a480d01c","contentType":"text/markdown; charset=utf-8"},{"id":"c8267022-22ad-5299-aa99-18cb787eeec0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c8267022-22ad-5299-aa99-18cb787eeec0/attachment.md","path":"references/components/input-number/demo/disabled.md","size":556,"sha256":"37471cb1f31b07b687049f09aaf554c028e1200d6fafa5450cc9c0a244618ec5","contentType":"text/markdown; charset=utf-8"},{"id":"64461a06-1fdf-51ef-9b62-c53b85b77d47","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/64461a06-1fdf-51ef-9b62-c53b85b77d47/attachment.md","path":"references/components/input-number/demo/focus.md","size":929,"sha256":"fb8ca2379225b7f8794aadcd63cd02239de56a9aca95e2560140fddc27777b5c","contentType":"text/markdown; charset=utf-8"},{"id":"bba652b2-0b90-56cb-a7f5-4c69a20c0240","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bba652b2-0b90-56cb-a7f5-4c69a20c0240/attachment.md","path":"references/components/input-number/demo/formatter.md","size":1295,"sha256":"07b867b673d5e21cdc0d5892d1fa0a8b5bd8c60ad92e6d313680907b6ce13bbf","contentType":"text/markdown; charset=utf-8"},{"id":"ae1be296-ebc1-50a5-9169-79e837ecd1a8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ae1be296-ebc1-50a5-9169-79e837ecd1a8/attachment.md","path":"references/components/input-number/demo/keyboard.md","size":428,"sha256":"2c94dc05987dbb092d6fb9afa91abee7fe75ca4e5d1956ae769c7f463aeb467e","contentType":"text/markdown; charset=utf-8"},{"id":"e4c55287-345c-5dd2-80ce-242d8db30644","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e4c55287-345c-5dd2-80ce-242d8db30644/attachment.md","path":"references/components/input-number/demo/out-of-range.md","size":460,"sha256":"38c943d3d9168be81e6ab131fe5a9fa41b9b7c1d2923c3585d619df869630b44","contentType":"text/markdown; charset=utf-8"},{"id":"3d272165-b616-5769-bc83-0bf63f62e467","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3d272165-b616-5769-bc83-0bf63f62e467/attachment.md","path":"references/components/input-number/demo/presuffix.md","size":619,"sha256":"830c84546b1702a2913f967bad4893f8cccb08c55584c25e77a618207d4e4901","contentType":"text/markdown; charset=utf-8"},{"id":"136feccb-e999-5f53-b5c6-4b4948ebb7b6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/136feccb-e999-5f53-b5c6-4b4948ebb7b6/attachment.md","path":"references/components/input-number/demo/size.md","size":787,"sha256":"11c88e63bca7ef4672f127db6da3ef01329e7a9dc3b0dc4d8e771ca4dfb4793f","contentType":"text/markdown; charset=utf-8"},{"id":"dee8dfce-cdff-501b-9ed5-b2e33a49c6e3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dee8dfce-cdff-501b-9ed5-b2e33a49c6e3/attachment.md","path":"references/components/input-number/demo/spinner.md","size":726,"sha256":"8698bfcd361bd2a161e2367f55921cc80d148280f91b24ed78cb404ee56d17c0","contentType":"text/markdown; charset=utf-8"},{"id":"34db4952-d6b1-5de1-a4d0-50a5f153b7d3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/34db4952-d6b1-5de1-a4d0-50a5f153b7d3/attachment.md","path":"references/components/input-number/demo/status.md","size":747,"sha256":"0068a11cd552e0abdf8d4e5b1fe688da54b6ced169c2cb410a5f199bcf5ffb1d","contentType":"text/markdown; charset=utf-8"},{"id":"ffa86a58-cb74-5059-995a-04be06ae28c5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ffa86a58-cb74-5059-995a-04be06ae28c5/attachment.md","path":"references/components/input-number/demo/style-class.md","size":926,"sha256":"90d44a61ff4166b9fdd75221b56c14bbe4e1fa3be1b1ed4d1adb4bdb29701407","contentType":"text/markdown; charset=utf-8"},{"id":"03b0e4a5-cec0-5caa-8171-2007f4431c4c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/03b0e4a5-cec0-5caa-8171-2007f4431c4c/attachment.md","path":"references/components/input-number/demo/variant.md","size":558,"sha256":"6575ec6fe298136fa1acd54b982614179b4918798659146b1ba4f0c34ac74260","contentType":"text/markdown; charset=utf-8"},{"id":"3a5b797a-29d1-5ec2-aecb-032e464502a2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3a5b797a-29d1-5ec2-aecb-032e464502a2/attachment.md","path":"references/components/input-number/docs.md","size":4309,"sha256":"7be7b973bf81d9ca518e550d5fd9efb3edcaf5ad3285a2b556739bc847de48cc","contentType":"text/markdown; charset=utf-8"},{"id":"0252f385-4970-568b-aa4e-0064c31ac497","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0252f385-4970-568b-aa4e-0064c31ac497/attachment.md","path":"references/components/input-number/token.md","size":2035,"sha256":"7cf258fc2c6dbb85db36b5622f739421074bfb3765dfa3f6b3867a6236c576a2","contentType":"text/markdown; charset=utf-8"},{"id":"428a31f4-e118-53b8-998d-6ea7d7bd2063","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/428a31f4-e118-53b8-998d-6ea7d7bd2063/attachment.md","path":"references/components/input/demo/_semantic-otp.md","size":744,"sha256":"a09aca1239b93d986b0e9941bc3719679df82d2ca4b7070664f1e77f00d5ea1b","contentType":"text/markdown; charset=utf-8"},{"id":"afff1872-ed14-510d-92b6-e435a89173a7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/afff1872-ed14-510d-92b6-e435a89173a7/attachment.md","path":"references/components/input/demo/_semantic-password.md","size":1154,"sha256":"e54dd432f475ca0cbf179ff7d04a5a7d071199c963afda03a3d2654f805ea51c","contentType":"text/markdown; charset=utf-8"},{"id":"7cf64c54-7730-54ae-9232-f20914763c23","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7cf64c54-7730-54ae-9232-f20914763c23/attachment.md","path":"references/components/input/demo/_semantic-search.md","size":1361,"sha256":"b29ff107e855d6b5dbe228bd995e1efdaa5f6cf2c2af344b164c61d90dbdf862","contentType":"text/markdown; charset=utf-8"},{"id":"61e04ad2-2c8e-513a-8ddb-f4e7358a5031","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/61e04ad2-2c8e-513a-8ddb-f4e7358a5031/attachment.md","path":"references/components/input/demo/_semantic-textarea.md","size":860,"sha256":"2509a8b5b4fdf4c15a3606773ff0762ecbf0956c5eef3debee3932978a52f003","contentType":"text/markdown; charset=utf-8"},{"id":"ea87c53b-f239-5d51-be35-3f9cb109db5b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ea87c53b-f239-5d51-be35-3f9cb109db5b/attachment.md","path":"references/components/input/demo/_semantic.md","size":1198,"sha256":"62d2e6cd704d10438b540e533450e487d9f5eab8fec228a16000c4d8e0fb76a8","contentType":"text/markdown; charset=utf-8"},{"id":"408d71bb-3212-5bbe-93b6-550895f421e6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/408d71bb-3212-5bbe-93b6-550895f421e6/attachment.md","path":"references/components/input/demo/advance-count.md","size":1467,"sha256":"ac66ed2bbba24a5e2fc95a3802adf1f3fae28f0b824d6d2882688dfdd9235bf1","contentType":"text/markdown; charset=utf-8"},{"id":"f889ed2d-28e7-5f87-be3e-d9e83b729018","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f889ed2d-28e7-5f87-be3e-d9e83b729018/attachment.md","path":"references/components/input/demo/allowClear.md","size":302,"sha256":"3c7a7ed30215585e472aa75199f24549b75f590cd78eaf1a598690e786a09656","contentType":"text/markdown; charset=utf-8"},{"id":"4a58b356-c238-56e1-a177-34a006d86b2b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4a58b356-c238-56e1-a177-34a006d86b2b/attachment.md","path":"references/components/input/demo/autosize-textarea.md","size":903,"sha256":"d162603e33ac2668b3df796f677e2b9a2c613ba07a075086194791a3f0441c55","contentType":"text/markdown; charset=utf-8"},{"id":"c5f50c7a-87a0-5fd2-b8f8-6aba5367042c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c5f50c7a-87a0-5fd2-b8f8-6aba5367042c/attachment.md","path":"references/components/input/demo/basic.md","size":251,"sha256":"fa6f664de84417d79202cafdb7ded737b6e7b728c93dadfa474b054196a24b67","contentType":"text/markdown; charset=utf-8"},{"id":"a2d82b28-4244-5fa7-8d0c-260860315263","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a2d82b28-4244-5fa7-8d0c-260860315263/attachment.md","path":"references/components/input/demo/compact-style.md","size":1514,"sha256":"aa4dfec5dc7f92632ed250646c55721c205725186c1a8e3be1a512e9f93dcc65","contentType":"text/markdown; charset=utf-8"},{"id":"a752dbdd-45f2-547b-b025-b434074563b4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a752dbdd-45f2-547b-b025-b434074563b4/attachment.md","path":"references/components/input/demo/focus.md","size":929,"sha256":"fb8ca2379225b7f8794aadcd63cd02239de56a9aca95e2560140fddc27777b5c","contentType":"text/markdown; charset=utf-8"},{"id":"9b308ab7-00cb-58dd-aba8-f90fb80729f8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9b308ab7-00cb-58dd-aba8-f90fb80729f8/attachment.md","path":"references/components/input/demo/otp.md","size":1706,"sha256":"0e051e0226d5a3390a307191e953cb9a38772a5233b54bc6bbddf383775e7858","contentType":"text/markdown; charset=utf-8"},{"id":"6061a64f-274a-5964-bbcd-cc97d687372d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6061a64f-274a-5964-bbcd-cc97d687372d/attachment.md","path":"references/components/input/demo/password-input.md","size":1023,"sha256":"6769afd01ff25cfa26a89c239af5bb31da3c3b130497df1bf75ce3d96479632a","contentType":"text/markdown; charset=utf-8"},{"id":"0f4ba4f6-5c50-5d17-b0fd-0ab5e12c6885","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0f4ba4f6-5c50-5d17-b0fd-0ab5e12c6885/attachment.md","path":"references/components/input/demo/presuffix.md","size":922,"sha256":"a5628518dec513c31860e3e6537b4bd2f1aa462bb21b28d596a320b8f6856a50","contentType":"text/markdown; charset=utf-8"},{"id":"07f54cb8-5c77-5f3c-b268-87c941d2914e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/07f54cb8-5c77-5f3c-b268-87c941d2914e/attachment.md","path":"references/components/input/demo/search-input-loading.md","size":448,"sha256":"1adb19dd48f8430e4f644bfd9490be0bd2f64cd221dfe087d6825ecb1bc22f17","contentType":"text/markdown; charset=utf-8"},{"id":"5746e28a-a0dc-55ea-8629-084db10c2055","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5746e28a-a0dc-55ea-8629-084db10c2055/attachment.md","path":"references/components/input/demo/search-input.md","size":1307,"sha256":"ee70d6f91b3c652645beceb709b0c549a0294abc30005ae55d19b04e5da1bfd7","contentType":"text/markdown; charset=utf-8"},{"id":"e12f575d-21b4-572a-b416-539141af5fd6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e12f575d-21b4-572a-b416-539141af5fd6/attachment.md","path":"references/components/input/demo/show-count.md","size":659,"sha256":"f199997d9e55f795632353b5f03885daa5a93f1db504568d668a5d9176886545","contentType":"text/markdown; charset=utf-8"},{"id":"96a4a75b-4c3e-534b-b2a1-0f7235f75a1c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/96a4a75b-4c3e-534b-b2a1-0f7235f75a1c/attachment.md","path":"references/components/input/demo/size.md","size":823,"sha256":"08c8184bfe346c4126f2949631d4aa1bb92377a7f21f60afb37c317311e9fc08","contentType":"text/markdown; charset=utf-8"},{"id":"82593f0d-bbf9-51d9-a0df-aab29cf89cf3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/82593f0d-bbf9-51d9-a0df-aab29cf89cf3/attachment.md","path":"references/components/input/demo/status.md","size":723,"sha256":"5280beab4ce74918d717017f0a364371b18f46f3b02efb0e2a521b02afadfcbd","contentType":"text/markdown; charset=utf-8"},{"id":"069b75c2-8b54-58c1-9530-5fff77506f3d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/069b75c2-8b54-58c1-9530-5fff77506f3d/attachment.md","path":"references/components/input/demo/style-class.md","size":2958,"sha256":"2ee677f81f413582dac63d8118d1ca71c1584acf186f11292c2a3b719f6f28a5","contentType":"text/markdown; charset=utf-8"},{"id":"78d14769-b28d-58d4-a143-40b05145f43b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/78d14769-b28d-58d4-a143-40b05145f43b/attachment.md","path":"references/components/input/demo/textarea.md","size":216,"sha256":"5ac2eeb5c45b9e21025c76eb5625a68a34b9dbce46fd404d6ae4d2d47c7586c2","contentType":"text/markdown; charset=utf-8"},{"id":"5c5623e7-4ead-515c-ab59-cba0fd3f04e1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5c5623e7-4ead-515c-ab59-cba0fd3f04e1/attachment.md","path":"references/components/input/demo/tooltip.md","size":1423,"sha256":"5d4b5c8603ee775c053b7bb4fdb7d0d6e82692fe2c30665a2956b61abdc836c9","contentType":"text/markdown; charset=utf-8"},{"id":"a4e036d8-9b6d-5e34-9324-35aea2d1b97f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a4e036d8-9b6d-5e34-9324-35aea2d1b97f/attachment.md","path":"references/components/input/demo/variant.md","size":690,"sha256":"70631ce839ac82274ea30557197302e508055aac8bd16eaafb3ad6865333dffa","contentType":"text/markdown; charset=utf-8"},{"id":"e86c449d-aa9e-565a-99b5-0ac77fefd8e7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e86c449d-aa9e-565a-99b5-0ac77fefd8e7/attachment.md","path":"references/components/input/docs.md","size":10129,"sha256":"fb59b21dcf84823bbeb035ee83ef1d97e3e4cd135ca70079cea96644e852d6e8","contentType":"text/markdown; charset=utf-8"},{"id":"083d84e0-2e2a-5f72-9565-0993cf67c744","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/083d84e0-2e2a-5f72-9565-0993cf67c744/attachment.md","path":"references/components/input/token.md","size":1476,"sha256":"025cc88bbe59dac6d50423b83d560ffac3a01ccb33c58ca9b2bc345770386546","contentType":"text/markdown; charset=utf-8"},{"id":"18364bc5-97da-5d10-89a0-b01a01965939","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/18364bc5-97da-5d10-89a0-b01a01965939/attachment.md","path":"references/components/layout/demo/basic.md","size":2408,"sha256":"9f29ad77b4305b8f5caee3faa7f598ce376b07791681e7150343d113e15475ab","contentType":"text/markdown; charset=utf-8"},{"id":"0c58926f-5a72-5d47-8237-c90b4059876d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0c58926f-5a72-5d47-8237-c90b4059876d/attachment.md","path":"references/components/layout/demo/custom-trigger.md","size":2005,"sha256":"a3d238e52a87e5b5349f7222c6e6d2c53df3d2f3bbd77f6954f1a85dcdc786da","contentType":"text/markdown; charset=utf-8"},{"id":"44bcc87e-6de3-5333-b800-96cbd08bdd18","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/44bcc87e-6de3-5333-b800-96cbd08bdd18/attachment.md","path":"references/components/layout/demo/fixed-sider.md","size":2387,"sha256":"b5b7870784f0cc01ca10c86e310dd63f325bd449905eb4726579888711e47986","contentType":"text/markdown; charset=utf-8"},{"id":"83889d63-31c2-5512-a4f0-700d59044e19","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/83889d63-31c2-5512-a4f0-700d59044e19/attachment.md","path":"references/components/layout/demo/fixed.md","size":1882,"sha256":"b579b784a05c5db7580cb4391d919a644b4200e032ea8422deb9261dc1d81c43","contentType":"text/markdown; charset=utf-8"},{"id":"efe34505-0313-59ec-87a3-ee9dcda48294","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/efe34505-0313-59ec-87a3-ee9dcda48294/attachment.md","path":"references/components/layout/demo/responsive.md","size":2357,"sha256":"8159c668625748a6f72366f0480a62b1fd2a6de2e806f2d0bb0527f5df5b9612","contentType":"text/markdown; charset=utf-8"},{"id":"64847d05-0d29-5323-8ce1-040e07030c56","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/64847d05-0d29-5323-8ce1-040e07030c56/attachment.md","path":"references/components/layout/demo/side.md","size":3302,"sha256":"7f3f65f246c4889f2d419036d1918197defcc1a6728e4a2b9bc847a797e9de84","contentType":"text/markdown; charset=utf-8"},{"id":"1c79cd93-c61c-5d03-991a-3b62d8bfc3eb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1c79cd93-c61c-5d03-991a-3b62d8bfc3eb/attachment.md","path":"references/components/layout/demo/top-side-2.md","size":2530,"sha256":"a75202dc0c84cfca64f6734389092b81fc1f7dc3df60d0b0677d39f3b9d20c3b","contentType":"text/markdown; charset=utf-8"},{"id":"78101cfc-dec9-5f19-bf26-3cbd48a5cebe","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/78101cfc-dec9-5f19-bf26-3cbd48a5cebe/attachment.md","path":"references/components/layout/demo/top-side.md","size":2731,"sha256":"b3ae1680f149df6230c76d2ae6d242fa84999c5aaf7c781d3d010b786ab9b1b7","contentType":"text/markdown; charset=utf-8"},{"id":"884bffe3-61df-5aec-a378-a511674b2837","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/884bffe3-61df-5aec-a378-a511674b2837/attachment.md","path":"references/components/layout/demo/top.md","size":2508,"sha256":"b7482563d6574a4f0f088162a071139489c84d6741a6972bfba35bfcc813828a","contentType":"text/markdown; charset=utf-8"},{"id":"df83bdc8-ec38-5e9b-95d7-6616ad810664","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/df83bdc8-ec38-5e9b-95d7-6616ad810664/attachment.md","path":"references/components/layout/docs.md","size":5192,"sha256":"931437c2b508d712d9dddc1e7a7235fa49de50faf53e491cb7ae676b32e0c1f5","contentType":"text/markdown; charset=utf-8"},{"id":"607231aa-531c-51c3-bb65-7de89072ea90","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/607231aa-531c-51c3-bb65-7de89072ea90/attachment.md","path":"references/components/layout/token.md","size":1422,"sha256":"805832fa944dba9083062cd78f5e0d1b1912e525fe581fd3307fcfa2910665ba","contentType":"text/markdown; charset=utf-8"},{"id":"57e62f66-0a7a-5792-9355-653c5c5833ac","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/57e62f66-0a7a-5792-9355-653c5c5833ac/attachment.md","path":"references/components/masonry/demo/_semantic.md","size":1047,"sha256":"d0d36eaa8b5ba1098c0f013af30eb16e0010d783a3c7b98a6fad0f12ec66c2bc","contentType":"text/markdown; charset=utf-8"},{"id":"e5e243cc-6602-5f91-ba9a-5f8a49293ae8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e5e243cc-6602-5f91-ba9a-5f8a49293ae8/attachment.md","path":"references/components/masonry/demo/basic.md","size":965,"sha256":"f5f3b8241eacf81c95af5c19cb9b5ebc1a56605b51c1eb92e9b9b5f2747d0df0","contentType":"text/markdown; charset=utf-8"},{"id":"605d3167-e5b6-5f1d-93b6-1a6c46025519","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/605d3167-e5b6-5f1d-93b6-1a6c46025519/attachment.md","path":"references/components/masonry/demo/dynamic.md","size":2114,"sha256":"26a6dcd90eb0099118788ee16c1b7a80da6f679a12af49753f765927967e8b4c","contentType":"text/markdown; charset=utf-8"},{"id":"26f12713-8b39-545e-9d8f-803978814d8e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/26f12713-8b39-545e-9d8f-803978814d8e/attachment.md","path":"references/components/masonry/demo/fresh.md","size":1512,"sha256":"6e52353106b4d94205af9344093ca2f6a803eb131fa7a5579e8bdb26ec388806","contentType":"text/markdown; charset=utf-8"},{"id":"88279776-b023-5078-93ea-455ca308e9be","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/88279776-b023-5078-93ea-455ca308e9be/attachment.md","path":"references/components/masonry/demo/image.md","size":1521,"sha256":"58bf9463d54c0f19b04589de1b28dc401b6e30ce94694db863118dfbf192300f","contentType":"text/markdown; charset=utf-8"},{"id":"34e0761b-6a34-53cf-bb63-3b991515170e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/34e0761b-6a34-53cf-bb63-3b991515170e/attachment.md","path":"references/components/masonry/demo/responsive.md","size":747,"sha256":"c419239b2398f5ea1efc0f029e6f595d5a84c61cbe14ecd1e76e560c8fc389de","contentType":"text/markdown; charset=utf-8"},{"id":"20bad1b2-6e23-55ea-821f-909fd34b2e26","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/20bad1b2-6e23-55ea-821f-909fd34b2e26/attachment.md","path":"references/components/masonry/demo/style-class.md","size":2664,"sha256":"554b4ad88dc685acb4da3f905faff6af5e3a7063914fcc4f9e04eacccf138d1b","contentType":"text/markdown; charset=utf-8"},{"id":"34be5974-0da4-5e6b-b1f1-1180854e338b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/34be5974-0da4-5e6b-b1f1-1180854e338b/attachment.md","path":"references/components/masonry/docs.md","size":2420,"sha256":"feb4b4b692a3bcb74e5b2d2abaac26e70745e6e184a727e774903141ffd9996d","contentType":"text/markdown; charset=utf-8"},{"id":"35df27a9-d57d-508c-a558-d89dceaf5e7f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/35df27a9-d57d-508c-a558-d89dceaf5e7f/attachment.md","path":"references/components/mentions/demo/_semantic.md","size":1360,"sha256":"5f6c5445dbf949cde9efca6f6054af25999c7e87b5cfc3422a66907a71bf9a75","contentType":"text/markdown; charset=utf-8"},{"id":"a2f04963-81ea-5ffc-84a5-50d0111048ce","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a2f04963-81ea-5ffc-84a5-50d0111048ce/attachment.md","path":"references/components/mentions/demo/allow-clear.md","size":564,"sha256":"6906b04679e19ada07fb67f16aa41043aa080b34aa89dd3258c54aeaca83fbe9","contentType":"text/markdown; charset=utf-8"},{"id":"a617b526-c713-5a92-aae0-e8a04ac26b71","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a617b526-c713-5a92-aae0-e8a04ac26b71/attachment.md","path":"references/components/mentions/demo/async.md","size":2075,"sha256":"08a8fbb6800ce94461ec91eab6a209d79130f2bb1d4fccf76cb2273f8065282e","contentType":"text/markdown; charset=utf-8"},{"id":"a64a3a1d-3bc0-5884-a756-3ff43b6cb632","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a64a3a1d-3bc0-5884-a756-3ff43b6cb632/attachment.md","path":"references/components/mentions/demo/auto-size.md","size":453,"sha256":"698be5bb7b4fe82517f0c8df54b2fe0267a02385eb757cdf06413039af351edd","contentType":"text/markdown; charset=utf-8"},{"id":"54740245-5601-5f60-ab19-a5859a7c8584","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/54740245-5601-5f60-ab19-a5859a7c8584/attachment.md","path":"references/components/mentions/demo/basic.md","size":742,"sha256":"80309f52b8035007cff093cc18f0b99c6dcbda0873b9f8dff16f67052de22139","contentType":"text/markdown; charset=utf-8"},{"id":"c95f1d62-7e9e-54f4-8321-9d848cdd8f3e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c95f1d62-7e9e-54f4-8321-9d848cdd8f3e/attachment.md","path":"references/components/mentions/demo/form.md","size":1930,"sha256":"901d12877df5980a3893728617a821217d6ac70a19011e3cbcb061469512e20a","contentType":"text/markdown; charset=utf-8"},{"id":"def03a0d-195c-5e76-b696-a7414cbef655","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/def03a0d-195c-5e76-b696-a7414cbef655/attachment.md","path":"references/components/mentions/demo/placement.md","size":477,"sha256":"1e819c983da8a31bf9c1f72e86fcd3f6f8f2b935408fadba033648c2cf9e3da8","contentType":"text/markdown; charset=utf-8"},{"id":"880bbde8-feab-5025-b1fa-fa0cd533c5ee","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/880bbde8-feab-5025-b1fa-fa0cd533c5ee/attachment.md","path":"references/components/mentions/demo/prefix.md","size":944,"sha256":"5a602c3446e845236e78e0d815906d5884105c372bf2df5be762add18ff45cd0","contentType":"text/markdown; charset=utf-8"},{"id":"b8981e4e-6834-58ed-9d1f-4d9a0f9225dc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b8981e4e-6834-58ed-9d1f-4d9a0f9225dc/attachment.md","path":"references/components/mentions/demo/readonly.md","size":665,"sha256":"beaff5cb79d1a5a7ee2428cffe0c9a6e767313641a4e0e25ea237b2dc527419d","contentType":"text/markdown; charset=utf-8"},{"id":"fffb584f-7480-57b2-9845-697764669437","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fffb584f-7480-57b2-9845-697764669437/attachment.md","path":"references/components/mentions/demo/size.md","size":319,"sha256":"e8bd25a9878521a90da8c96dcb51d9329dea085e65e8e765b8b1c85101febb70","contentType":"text/markdown; charset=utf-8"},{"id":"ebeff25a-243a-5e66-95c1-05c21af64a12","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ebeff25a-243a-5e66-95c1-05c21af64a12/attachment.md","path":"references/components/mentions/demo/status.md","size":1008,"sha256":"928d0da7fc01953f26d2569b7dc84b9499749a8ad719dbe2c45c231964dd7396","contentType":"text/markdown; charset=utf-8"},{"id":"114cab41-36fc-5da3-84fa-6398ac398a3f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/114cab41-36fc-5da3-84fa-6398ac398a3f/attachment.md","path":"references/components/mentions/demo/style-class.md","size":1344,"sha256":"1669aec8c607cd258a1cb28a0f7b7dcd58592a3318ef7ed9a727a61c07d5495a","contentType":"text/markdown; charset=utf-8"},{"id":"b9d2543c-57da-5af5-9298-2d5b76f82c30","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b9d2543c-57da-5af5-9298-2d5b76f82c30/attachment.md","path":"references/components/mentions/demo/variant.md","size":454,"sha256":"7a8365204ea8b5725b62abca0caa8cb6d91a7fb3f41e116f0c652ccf0d2d9e48","contentType":"text/markdown; charset=utf-8"},{"id":"c2df3e9c-0320-54bd-a3ed-ac3c2dc261c2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c2df3e9c-0320-54bd-a3ed-ac3c2dc261c2/attachment.md","path":"references/components/mentions/docs.md","size":2555,"sha256":"b04b081539fdc01325659012500ef42c025563eb758d3207e533fc554b83ec7a","contentType":"text/markdown; charset=utf-8"},{"id":"09991aab-f7b2-52c9-989c-9dc2882ca73d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/09991aab-f7b2-52c9-989c-9dc2882ca73d/attachment.md","path":"references/components/mentions/token.md","size":1659,"sha256":"0aabb8cac545756306a1002c9438a2836f74cedaaede20f20f03fd48bedfc68e","contentType":"text/markdown; charset=utf-8"},{"id":"e0441929-0a5e-5064-8bb8-b3ddbf975ff8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e0441929-0a5e-5064-8bb8-b3ddbf975ff8/attachment.md","path":"references/components/menu/demo/_semantic.md","size":3197,"sha256":"a74c1dd05ea451a7c2a9fc797fdd58cb86a8ae9bb779270e1ddc0e53774204d3","contentType":"text/markdown; charset=utf-8"},{"id":"34b57b37-3c2e-5d99-8eb4-479df3b1f69e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/34b57b37-3c2e-5d99-8eb4-479df3b1f69e/attachment.md","path":"references/components/menu/demo/custom-popup-render.md","size":3703,"sha256":"d7b6b5eaf58d74ae7691f80ce309a06056a955e319002722d6fa82892a1589a2","contentType":"text/markdown; charset=utf-8"},{"id":"3376f34c-98e4-50ab-a1d5-de59085f1930","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3376f34c-98e4-50ab-a1d5-de59085f1930/attachment.md","path":"references/components/menu/demo/horizontal.md","size":1481,"sha256":"03431df27bb18cf142d469ebcea6c6f559ad165f08e8f56acdb051ad0781b7bd","contentType":"text/markdown; charset=utf-8"},{"id":"df505c1e-e46e-5f41-83a7-979188d2c5fd","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/df505c1e-e46e-5f41-83a7-979188d2c5fd/attachment.md","path":"references/components/menu/demo/inline-collapsed.md","size":1864,"sha256":"f106a6641fae93f11e2aeea4be22ef88b758a32744c16f3d591f7eb61186810f","contentType":"text/markdown; charset=utf-8"},{"id":"585cad77-5513-5b16-b325-5592bdbf5e62","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/585cad77-5513-5b16-b325-5592bdbf5e62/attachment.md","path":"references/components/menu/demo/inline.md","size":1986,"sha256":"ac87c0c2efa320c084660e098df153d7d5bfafce5d75e8f4bd8a8374b88ddb2b","contentType":"text/markdown; charset=utf-8"},{"id":"fdc65e22-dd53-5509-b6ab-09fc5490ed24","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fdc65e22-dd53-5509-b6ab-09fc5490ed24/attachment.md","path":"references/components/menu/demo/sfc.md","size":3816,"sha256":"0d24a0d3cf29b1ac9bbb8f3ec6e264e86a12ef859416059fe778e15696d9518c","contentType":"text/markdown; charset=utf-8"},{"id":"ff3c0b6a-918b-52f9-a7e2-ad24ab7671b4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ff3c0b6a-918b-52f9-a7e2-ad24ab7671b4/attachment.md","path":"references/components/menu/demo/sider-current.md","size":2858,"sha256":"7bb1062f815da110ae3cdf13119b9c77acf4c5149628c60ad5b4f9917c702ef7","contentType":"text/markdown; charset=utf-8"},{"id":"4759a37d-fa16-54d8-aa1f-59364843b2a4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4759a37d-fa16-54d8-aa1f-59364843b2a4/attachment.md","path":"references/components/menu/demo/slot-render.md","size":2591,"sha256":"0f18cbd51d83e7fe27171e4b43d4f3402ab12d896bf7a52c2b83135fe38d58c0","contentType":"text/markdown; charset=utf-8"},{"id":"a17240cc-1211-5296-9e37-56f85c519273","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a17240cc-1211-5296-9e37-56f85c519273/attachment.md","path":"references/components/menu/demo/style-class.md","size":1453,"sha256":"affcb99cc22e5b94fa2a2608bdabeffc3047a976d7bb5f74053a2f8de77b850a","contentType":"text/markdown; charset=utf-8"},{"id":"73f00a69-f5eb-5f18-8c2e-e517be60b08e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/73f00a69-f5eb-5f18-8c2e-e517be60b08e/attachment.md","path":"references/components/menu/demo/submenu-theme.md","size":1417,"sha256":"4c81d905551dc70df6ed0631f9361eb0e54ea841743e2ac4867f3c5cb401e213","contentType":"text/markdown; charset=utf-8"},{"id":"5bcd8b7f-8f4d-543d-88dc-3495a23bea09","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5bcd8b7f-8f4d-543d-88dc-3495a23bea09/attachment.md","path":"references/components/menu/demo/switch-mode.md","size":2076,"sha256":"d91d7ae7a458c3ce4f38bad28662a2394849849b455667b7c5b94b1cc65d1577","contentType":"text/markdown; charset=utf-8"},{"id":"d2a199fd-db4a-582e-8e9b-7c42d52afe8b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d2a199fd-db4a-582e-8e9b-7c42d52afe8b/attachment.md","path":"references/components/menu/demo/theme.md","size":1851,"sha256":"6769f52bebf12f094ccb43935c250719e1b1ef9451514e76e397a6e76c6f94fd","contentType":"text/markdown; charset=utf-8"},{"id":"6a248cde-2f3e-5d9b-8742-9b8f7a4430ad","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6a248cde-2f3e-5d9b-8742-9b8f7a4430ad/attachment.md","path":"references/components/menu/demo/vertical.md","size":1611,"sha256":"c2bcd886f3867a78033456daddce16f7067aa28241d7f445e3b9f38b222ca81c","contentType":"text/markdown; charset=utf-8"},{"id":"037eae3e-d07c-5322-ba65-3bd694421e3f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/037eae3e-d07c-5322-ba65-3bd694421e3f/attachment.md","path":"references/components/menu/docs.md","size":8428,"sha256":"9e0ea914bfe41712765b9a37525d5c9a7d3055d6d174a0cbcae199c350818157","contentType":"text/markdown; charset=utf-8"},{"id":"2a44bd9c-8150-501a-8d69-350e939b863c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2a44bd9c-8150-501a-8d69-350e939b863c/attachment.md","path":"references/components/menu/token.md","size":4495,"sha256":"694a544996c461f909908ac3e066216b00ab82b968a438b23640712bfd6f57bb","contentType":"text/markdown; charset=utf-8"},{"id":"7ea10800-ca13-5e8b-b269-25346f91773d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7ea10800-ca13-5e8b-b269-25346f91773d/attachment.md","path":"references/components/message/demo/_semantic.md","size":1586,"sha256":"a023b92eaf74f5440af3ccc7741d645101cf0b2ee349ed3fcb6f05bdfd051b7d","contentType":"text/markdown; charset=utf-8"},{"id":"63271fb7-2577-5098-aa77-14d06452cb17","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/63271fb7-2577-5098-aa77-14d06452cb17/attachment.md","path":"references/components/message/demo/custom-style.md","size":579,"sha256":"3c0f08d70333ee147b7a8d115f66c8a5401167945b061d8e07a8c94cc04a16ad","contentType":"text/markdown; charset=utf-8"},{"id":"fcbcbb8c-ea52-512a-9240-fb295b0f4374","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fcbcbb8c-ea52-512a-9240-fb295b0f4374/attachment.md","path":"references/components/message/demo/duration.md","size":560,"sha256":"a4d085544206ab5fed09233619dddfa22bce8bf7a44ba69167d1133c7d37cb3f","contentType":"text/markdown; charset=utf-8"},{"id":"17aebcf2-fe2e-5add-9455-03eea3d7550f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/17aebcf2-fe2e-5add-9455-03eea3d7550f/attachment.md","path":"references/components/message/demo/hooks.md","size":655,"sha256":"7b8227f29ab2398a20443495627c7df56a31082ef6a5b5347f2e455b3c41bbd2","contentType":"text/markdown; charset=utf-8"},{"id":"e7c790b0-ae25-5a11-a1d2-674e46feccd4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e7c790b0-ae25-5a11-a1d2-674e46feccd4/attachment.md","path":"references/components/message/demo/info.md","size":492,"sha256":"3261763a3865ef98f923113f1b1accc36d2da2496b67685219455239cb2ed97a","contentType":"text/markdown; charset=utf-8"},{"id":"87facd87-9881-5c12-b092-e40eeb44a05b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/87facd87-9881-5c12-b092-e40eeb44a05b/attachment.md","path":"references/components/message/demo/loading.md","size":616,"sha256":"85d415eba3d5e1b2bcd2883d3e5cd3a54035031c117d06671dcbbcc86a7b14c8","contentType":"text/markdown; charset=utf-8"},{"id":"5bd57879-2670-5414-81e9-5946286d1d34","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5bd57879-2670-5414-81e9-5946286d1d34/attachment.md","path":"references/components/message/demo/other.md","size":831,"sha256":"2e76c6377acd44bf3ba4fcb3f500f7d912d2b24c9e46b236521f8ea5a7d1057f","contentType":"text/markdown; charset=utf-8"},{"id":"15f690ef-9f74-5618-8a31-cb81cc8d0c6e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/15f690ef-9f74-5618-8a31-cb81cc8d0c6e/attachment.md","path":"references/components/message/demo/style-class.md","size":1547,"sha256":"a239f3a740ffd8098966458c6684519d5e944b45aa2cfc3241c79243ec699e25","contentType":"text/markdown; charset=utf-8"},{"id":"8c74495f-01e9-5e4b-8cd1-f5c32bbfd51e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8c74495f-01e9-5e4b-8cd1-f5c32bbfd51e/attachment.md","path":"references/components/message/demo/thenable.md","size":704,"sha256":"971176b6a2ad4ee148c492927ec87313fd80d175ec6d6c83146da59459e210b9","contentType":"text/markdown; charset=utf-8"},{"id":"f554dc45-23c9-584e-87e6-6a68dfa1434a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f554dc45-23c9-584e-87e6-6a68dfa1434a/attachment.md","path":"references/components/message/demo/update.md","size":651,"sha256":"ee97836d0217ffef922d164857012510dfacd711d40762fcb85ddccbc6715d76","contentType":"text/markdown; charset=utf-8"},{"id":"6c68c279-4140-5edb-b3dc-2032c0d4e42f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6c68c279-4140-5edb-b3dc-2032c0d4e42f/attachment.md","path":"references/components/message/docs.md","size":5643,"sha256":"43b3a69253a2ad528191e0ff10beed76a73f15f5604530f050f54680cbc3bca6","contentType":"text/markdown; charset=utf-8"},{"id":"a353e4ec-da6e-54fb-a8b1-009a7bc6c811","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a353e4ec-da6e-54fb-a8b1-009a7bc6c811/attachment.md","path":"references/components/message/token.md","size":586,"sha256":"dc89d11083a12c0490423c4a9f11ea96854d8d8084e729a5aa6df209f032188d","contentType":"text/markdown; charset=utf-8"},{"id":"f442c24a-c10c-5187-8c3d-55805918ff08","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f442c24a-c10c-5187-8c3d-55805918ff08/attachment.md","path":"references/components/modal/demo/_semantic.md","size":1632,"sha256":"9410b9b487e232745bdee4ea2f3437e4d7eb48e11fd23d36c04c591d15209c10","contentType":"text/markdown; charset=utf-8"},{"id":"6b5424e1-49ad-5411-b8cf-36d3c6d99cc5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6b5424e1-49ad-5411-b8cf-36d3c6d99cc5/attachment.md","path":"references/components/modal/demo/async.md","size":1005,"sha256":"831ebf23c167d5e6f6c1518a031442c69d7ebb548e0a055f639a2307027aae26","contentType":"text/markdown; charset=utf-8"},{"id":"b926a6ce-e4d3-5d7b-bbcf-04a2f589cbe6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b926a6ce-e4d3-5d7b-bbcf-04a2f589cbe6/attachment.md","path":"references/components/modal/demo/basic.md","size":593,"sha256":"c2521174161f116fdcbb1e54c1d768c64369c48ba6550ae4ac78ae1803e3e9f2","contentType":"text/markdown; charset=utf-8"},{"id":"97864162-153d-5c6a-ac13-4b2fa5cc9adf","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/97864162-153d-5c6a-ac13-4b2fa5cc9adf/attachment.md","path":"references/components/modal/demo/button-props.md","size":893,"sha256":"b4148da42d6af0328f08b0d39d525b33d4ebd1c204b0a911efbe05347e0ee9ba","contentType":"text/markdown; charset=utf-8"},{"id":"714aa7b1-f3e9-5f07-8e37-7590cbef39af","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/714aa7b1-f3e9-5f07-8e37-7590cbef39af/attachment.md","path":"references/components/modal/demo/confirm-router.md","size":1000,"sha256":"79171b81620616799050d02babd7890daea3039d1cd51b82290642d039c71826","contentType":"text/markdown; charset=utf-8"},{"id":"31cbb34b-70be-5e99-b406-9991db902358","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/31cbb34b-70be-5e99-b406-9991db902358/attachment.md","path":"references/components/modal/demo/confirm.md","size":2156,"sha256":"d9937879c5ce69104351a9f9b08484feba228adb39bc33379780a9c4979212b5","contentType":"text/markdown; charset=utf-8"},{"id":"2cc62390-86b2-5918-b17a-6fa183a83a03","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2cc62390-86b2-5918-b17a-6fa183a83a03/attachment.md","path":"references/components/modal/demo/footer-render.md","size":1382,"sha256":"2813d656a8962e94fb98a3c436bb01324e27bb4a9ad2444b1695ba94b5a641e0","contentType":"text/markdown; charset=utf-8"},{"id":"990fb532-64f5-5f36-8ec6-0b530486b189","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/990fb532-64f5-5f36-8ec6-0b530486b189/attachment.md","path":"references/components/modal/demo/footer.md","size":1468,"sha256":"94da88fa5f82eb29a45814096a0170cedf67b6abee7e2d6c88487a37ee3ae3ca","contentType":"text/markdown; charset=utf-8"},{"id":"3597fe74-5019-5869-9b40-f879e54248b4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3597fe74-5019-5869-9b40-f879e54248b4/attachment.md","path":"references/components/modal/demo/hooks.md","size":2267,"sha256":"ee31ba48cacae097e6d60d3144603c9f60e975d95851acf6b7c02d9fa22a5116","contentType":"text/markdown; charset=utf-8"},{"id":"911ae6ef-7fa0-509e-9a0c-4bd4dde327eb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/911ae6ef-7fa0-509e-9a0c-4bd4dde327eb/attachment.md","path":"references/components/modal/demo/loading.md","size":880,"sha256":"302714248260bb24c95758038fcb3fdd0ed91c1387df2b383fb2de06cd20da8d","contentType":"text/markdown; charset=utf-8"},{"id":"ea254d5f-fabc-5e79-a455-0eb48e254309","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ea254d5f-fabc-5e79-a455-0eb48e254309/attachment.md","path":"references/components/modal/demo/locale.md","size":660,"sha256":"78df5c50daa4c680ed9d13f72df2ae566eb65525466cb3fee4c0fbe814b6cbdb","contentType":"text/markdown; charset=utf-8"},{"id":"8f88f11e-1231-5ce2-8a6b-6435fa2acf12","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8f88f11e-1231-5ce2-8a6b-6435fa2acf12/attachment.md","path":"references/components/modal/demo/manual.md","size":848,"sha256":"7d36067e9c38f5b8c678e26c3a3ada2b10edc38c4c36e211dc44e634603c76b4","contentType":"text/markdown; charset=utf-8"},{"id":"f504ed59-dd99-5708-82ef-c9affc8133b0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f504ed59-dd99-5708-82ef-c9affc8133b0/attachment.md","path":"references/components/modal/demo/mask.md","size":769,"sha256":"83814ddbf80a21990550ba7be13207db8906feb7b56ebf68718f5b8bc9d046ae","contentType":"text/markdown; charset=utf-8"},{"id":"cc49944a-7418-56f7-82f3-6d96dd66cbd7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/cc49944a-7418-56f7-82f3-6d96dd66cbd7/attachment.md","path":"references/components/modal/demo/modal-render.md","size":940,"sha256":"545410071334df31f47aca1a63bf0e262fbf690f4405ea548d9ce7fc89699d18","contentType":"text/markdown; charset=utf-8"},{"id":"acc13ec1-b85d-5056-a1e4-0595ddb3ab81","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/acc13ec1-b85d-5056-a1e4-0595ddb3ab81/attachment.md","path":"references/components/modal/demo/position.md","size":1201,"sha256":"bae8767f8ee389cfeb910fdb157fdc2b341ba54087cf36ba4869c1fd54bbdb29","contentType":"text/markdown; charset=utf-8"},{"id":"a032e8dd-efa5-5ce7-871b-dbe88e4f3df0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a032e8dd-efa5-5ce7-871b-dbe88e4f3df0/attachment.md","path":"references/components/modal/demo/static-info.md","size":1226,"sha256":"855346c1d509ddb92fb6cd69fc72e94a8d58e096218ff17e228da966f5866d13","contentType":"text/markdown; charset=utf-8"},{"id":"99356452-9831-5b55-959c-05b360b2ba9e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/99356452-9831-5b55-959c-05b360b2ba9e/attachment.md","path":"references/components/modal/demo/style-class.md","size":3853,"sha256":"05d2bba12ece86190e39d79a4324a14d6fc5c0353369339f7d94e3af3d63b804","contentType":"text/markdown; charset=utf-8"},{"id":"111f8bde-d10a-5495-8d2f-a5aa4998e2ad","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/111f8bde-d10a-5495-8d2f-a5aa4998e2ad/attachment.md","path":"references/components/modal/demo/width.md","size":1253,"sha256":"aa80a7cfb4ac03c5f1306bea7803f8d74d0c434c710f57f77f7d3de2546d3380","contentType":"text/markdown; charset=utf-8"},{"id":"a8ba40f2-87e8-54b5-9b59-8b8e3b7e2eeb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a8ba40f2-87e8-54b5-9b59-8b8e3b7e2eeb/attachment.md","path":"references/components/modal/docs.md","size":11730,"sha256":"061c379d75acabd54b427e4c04dd297054e87d0195c9d6ea593f1bbffbb65b14","contentType":"text/markdown; charset=utf-8"},{"id":"3f02a86c-6c2f-5975-a3a6-56cef168e314","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3f02a86c-6c2f-5975-a3a6-56cef168e314/attachment.md","path":"references/components/modal/token.md","size":758,"sha256":"3ae77e8376485539c1ad098546221edaa2bf78a45b3a57c391844245d4973458","contentType":"text/markdown; charset=utf-8"},{"id":"00cfbce9-0ff5-5a12-9ac5-6e39336fc6d1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/00cfbce9-0ff5-5a12-9ac5-6e39336fc6d1/attachment.md","path":"references/components/notification/demo/_semantic.md","size":2126,"sha256":"34aaf94e7ea08282012d0fcefc9d204e5736ede5e90caaa120b5557b7b0f9353","contentType":"text/markdown; charset=utf-8"},{"id":"fac091b0-a248-5a39-a0d1-18994ca4df68","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fac091b0-a248-5a39-a0d1-18994ca4df68/attachment.md","path":"references/components/notification/demo/basic.md","size":765,"sha256":"91ad002fc8e3e8fdc5fa93d504b7a442d09d95774cd034e19f6a990257d8ecdf","contentType":"text/markdown; charset=utf-8"},{"id":"19bf3d3d-3c84-55bc-8671-05785957bd06","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/19bf3d3d-3c84-55bc-8671-05785957bd06/attachment.md","path":"references/components/notification/demo/custom-icon.md","size":757,"sha256":"ba223451863eb9f006185bba34c4849808cd1873748d2c62f1e26c719b1704ba","contentType":"text/markdown; charset=utf-8"},{"id":"bba3279c-b40c-52d8-8662-079a5d65b1ac","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bba3279c-b40c-52d8-8662-079a5d65b1ac/attachment.md","path":"references/components/notification/demo/custom-style.md","size":710,"sha256":"c8503c917431edb60d0ad1c60a44ac9b9c491f40f444932b0821254343579207","contentType":"text/markdown; charset=utf-8"},{"id":"bbc2165e-a9a1-5968-bb92-0c59e8d5c425","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bbc2165e-a9a1-5968-bb92-0c59e8d5c425/attachment.md","path":"references/components/notification/demo/duration.md","size":903,"sha256":"5ab954cd9ba54414dbd714f6604ec2464f78eeee2f29e9a25d5e0aeb70d1f972","contentType":"text/markdown; charset=utf-8"},{"id":"6e00343a-45fc-53d6-9664-32c615e3da2b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6e00343a-45fc-53d6-9664-32c615e3da2b/attachment.md","path":"references/components/notification/demo/hooks.md","size":2196,"sha256":"387973ee610e0059e782b74d548c2941f98939e381377bb4b9d330438c1172f5","contentType":"text/markdown; charset=utf-8"},{"id":"28d5d9d1-d7bb-565a-ad2f-097d7c22cef4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/28d5d9d1-d7bb-565a-ad2f-097d7c22cef4/attachment.md","path":"references/components/notification/demo/placement.md","size":1902,"sha256":"c38ee45738df6e54d3d9eff161a43f8251d51c2c9e17b83776d5b32e9bf1f461","contentType":"text/markdown; charset=utf-8"},{"id":"ca3add5f-be68-5bce-84a5-93da2c96dfcb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ca3add5f-be68-5bce-84a5-93da2c96dfcb/attachment.md","path":"references/components/notification/demo/progress-color.md","size":1139,"sha256":"36922e642bcf9b5c335148609d2b360420d22d62b7697367d244663c02073a4e","contentType":"text/markdown; charset=utf-8"},{"id":"c1e7e382-fd37-56f0-a9c9-ff1365986683","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c1e7e382-fd37-56f0-a9c9-ff1365986683/attachment.md","path":"references/components/notification/demo/show-with-progress.md","size":828,"sha256":"bb1e7283a1765787e6fc8b04be70105bd4639a06c2371f59db1fecd5be19e89b","contentType":"text/markdown; charset=utf-8"},{"id":"28e3db7d-6c0e-5398-8e54-801dab6306fc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/28e3db7d-6c0e-5398-8e54-801dab6306fc/attachment.md","path":"references/components/notification/demo/stack.md","size":1610,"sha256":"504d117ce30c97dd1adbe416512e0265c16fa597f063a5657407b30b10b55c3d","contentType":"text/markdown; charset=utf-8"},{"id":"2d675ff1-a69a-5e12-9263-691a4d6c94ff","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2d675ff1-a69a-5e12-9263-691a4d6c94ff/attachment.md","path":"references/components/notification/demo/style-class.md","size":1676,"sha256":"270091f545b9f42b8ad7f2ef04b3f1b248cd8720bbca8ece612fd86dfe3bec30","contentType":"text/markdown; charset=utf-8"},{"id":"025028cc-a9d7-50f0-a867-98a26432d146","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/025028cc-a9d7-50f0-a867-98a26432d146/attachment.md","path":"references/components/notification/demo/update.md","size":669,"sha256":"cbe0e54ae0381467975833c069f0f4ef67273634f059619ca1ba015357e0b941","contentType":"text/markdown; charset=utf-8"},{"id":"3f518cb1-ce26-5ead-a661-1372280fc722","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3f518cb1-ce26-5ead-a661-1372280fc722/attachment.md","path":"references/components/notification/demo/with-btn.md","size":1317,"sha256":"dc8d7010013f1ffe7137ffbe9f3542cd025b1cfef842d2a5953bea02b76faf98","contentType":"text/markdown; charset=utf-8"},{"id":"6b4a585e-75be-5854-876f-c29d73772714","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6b4a585e-75be-5854-876f-c29d73772714/attachment.md","path":"references/components/notification/demo/with-icon.md","size":1157,"sha256":"25376b234ce4aac1ac07cce8a6bc1ea3688da7ffd382bb365b69a18bd9d3ad7e","contentType":"text/markdown; charset=utf-8"},{"id":"ec9a8665-4749-5a9b-b3ee-14209584ac91","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ec9a8665-4749-5a9b-b3ee-14209584ac91/attachment.md","path":"references/components/notification/docs.md","size":8740,"sha256":"79fb624cfed1b419ba1b0b536382a5a140bab3a95a6ce4bbc2b7f0f605e5ac2d","contentType":"text/markdown; charset=utf-8"},{"id":"c584e7e7-710c-58ad-9972-6cb339e7e200","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c584e7e7-710c-58ad-9972-6cb339e7e200/attachment.md","path":"references/components/notification/token.md","size":1004,"sha256":"ac562a89997f6a58a6fdbc57a64003ff4ab43ae51a893bc8af710c7c576845a4","contentType":"text/markdown; charset=utf-8"},{"id":"bfa5dc80-15c5-5d82-816c-34a165b5211f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bfa5dc80-15c5-5d82-816c-34a165b5211f/attachment.md","path":"references/components/overview/docs.md","size":206,"sha256":"ada02bcc5a76ce67b43b4b2cf381c79cdbaa336b01e47af45bbee5b9250494de","contentType":"text/markdown; charset=utf-8"},{"id":"7f9b2811-5f25-5f7a-82bb-ea5b49fc34f2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7f9b2811-5f25-5f7a-82bb-ea5b49fc34f2/attachment.md","path":"references/components/pagination/demo/_semantic.md","size":704,"sha256":"a2456bb666fb7350865be2f10081fd004177762d3d6e3433916c98f12e2389d2","contentType":"text/markdown; charset=utf-8"},{"id":"17e2f99e-e841-5e80-bade-2f24046cbf87","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/17e2f99e-e841-5e80-bade-2f24046cbf87/attachment.md","path":"references/components/pagination/demo/align.md","size":401,"sha256":"27368b38e44602561efda80c92a4857566152705afaa192391bf169e7ec58df4","contentType":"text/markdown; charset=utf-8"},{"id":"e20400c6-61c0-570c-a1bd-7ce41ac5762f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e20400c6-61c0-570c-a1bd-7ce41ac5762f/attachment.md","path":"references/components/pagination/demo/all.md","size":384,"sha256":"478eeb8809bd88ea0698d15e41aae8fa9a5e4f6ea5a0c4d297664777c50870f8","contentType":"text/markdown; charset=utf-8"},{"id":"070609b8-4e20-5587-a526-63ee9587cd1f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/070609b8-4e20-5587-a526-63ee9587cd1f/attachment.md","path":"references/components/pagination/demo/basic.md","size":149,"sha256":"ba61b7794c77aaa139410ea4072f656e78894c803c0e1cef9d4c82665deb9f3b","contentType":"text/markdown; charset=utf-8"},{"id":"a1320c80-1f74-5976-9343-7c4e0d734dbb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a1320c80-1f74-5976-9343-7c4e0d734dbb/attachment.md","path":"references/components/pagination/demo/changer.md","size":690,"sha256":"54cd41a0f81a59577a962da0dfd60af1540fb320a567636ed24cbdf01bde6aac","contentType":"text/markdown; charset=utf-8"},{"id":"342bcb66-39ae-57a7-aefc-4abd127b7282","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/342bcb66-39ae-57a7-aefc-4abd127b7282/attachment.md","path":"references/components/pagination/demo/controlled.md","size":423,"sha256":"5f8ab49d8738edb471ce2259a26c08d93a5e20721213f223eb2b55cbced823d8","contentType":"text/markdown; charset=utf-8"},{"id":"026cf266-2ade-5606-b1dc-b9ad9d313cc9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/026cf266-2ade-5606-b1dc-b9ad9d313cc9/attachment.md","path":"references/components/pagination/demo/itemRender.md","size":519,"sha256":"98a948fb0aa2eb0251456b6335c7bc803e130090443cd6a6adad260a9d48495c","contentType":"text/markdown; charset=utf-8"},{"id":"265358f4-291b-5cae-9a8d-e6c558ca0929","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/265358f4-291b-5cae-9a8d-e6c558ca0929/attachment.md","path":"references/components/pagination/demo/jump.md","size":639,"sha256":"7c26195f8d08f03765b2fb10957eedf22ef1fe977066ba5218a9199d50965bcd","contentType":"text/markdown; charset=utf-8"},{"id":"bbb6d3ed-5052-515f-8393-b49abc6985a7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bbb6d3ed-5052-515f-8393-b49abc6985a7/attachment.md","path":"references/components/pagination/demo/mini.md","size":705,"sha256":"371ba2380387da5af02049836d957b4ed4a92dc2a79a296059be7bd7d2e9ce72","contentType":"text/markdown; charset=utf-8"},{"id":"6f39608d-7d8d-52ce-bc64-cfbb55a1595d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6f39608d-7d8d-52ce-bc64-cfbb55a1595d/attachment.md","path":"references/components/pagination/demo/more.md","size":143,"sha256":"43ab1d0d0bb5564d433e402ea97308c85b8aec35ab4cb60ca65663a99e29ad1c","contentType":"text/markdown; charset=utf-8"},{"id":"ebb36909-6246-52c7-a26e-ac3eaa0beb3e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ebb36909-6246-52c7-a26e-ac3eaa0beb3e/attachment.md","path":"references/components/pagination/demo/simple.md","size":392,"sha256":"b0bab34d9d302a8c62c32e1d13b38b401b4c804c20375f57b4ff89632024d5b2","contentType":"text/markdown; charset=utf-8"},{"id":"42210591-37da-5736-9fd7-82b2bc47c630","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/42210591-37da-5736-9fd7-82b2bc47c630/attachment.md","path":"references/components/pagination/demo/style-class.md","size":952,"sha256":"dc5d615f65ed08005fb8bc7c85e2f741046eab6303a2e8835a74c76d4a7d1e14","contentType":"text/markdown; charset=utf-8"},{"id":"c8e6b15e-6872-5d12-ac35-38c6f5bb5169","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c8e6b15e-6872-5d12-ac35-38c6f5bb5169/attachment.md","path":"references/components/pagination/demo/total.md","size":775,"sha256":"7959b1d8d960d30ec02197a159597659eca619365fa4cc3e292518099b092c54","contentType":"text/markdown; charset=utf-8"},{"id":"ecb18ca8-6b97-586d-ae22-5c62fa6f0d5e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ecb18ca8-6b97-586d-ae22-5c62fa6f0d5e/attachment.md","path":"references/components/pagination/docs.md","size":4491,"sha256":"0d2e9ba4574fc10df76b40a476edd848876e0d4d36086aeaa39a180c278a7913","contentType":"text/markdown; charset=utf-8"},{"id":"a7f59c16-a0f7-50ee-bf8e-3cc123a09873","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a7f59c16-a0f7-50ee-bf8e-3cc123a09873/attachment.md","path":"references/components/pagination/token.md","size":1277,"sha256":"7a886c62647a47df4e5bba6885e728ed2382504b0efb59997dbed265e3b6514e","contentType":"text/markdown; charset=utf-8"},{"id":"6b3a9c56-72d9-530e-95d6-b3224d6551f0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6b3a9c56-72d9-530e-95d6-b3224d6551f0/attachment.md","path":"references/components/popconfirm/demo/_semantic.md","size":1210,"sha256":"91efb185fcdb89bac19e7721d58ecd03992845c0c181e94f54f111664b6103f9","contentType":"text/markdown; charset=utf-8"},{"id":"f19452a4-e3ed-52c0-8906-adf570a83195","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f19452a4-e3ed-52c0-8906-adf570a83195/attachment.md","path":"references/components/popconfirm/demo/async.md","size":962,"sha256":"5ce4295d512a196a1e78e86bc4cb2e780c839d24966f81f6a43ebdc63f45ef5f","contentType":"text/markdown; charset=utf-8"},{"id":"16408751-b54f-54df-b2c2-adef03b1c349","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/16408751-b54f-54df-b2c2-adef03b1c349/attachment.md","path":"references/components/popconfirm/demo/basic.md","size":738,"sha256":"cd6f0bc315dae0fb35d76414a8fb2f56bac18a159a937f1f64dc40ba89856970","contentType":"text/markdown; charset=utf-8"},{"id":"2ed07f0e-0716-54e0-b370-53e1b1ec8854","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2ed07f0e-0716-54e0-b370-53e1b1ec8854/attachment.md","path":"references/components/popconfirm/demo/dynamic-trigger.md","size":1101,"sha256":"3492bc5e2151bd842a54cc3cae047cd1624afc6e6ec5c27289c769a2d1377661","contentType":"text/markdown; charset=utf-8"},{"id":"3656300a-d204-55ad-bafc-a5f6459cfadc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3656300a-d204-55ad-bafc-a5f6459cfadc/attachment.md","path":"references/components/popconfirm/demo/icon.md","size":481,"sha256":"98dd2690f7a64ee179dedfe50130ef57e2f27d981f41790f691fb0c945d5b074","contentType":"text/markdown; charset=utf-8"},{"id":"bfb03b59-1079-543e-8b9e-46d330ee21ea","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bfb03b59-1079-543e-8b9e-46d330ee21ea/attachment.md","path":"references/components/popconfirm/demo/locale.md","size":363,"sha256":"f14cfa8a341f8572b711b007ff024c7a40ac6b0192a6c4f2002ca888fa8c9cd6","contentType":"text/markdown; charset=utf-8"},{"id":"ba14a6b8-6d99-5b04-90b2-899fdd5714b1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ba14a6b8-6d99-5b04-90b2-899fdd5714b1/attachment.md","path":"references/components/popconfirm/demo/placement.md","size":3899,"sha256":"72b725164ca466bfee539b987043f5f6734e15be107c7a2bc90abc5cd0faf805","contentType":"text/markdown; charset=utf-8"},{"id":"e0db2f37-37ea-552d-8255-c9fb9461769b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e0db2f37-37ea-552d-8255-c9fb9461769b/attachment.md","path":"references/components/popconfirm/demo/promise.md","size":679,"sha256":"b5286abc42b11367dcb866b6046046c7361f61fba08bc746a46874a6df43453b","contentType":"text/markdown; charset=utf-8"},{"id":"9a5e8daa-ad97-547a-83e6-d371127eb2e2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9a5e8daa-ad97-547a-83e6-d371127eb2e2/attachment.md","path":"references/components/popconfirm/demo/shift.md","size":844,"sha256":"d30e812e04369d254bb00c4db768de8b5403b5f5d4ab305c35c2838f4d0fd66f","contentType":"text/markdown; charset=utf-8"},{"id":"feb257ac-87f5-59a4-86d1-bc6ea4dca6a9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/feb257ac-87f5-59a4-86d1-bc6ea4dca6a9/attachment.md","path":"references/components/popconfirm/demo/style-class.md","size":1752,"sha256":"d98f25e5a2afb181f41367a319fc6c3b1caf0b89f0c91fa4c5bb36175aef949f","contentType":"text/markdown; charset=utf-8"},{"id":"d5a888da-5c0d-52ff-9444-167661a39d32","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d5a888da-5c0d-52ff-9444-167661a39d32/attachment.md","path":"references/components/popconfirm/docs.md","size":2965,"sha256":"a74b23251840e040c0173aec081bee3fa93266bfd3a385a8786742703296583a","contentType":"text/markdown; charset=utf-8"},{"id":"b2a7cfd0-2165-5b1c-bca8-1683e5fdf351","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b2a7cfd0-2165-5b1c-bca8-1683e5fdf351/attachment.md","path":"references/components/popconfirm/token.md","size":481,"sha256":"495fe67b532231895dc4b90dd67d592ced50baefe6bd8c15c2130de2e4f371e0","contentType":"text/markdown; charset=utf-8"},{"id":"0c312f0b-c353-533a-b37d-e449b5f5ebfb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0c312f0b-c353-533a-b37d-e449b5f5ebfb/attachment.md","path":"references/components/popover/demo/_semantic.md","size":1118,"sha256":"ff31b61e8a8dd41f49e2ddf184ff09c239827595812f1d72d7cedfcd1b6b586a","contentType":"text/markdown; charset=utf-8"},{"id":"e826a811-4eea-5070-858e-f61a7faaee6c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e826a811-4eea-5070-858e-f61a7faaee6c/attachment.md","path":"references/components/popover/demo/arrow.md","size":3216,"sha256":"5ac6886c9adc406f212b4f2eb24f6858f2d8b76548b5d73e010f19ce05a7b300","contentType":"text/markdown; charset=utf-8"},{"id":"f21c52b3-2f7f-52c9-ad8d-0933631b2398","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f21c52b3-2f7f-52c9-ad8d-0933631b2398/attachment.md","path":"references/components/popover/demo/basic.md","size":455,"sha256":"dc60584629f92ca15989185239de12425db584501f12537b4cf73a1e7b67ade0","contentType":"text/markdown; charset=utf-8"},{"id":"4df867b5-d119-5853-8fb3-fccb7c3e4b0a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4df867b5-d119-5853-8fb3-fccb7c3e4b0a/attachment.md","path":"references/components/popover/demo/control.md","size":519,"sha256":"193dd14979682d342e1295ded1c2c7e1b2832606c6de2e01646535518b869661","contentType":"text/markdown; charset=utf-8"},{"id":"4ce5e1aa-ff09-5ed1-a181-42a74a474bb9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4ce5e1aa-ff09-5ed1-a181-42a74a474bb9/attachment.md","path":"references/components/popover/demo/hover-with-click.md","size":1198,"sha256":"d5bf6743f4286932e9c5c752c8265e54c1f6a85702086dcfb8d1003143d4bef2","contentType":"text/markdown; charset=utf-8"},{"id":"0290f770-0525-5b8f-92e3-c77765ffeb9d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0290f770-0525-5b8f-92e3-c77765ffeb9d/attachment.md","path":"references/components/popover/demo/placement.md","size":2515,"sha256":"233448ce67e8be59bbc24440c03885eafcd642fd8cb371d0bb094a161e36a792","contentType":"text/markdown; charset=utf-8"},{"id":"6e6ea4d7-25d2-5ebf-9b51-b8bec4e14fb3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6e6ea4d7-25d2-5ebf-9b51-b8bec4e14fb3/attachment.md","path":"references/components/popover/demo/shift.md","size":837,"sha256":"99740d3641662618bd02b4cad9659921a674f755fb3d6821f6a01f717f9c0457","contentType":"text/markdown; charset=utf-8"},{"id":"363bb0f4-4431-542b-810f-42a407473557","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/363bb0f4-4431-542b-810f-42a407473557/attachment.md","path":"references/components/popover/demo/style-class.md","size":1536,"sha256":"3d53a8adfaab804d3f5f1f546eb4b60e2e273ed91a0921ceabab0acb923765e9","contentType":"text/markdown; charset=utf-8"},{"id":"649f8bb8-64fa-55ab-9746-3987c9659a0b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/649f8bb8-64fa-55ab-9746-3987c9659a0b/attachment.md","path":"references/components/popover/demo/trigger-type.md","size":826,"sha256":"3cc4b5dc2aa6856188a9c26c95f071f041abaec575c50a70cfc73100c68c2f3a","contentType":"text/markdown; charset=utf-8"},{"id":"9e5fe183-685f-51e0-b4c5-538ff3b10a80","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9e5fe183-685f-51e0-b4c5-538ff3b10a80/attachment.md","path":"references/components/popover/docs.md","size":1973,"sha256":"87ac8a33303f813f162910be2d4b2e76734c5ff0e5d99aaf43124fcafd834d06","contentType":"text/markdown; charset=utf-8"},{"id":"cfe62548-fb85-5572-82c0-aa11cfeed677","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/cfe62548-fb85-5572-82c0-aa11cfeed677/attachment.md","path":"references/components/popover/token.md","size":539,"sha256":"ad1c6cfd90ee8fae405583bb9c3ea957cf1d749a4e03ec9c47b4c1bda793fb94","contentType":"text/markdown; charset=utf-8"},{"id":"48a981b4-a722-52cf-b60b-775704d339df","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/48a981b4-a722-52cf-b60b-775704d339df/attachment.md","path":"references/components/progress/demo/_semantic.md","size":1734,"sha256":"101f0753a96cf81f06be1ce1775ec9963e84e885589939287e5ee47c5105812d","contentType":"text/markdown; charset=utf-8"},{"id":"77af6aa8-7d1d-5693-b85f-263911b6c194","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/77af6aa8-7d1d-5693-b85f-263911b6c194/attachment.md","path":"references/components/progress/demo/circle-micro.md","size":495,"sha256":"1cfc452ab98cd5671aa89f6a3f704b7ef742249d092f3157564d19e696d1b134","contentType":"text/markdown; charset=utf-8"},{"id":"0edafa5d-e0f3-5b39-8dc2-4b212c77fba3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0edafa5d-e0f3-5b39-8dc2-4b212c77fba3/attachment.md","path":"references/components/progress/demo/circle-mini.md","size":372,"sha256":"1eeb2eea82987c445c02420cbc89e62755eb4d364104bcb1d43a41351683eb5c","contentType":"text/markdown; charset=utf-8"},{"id":"047e0899-463e-5413-bb6b-7ce12b0244cf","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/047e0899-463e-5413-bb6b-7ce12b0244cf/attachment.md","path":"references/components/progress/demo/circle-steps.md","size":1041,"sha256":"fcbf6d535a7cf4bfbea92a14b1177630f504652663f1b998593093a9bc30a815","contentType":"text/markdown; charset=utf-8"},{"id":"bfd61c96-eda9-570e-89cd-65a27401ea10","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bfd61c96-eda9-570e-89cd-65a27401ea10/attachment.md","path":"references/components/progress/demo/circle.md","size":321,"sha256":"0d9dd837823848b16b87cbb24c2c3bfd8f6cabf4647bb06c9b17f6ce2f4b0558","contentType":"text/markdown; charset=utf-8"},{"id":"0b98e4a4-a8b1-5a5f-a5cf-0aca1079767e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0b98e4a4-a8b1-5a5f-a5cf-0aca1079767e/attachment.md","path":"references/components/progress/demo/dashboard.md","size":1090,"sha256":"9b316a6f858a35573016ff1c65baea536a29dd2f043c7fe7eae49de904dce415","contentType":"text/markdown; charset=utf-8"},{"id":"68ef6e9c-80cf-5642-a0a9-84da8a2dcbc8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/68ef6e9c-80cf-5642-a0a9-84da8a2dcbc8/attachment.md","path":"references/components/progress/demo/dynamic.md","size":909,"sha256":"f1e487b0615b1766b1631dd258a343259db893bcf526d5f25ce769ff126b0d81","contentType":"text/markdown; charset=utf-8"},{"id":"5839d4a5-7878-5f5e-b6ab-304db8f42b5b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5839d4a5-7878-5f5e-b6ab-304db8f42b5b/attachment.md","path":"references/components/progress/demo/format.md","size":345,"sha256":"9ff2601516e3a3594907665ac0fded5a6818e1c1411535fbcf6147c4ffc13e01","contentType":"text/markdown; charset=utf-8"},{"id":"0b54b543-5f5d-59a7-acd7-5f710670ff33","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0b54b543-5f5d-59a7-acd7-5f710670ff33/attachment.md","path":"references/components/progress/demo/gradient-line.md","size":1136,"sha256":"5332c70bf13761efcf16bb7459cc5439935f7a05f158f8cb8f30796da3cf3312","contentType":"text/markdown; charset=utf-8"},{"id":"0effae9f-fb2d-5231-8bb9-dcf3d3608075","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0effae9f-fb2d-5231-8bb9-dcf3d3608075/attachment.md","path":"references/components/progress/demo/info-position.md","size":1366,"sha256":"54971063c3ecdeffa336c8fbaeea1b8f0ca989eea2f614cc3141d1e9fa607d86","contentType":"text/markdown; charset=utf-8"},{"id":"6ab40315-9b6e-5e9f-be54-decd5447653a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6ab40315-9b6e-5e9f-be54-decd5447653a/attachment.md","path":"references/components/progress/demo/line-mini.md","size":412,"sha256":"d944c240a285bff9cf521b5bac2bb2fbab941157e5833ea48c3cd76b94f46700","contentType":"text/markdown; charset=utf-8"},{"id":"a0960a6a-91cc-5de5-a239-47b6bd45fdf6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a0960a6a-91cc-5de5-a239-47b6bd45fdf6/attachment.md","path":"references/components/progress/demo/line.md","size":375,"sha256":"190d77c0fabfaeed481e02073085c23d3049036737a5528e43fce1b3b8eba926","contentType":"text/markdown; charset=utf-8"},{"id":"84e5c75f-cd4e-5599-990e-dad5b6722a6e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/84e5c75f-cd4e-5599-990e-dad5b6722a6e/attachment.md","path":"references/components/progress/demo/linecap.md","size":575,"sha256":"64d9a4367c4e66e4b39d30d6791cc5887d1f7df349fd35e81097c2ef227c8b6b","contentType":"text/markdown; charset=utf-8"},{"id":"316a2dc4-548b-5c39-8899-363acb220f1a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/316a2dc4-548b-5c39-8899-363acb220f1a/attachment.md","path":"references/components/progress/demo/segment.md","size":700,"sha256":"e749d392c42b0b0819d8be8ec56bdded6c1d9c2666d8466781fc3170d7e32957","contentType":"text/markdown; charset=utf-8"},{"id":"a5f8b3af-fd93-5ea0-856a-e139499e34f4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a5f8b3af-fd93-5ea0-856a-e139499e34f4/attachment.md","path":"references/components/progress/demo/size.md","size":1106,"sha256":"23cd0a9b2008e0d4587b87d3bbe5206e6af77fdc90fa15c82be57de93534e093","contentType":"text/markdown; charset=utf-8"},{"id":"aaed8e25-a814-5ba8-b4e0-cc7578b9aeaa","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/aaed8e25-a814-5ba8-b4e0-cc7578b9aeaa/attachment.md","path":"references/components/progress/demo/steps.md","size":515,"sha256":"10f4d9db164fed96c6433a3e656adf4d653075b29f30189b09484e9cdfa11219","contentType":"text/markdown; charset=utf-8"},{"id":"6b4ff5be-4b3c-5793-bdc4-6faa1791df98","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6b4ff5be-4b3c-5793-bdc4-6faa1791df98/attachment.md","path":"references/components/progress/demo/style-class.md","size":1511,"sha256":"5b2bf85dd87ce843b642e5770cdfa79b4484b133f6567afbc73d80ad0b06ecc4","contentType":"text/markdown; charset=utf-8"},{"id":"4a8f1672-961d-5be8-aa2b-4d6a02a9f2b5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4a8f1672-961d-5be8-aa2b-4d6a02a9f2b5/attachment.md","path":"references/components/progress/docs.md","size":5066,"sha256":"999cd8d3f6acd4bf2e7a7e035a3a73dec80f157a9d081efc1182d8accd5932cd","contentType":"text/markdown; charset=utf-8"},{"id":"ffea8f3d-c206-5553-94bb-e82c251b5e75","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ffea8f3d-c206-5553-94bb-e82c251b5e75/attachment.md","path":"references/components/progress/token.md","size":846,"sha256":"a81debd45750cf3666c5ad59f5287ea02fc44284f5775ad81193e2241cc00e17","contentType":"text/markdown; charset=utf-8"},{"id":"0db08212-5d51-5baf-a093-3e1ea39d36d0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0db08212-5d51-5baf-a093-3e1ea39d36d0/attachment.md","path":"references/components/qr-code/demo/Popover.md","size":367,"sha256":"e2ccec3a87d92ee508936c265a9222d147899e505d6be83d60cd9420af0950fb","contentType":"text/markdown; charset=utf-8"},{"id":"2a0d4142-81b9-5442-b72b-3f2ae5a088ab","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2a0d4142-81b9-5442-b72b-3f2ae5a088ab/attachment.md","path":"references/components/qr-code/demo/_semantic.md","size":673,"sha256":"e625a19c05de229631c548005b8bac95f1d721ebee7e98099b2a9ee8d57427b1","contentType":"text/markdown; charset=utf-8"},{"id":"64179ab9-6979-5104-9197-50caba1aa1b0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/64179ab9-6979-5104-9197-50caba1aa1b0/attachment.md","path":"references/components/qr-code/demo/base.md","size":369,"sha256":"1ec13916034170a1819e6994db16f6762b00bbd5a9021c930d5790d1f3a0b4bd","contentType":"text/markdown; charset=utf-8"},{"id":"aec5030c-fbcf-55bb-853c-db4c657105f3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/aec5030c-fbcf-55bb-853c-db4c657105f3/attachment.md","path":"references/components/qr-code/demo/customColor.md","size":450,"sha256":"213ea589292d582a52af8a7f85828a9bf34e4f0c51e2f972dd9c5b1ec49078da","contentType":"text/markdown; charset=utf-8"},{"id":"003417c6-470e-5e56-935e-0e0b28a351ba","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/003417c6-470e-5e56-935e-0e0b28a351ba/attachment.md","path":"references/components/qr-code/demo/customSize.md","size":1283,"sha256":"c14b2da0b3626e921bd76226be2264e204344118285963015f923502080b3a1d","contentType":"text/markdown; charset=utf-8"},{"id":"50860e15-5ceb-5d15-a050-feee92ccda10","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/50860e15-5ceb-5d15-a050-feee92ccda10/attachment.md","path":"references/components/qr-code/demo/customStatusRender.md","size":1550,"sha256":"9c8629148f68ade9bfe86ba9718c1eb4e7a543a18974246c2719a5cf724427b2","contentType":"text/markdown; charset=utf-8"},{"id":"047e4950-a2c4-5fb3-967f-9bdc03c7ae5e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/047e4950-a2c4-5fb3-967f-9bdc03c7ae5e/attachment.md","path":"references/components/qr-code/demo/download.md","size":1495,"sha256":"b9a9589c8f5975d4ddc7cf86085aaf5170e834f8607925de8ff66597da17a722","contentType":"text/markdown; charset=utf-8"},{"id":"3a57e0f9-9562-5dff-a273-ef8048d6ea70","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3a57e0f9-9562-5dff-a273-ef8048d6ea70/attachment.md","path":"references/components/qr-code/demo/errorLevel.md","size":474,"sha256":"2ec96b83a4171a788dd01f5ab01e5c910cf581102adc2c9fbf973bed0bc9b45b","contentType":"text/markdown; charset=utf-8"},{"id":"a72f646a-d3b5-5001-97d4-70f477ec32b9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a72f646a-d3b5-5001-97d4-70f477ec32b9/attachment.md","path":"references/components/qr-code/demo/icon.md","size":257,"sha256":"85735ee4a8fc19d24b00a0bc65c82771e0b69d483b09c5057e9015a0bf104d94","contentType":"text/markdown; charset=utf-8"},{"id":"a9860587-9201-5912-8313-4ccdde20264e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a9860587-9201-5912-8313-4ccdde20264e/attachment.md","path":"references/components/qr-code/demo/status.md","size":522,"sha256":"f7622a1dfa8c1496a7f294474bae6c073e92e80d3cb9f59639818c6bdf4a8b35","contentType":"text/markdown; charset=utf-8"},{"id":"88e3f718-e59b-5ada-9a51-ac45a6d6c737","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/88e3f718-e59b-5ada-9a51-ac45a6d6c737/attachment.md","path":"references/components/qr-code/demo/type.md","size":325,"sha256":"2b53b34cdf819af7070928e947fadff2a8b61fcb1824aeb1f81705cf9305c1f2","contentType":"text/markdown; charset=utf-8"},{"id":"66e6769b-8039-51dc-bfba-508ab8fdacea","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/66e6769b-8039-51dc-bfba-508ab8fdacea/attachment.md","path":"references/components/qr-code/docs.md","size":3247,"sha256":"cbf3db5373fc507e810c1afb8a8610fb0bab121bacc62dbf591a02fd26307c3f","contentType":"text/markdown; charset=utf-8"},{"id":"76d66b9d-ec58-5a48-92a5-5dd22730a343","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/76d66b9d-ec58-5a48-92a5-5dd22730a343/attachment.md","path":"references/components/radio/demo/_semantic.md","size":747,"sha256":"728c1a0a2b7c58b4ff17b9a65c567bb7abd40140cc16860fc77008ab3e4cc935","contentType":"text/markdown; charset=utf-8"},{"id":"ab2cb870-bfdd-53b5-ad8b-540af6cb9d3f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ab2cb870-bfdd-53b5-ad8b-540af6cb9d3f/attachment.md","path":"references/components/radio/demo/basic.md","size":249,"sha256":"f18cd497d728aca11b4eb9483a60bb41f36b5340a8221d069a632fc49fef093f","contentType":"text/markdown; charset=utf-8"},{"id":"ec457e0e-d402-5090-b3ae-9e55a8e75506","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ec457e0e-d402-5090-b3ae-9e55a8e75506/attachment.md","path":"references/components/radio/demo/disabled.md","size":612,"sha256":"7d56ddad55e7f9a66d4d6d4581d8cef478d6ed86ed17512c323dd26dcaa8d037","contentType":"text/markdown; charset=utf-8"},{"id":"4fc0057c-b6c5-5682-a648-24770053689a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4fc0057c-b6c5-5682-a648-24770053689a/attachment.md","path":"references/components/radio/demo/radiobutton-solid.md","size":1028,"sha256":"055547ddd342ea34404b546f68094db8f902eff83dde0db7d974f0f9e0b8bcb3","contentType":"text/markdown; charset=utf-8"},{"id":"a35ac154-6a7e-5d39-b865-08a6180a17cd","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a35ac154-6a7e-5d39-b865-08a6180a17cd/attachment.md","path":"references/components/radio/demo/radiobutton.md","size":1358,"sha256":"f69c6be384087cc662ac518e370ad085a52adee67dd1f2e15a21d975ed69e7d0","contentType":"text/markdown; charset=utf-8"},{"id":"991f09b8-c9d1-50a4-ad5f-f73a560d08fe","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/991f09b8-c9d1-50a4-ad5f-f73a560d08fe/attachment.md","path":"references/components/radio/demo/radiogroup-block.md","size":851,"sha256":"3617411338eba0c6967982175506a3a9434c6b2ac01e48248d84a1575ecd07e0","contentType":"text/markdown; charset=utf-8"},{"id":"a529a4ea-d5d5-577d-a5f1-1f45b2fe7e58","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a529a4ea-d5d5-577d-a5f1-1f45b2fe7e58/attachment.md","path":"references/components/radio/demo/radiogroup-more.md","size":590,"sha256":"5f79adb1f00b18bc62163ffeaddfb07d2574454285475aca62d619251bedc0e5","contentType":"text/markdown; charset=utf-8"},{"id":"f4203aad-f196-5d39-971c-7aa08874c4f8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f4203aad-f196-5d39-971c-7aa08874c4f8/attachment.md","path":"references/components/radio/demo/radiogroup-options.md","size":1277,"sha256":"71979251ae7bc1c24b080c1c14c820b2acaac67d209ac67c61b755360e72d424","contentType":"text/markdown; charset=utf-8"},{"id":"f0c7c4c7-f69e-508a-9f8e-97db5e88ad11","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f0c7c4c7-f69e-508a-9f8e-97db5e88ad11/attachment.md","path":"references/components/radio/demo/radiogroup-with-name.md","size":774,"sha256":"54c17ccfa1735b01b4a65c1c5eb3c798078035b5fe2cf7c99364766473c78799","contentType":"text/markdown; charset=utf-8"},{"id":"dd5dc8f3-235b-5727-9d6a-7043f7596dfb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dd5dc8f3-235b-5727-9d6a-7043f7596dfb/attachment.md","path":"references/components/radio/demo/radiogroup.md","size":1116,"sha256":"6af97331cb580c6eeddf21710a307fbaadd4dcc30cfeb902aceb043d8193e24d","contentType":"text/markdown; charset=utf-8"},{"id":"4ce4a62b-3891-5cde-88c2-bd13805f9b79","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4ce4a62b-3891-5cde-88c2-bd13805f9b79/attachment.md","path":"references/components/radio/demo/size.md","size":1473,"sha256":"4c7f70560daab80ea6e62a58e28255c8a1639af3eb96fdee3e337b94967d2c87","contentType":"text/markdown; charset=utf-8"},{"id":"21e183ab-65f5-5c4c-9eb6-90945aa26b7c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/21e183ab-65f5-5c4c-9eb6-90945aa26b7c/attachment.md","path":"references/components/radio/docs.md","size":4433,"sha256":"f7975295c129b120b47163a40232ec0da5ac1af8d8787952708aa02fa14dca01","contentType":"text/markdown; charset=utf-8"},{"id":"46be614a-ab01-54fa-95ac-983cb5946e54","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/46be614a-ab01-54fa-95ac-983cb5946e54/attachment.md","path":"references/components/radio/token.md","size":1487,"sha256":"003f6bf0551e04f624681dad521a6e9d2cb1729d1246337d73280a5dc794345e","contentType":"text/markdown; charset=utf-8"},{"id":"883b6592-e67a-53a3-82d9-d2f884658eb0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/883b6592-e67a-53a3-82d9-d2f884658eb0/attachment.md","path":"references/components/rate/demo/basic.md","size":218,"sha256":"75e717cf2a55af992732937e870a2837f6c0853a0e53e0479779ca15ebf9fd31","contentType":"text/markdown; charset=utf-8"},{"id":"3f54ade0-59e0-5839-8c71-8ffd11ebb95b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3f54ade0-59e0-5839-8c71-8ffd11ebb95b/attachment.md","path":"references/components/rate/demo/character-function.md","size":718,"sha256":"98824fe1cd0bfd71a180d74c47035145f6e20ea44ba7641e8ec5fd596d3dd461","contentType":"text/markdown; charset=utf-8"},{"id":"a7432917-b29f-52e9-bbf5-f6bd4359f95d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a7432917-b29f-52e9-bbf5-f6bd4359f95d/attachment.md","path":"references/components/rate/demo/character.md","size":644,"sha256":"da415006be7453953584ef98bb17cf29fc7359540f1220bf88797bca98f26aaa","contentType":"text/markdown; charset=utf-8"},{"id":"ee301e54-95b9-5dc2-b149-f74f31a1eaea","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ee301e54-95b9-5dc2-b149-f74f31a1eaea/attachment.md","path":"references/components/rate/demo/clear.md","size":530,"sha256":"6a37e047891dd6a0fc8676d7d92690b1f5422efcdddfd365212d4ad493205856","contentType":"text/markdown; charset=utf-8"},{"id":"99fe7fa6-e96d-5cec-99b3-9b2a35c38d43","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/99fe7fa6-e96d-5cec-99b3-9b2a35c38d43/attachment.md","path":"references/components/rate/demo/component-token.md","size":487,"sha256":"cfe02dd00e7a2d30deeb062ecd612503e7c484e161d2415be20b13b4000b05e7","contentType":"text/markdown; charset=utf-8"},{"id":"1b649e59-586d-5445-a6af-b73eb70485c4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1b649e59-586d-5445-a6af-b73eb70485c4/attachment.md","path":"references/components/rate/demo/disabled.md","size":251,"sha256":"5877b59e023d2f1792b19de1547af028700ee74bac8149fb04c6a6d02ccf2f9f","contentType":"text/markdown; charset=utf-8"},{"id":"4f896010-c338-5a59-99e2-4ee615e4649a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4f896010-c338-5a59-99e2-4ee615e4649a/attachment.md","path":"references/components/rate/demo/half.md","size":237,"sha256":"850f0c0c4b48ff2318a29e18ec2ddd92af4d694df2296f17bf4435f0d0ca98a2","contentType":"text/markdown; charset=utf-8"},{"id":"21cc0185-59a2-509b-ab7c-60bb44587047","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/21cc0185-59a2-509b-ab7c-60bb44587047/attachment.md","path":"references/components/rate/demo/size.md","size":403,"sha256":"20beb53a399a768cc1d2ef87b9d7e0d814b727160019a01fa00bd3c090f057cc","contentType":"text/markdown; charset=utf-8"},{"id":"0cd1c465-60cc-5299-875c-60c2080b12c8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0cd1c465-60cc-5299-875c-60c2080b12c8/attachment.md","path":"references/components/rate/demo/text.md","size":752,"sha256":"5f319ee3f548e54944211e02c0f5118a569a99bb34150030ad4a5396a4cc318c","contentType":"text/markdown; charset=utf-8"},{"id":"e8966bc7-fd51-57dc-94cf-fec462c90e71","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e8966bc7-fd51-57dc-94cf-fec462c90e71/attachment.md","path":"references/components/rate/docs.md","size":2168,"sha256":"0aa1efc88fc8060ef4d9b6eaa7095e83892ab70dc09b24799bbd39a4ab61eaa9","contentType":"text/markdown; charset=utf-8"},{"id":"ae3288e0-7a18-551b-88d6-88be7e64c646","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ae3288e0-7a18-551b-88d6-88be7e64c646/attachment.md","path":"references/components/rate/token.md","size":690,"sha256":"14bddd636e7f9351f9a2be38ce873457bdab3f9aa86a08a7b94951bed3a995bc","contentType":"text/markdown; charset=utf-8"},{"id":"fb138341-b39a-5a7d-9e6f-ae483b8ca7e2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fb138341-b39a-5a7d-9e6f-ae483b8ca7e2/attachment.md","path":"references/components/result/demo/403.md","size":357,"sha256":"0584770263b2016131d04b045eac7aed6bfcb80b5184b264d9d9fc8b1c85dde9","contentType":"text/markdown; charset=utf-8"},{"id":"8b52472a-2752-547d-95e7-7a5c39505d46","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8b52472a-2752-547d-95e7-7a5c39505d46/attachment.md","path":"references/components/result/demo/404.md","size":343,"sha256":"fd5c0b161fe5bc5f49c2dc21f09330410463b8d9480b8200d9e7ec453435a924","contentType":"text/markdown; charset=utf-8"},{"id":"fba332d2-5769-51a0-94b6-de11c29dc493","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fba332d2-5769-51a0-94b6-de11c29dc493/attachment.md","path":"references/components/result/demo/500.md","size":323,"sha256":"60dcfb74d494b16dd0ae512bb9bd3c7c41d0e8345e371a4c7786ec24e600f525","contentType":"text/markdown; charset=utf-8"},{"id":"8483333d-9938-592c-b563-27128f03a4a9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8483333d-9938-592c-b563-27128f03a4a9/attachment.md","path":"references/components/result/demo/_semantic.md","size":1193,"sha256":"8bc8d8e0379de1d332b8417d25571d6bc15e950c8b8e672ca39f1c92eb26712c","contentType":"text/markdown; charset=utf-8"},{"id":"b8b5eb76-9ba7-579a-8f2c-f8da04c29576","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b8b5eb76-9ba7-579a-8f2c-f8da04c29576/attachment.md","path":"references/components/result/demo/customIcon.md","size":428,"sha256":"434742a465ee45694ba3c5a543105bd0cdbeb42864b8f5af6aef2784fad00145","contentType":"text/markdown; charset=utf-8"},{"id":"b04f1e7e-0037-56f2-93e7-e27c7e6e04bd","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b04f1e7e-0037-56f2-93e7-e27c7e6e04bd/attachment.md","path":"references/components/result/demo/error.md","size":771,"sha256":"cd6bc4effb7091260fb6e2aa0665062d92df97fb186a81b2f6991158242952c3","contentType":"text/markdown; charset=utf-8"},{"id":"c48c5511-3403-55d6-b201-1c73cf0e4308","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c48c5511-3403-55d6-b201-1c73cf0e4308/attachment.md","path":"references/components/result/demo/info.md","size":299,"sha256":"35350e1548ce961c713569007dbbef44b7105f356214fb43cf94ad8407145589","contentType":"text/markdown; charset=utf-8"},{"id":"fcdb8f3a-1674-5fdd-9ff8-1bfbeb6b1c0c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fcdb8f3a-1674-5fdd-9ff8-1bfbeb6b1c0c/attachment.md","path":"references/components/result/demo/style-class.md","size":2026,"sha256":"f35653cf3d8a16614b0cd13366dd1adb5154c49b34028fd6a869ac591daf513d","contentType":"text/markdown; charset=utf-8"},{"id":"01a9ead1-9116-5a8e-a650-3376fe666e19","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/01a9ead1-9116-5a8e-a650-3376fe666e19/attachment.md","path":"references/components/result/demo/success.md","size":503,"sha256":"1f0421a56d3b8c431158af5c33388b2a2fcc345814d9498ced6cc82940cc0054","contentType":"text/markdown; charset=utf-8"},{"id":"5c926532-c8b8-57e1-a73a-5580a8702a8a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5c926532-c8b8-57e1-a73a-5580a8702a8a/attachment.md","path":"references/components/result/demo/warning.md","size":337,"sha256":"5ce9528c48551c059c896262964db21869300c372bf13b37bc39cd5c5166d07e","contentType":"text/markdown; charset=utf-8"},{"id":"6513b285-ae59-5ded-8ccf-584310809d60","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6513b285-ae59-5ded-8ccf-584310809d60/attachment.md","path":"references/components/result/docs.md","size":1305,"sha256":"50527aa53402cbb952d7323de636114b162274658fd8a6bcede76dc5afc3a4e2","contentType":"text/markdown; charset=utf-8"},{"id":"16a8baff-91a8-5b55-9b0b-9640b8bd3aa7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/16a8baff-91a8-5b55-9b0b-9640b8bd3aa7/attachment.md","path":"references/components/result/token.md","size":641,"sha256":"6a3fd490e4f8ede7cbcf5c9be5fb9fccd64d9d0b23cb78429ad69a6e2b087d66","contentType":"text/markdown; charset=utf-8"},{"id":"e884fc99-f7b6-530e-9441-db4534946920","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e884fc99-f7b6-530e-9441-db4534946920/attachment.md","path":"references/components/segmented/demo/_semantic.md","size":1017,"sha256":"ffebe474b575d480266ae99a991b6b3102b22bc6901aa5b14abd08b9e59786a2","contentType":"text/markdown; charset=utf-8"},{"id":"f5155979-642f-5bf0-99c4-a57753ebbe18","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f5155979-642f-5bf0-99c4-a57753ebbe18/attachment.md","path":"references/components/segmented/demo/basic.md","size":336,"sha256":"7aa56ed9f88fd63f7db7a659f6f01d44776214f498e02b86aa78be351aa6311e","contentType":"text/markdown; charset=utf-8"},{"id":"a8f614a3-f151-5040-8dbb-a804f4700288","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a8f614a3-f151-5040-8dbb-a804f4700288/attachment.md","path":"references/components/segmented/demo/block.md","size":390,"sha256":"ee4372b3b617e39ef621c1110e67ca1df9bb822c4f9c03b0724710575f0b7a00","contentType":"text/markdown; charset=utf-8"},{"id":"ad437509-8e0f-5d56-bb94-4222f57c40c8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ad437509-8e0f-5d56-bb94-4222f57c40c8/attachment.md","path":"references/components/segmented/demo/custom.md","size":2290,"sha256":"fd765304a63419f87aee030bdfdf9e0e04637f812de2d66d9289d543db733b4d","contentType":"text/markdown; charset=utf-8"},{"id":"04ae1d31-e672-54af-b58f-e1a7c8a3af2b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/04ae1d31-e672-54af-b58f-e1a7c8a3af2b/attachment.md","path":"references/components/segmented/demo/disabled.md","size":629,"sha256":"e7971bac302d192c6f7e0369176361bcd2a106e4d2ff413fd8a99d17988ce7e7","contentType":"text/markdown; charset=utf-8"},{"id":"e4db2bf1-0975-5f6d-a892-fca344ddfa31","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e4db2bf1-0975-5f6d-a892-fca344ddfa31/attachment.md","path":"references/components/segmented/demo/dynamic.md","size":549,"sha256":"a75741e6c55d5bf95924c6cc266a6de8b3101c31e446195847d30e9d2ae56b67","contentType":"text/markdown; charset=utf-8"},{"id":"bc368ec0-5146-514b-b282-62574d1761db","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bc368ec0-5146-514b-b282-62574d1761db/attachment.md","path":"references/components/segmented/demo/icon-only.md","size":776,"sha256":"f9027152b723f705c2a01ca823521fcbb9fb267c98f78b697bf8d4fac17ebd28","contentType":"text/markdown; charset=utf-8"},{"id":"81936a3d-7f3e-5206-b6a0-0a8cc8589bc8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/81936a3d-7f3e-5206-b6a0-0a8cc8589bc8/attachment.md","path":"references/components/segmented/demo/shape.md","size":750,"sha256":"de851d569dff72c16c1b20df67ecfbe9afcecef4f3fb76151b4add0c86f126ce","contentType":"text/markdown; charset=utf-8"},{"id":"f2f6b5c4-8547-5c7f-8ef1-7920c2b4d9e8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f2f6b5c4-8547-5c7f-8ef1-7920c2b4d9e8/attachment.md","path":"references/components/segmented/demo/size.md","size":641,"sha256":"dedb561e5a77c3d59b82445073fff535a683ade45c0d68dca11ddc532d485b2a","contentType":"text/markdown; charset=utf-8"},{"id":"7e0e4141-809d-5121-a5c3-bc0ade8d1105","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7e0e4141-809d-5121-a5c3-bc0ade8d1105/attachment.md","path":"references/components/segmented/demo/style-class.md","size":1457,"sha256":"78c0760286f2c29fe2941b192d08cb684d4c58de778f947e26e8d45a77ad0f88","contentType":"text/markdown; charset=utf-8"},{"id":"1468d464-4357-5032-9020-ba06bc0524b4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1468d464-4357-5032-9020-ba06bc0524b4/attachment.md","path":"references/components/segmented/demo/vertical.md","size":561,"sha256":"195e073f34cf71d7477864091a55bb76db65bd0dec116794d28e0b9b1c10a076","contentType":"text/markdown; charset=utf-8"},{"id":"9f253d18-8432-5699-85ba-a5a6cc0391af","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9f253d18-8432-5699-85ba-a5a6cc0391af/attachment.md","path":"references/components/segmented/demo/with-icon.md","size":822,"sha256":"b3f0bdffcde3e81c0dc2c5d50d77b4f8231a0c6db988c8b5ce1ad165d24f7c7b","contentType":"text/markdown; charset=utf-8"},{"id":"05a63c21-f34c-552d-a824-9379d3a4225a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/05a63c21-f34c-552d-a824-9379d3a4225a/attachment.md","path":"references/components/segmented/demo/with-name.md","size":581,"sha256":"7eccdd57aeaebb24ac4befac5baf6184ca98ade34e960a9c934693d3061a07b0","contentType":"text/markdown; charset=utf-8"},{"id":"7f46757f-a818-5875-9f0c-1399f72ceaac","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7f46757f-a818-5875-9f0c-1399f72ceaac/attachment.md","path":"references/components/segmented/docs.md","size":2822,"sha256":"80e91508af81ff4a51d8c84feb6c3947de60e862ab17ea8978c0cb841720693a","contentType":"text/markdown; charset=utf-8"},{"id":"6bc5bb83-08ec-5dcc-aeb2-012f8077e8b5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6bc5bb83-08ec-5dcc-aeb2-012f8077e8b5/attachment.md","path":"references/components/segmented/token.md","size":950,"sha256":"d2537c9c9e34caa667a9d459bc7d0b52f543f62dc5e09986dc57a958113f0582","contentType":"text/markdown; charset=utf-8"},{"id":"b9c7f0bf-628b-5e3e-8295-dea0e8de0290","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b9c7f0bf-628b-5e3e-8295-dea0e8de0290/attachment.md","path":"references/components/select/demo/_semantic.md","size":2355,"sha256":"caeb6c83b1d105de71bbdb35533c523bbd444e34af96793de2d74d5c230172a4","contentType":"text/markdown; charset=utf-8"},{"id":"7fb1a661-7535-58dc-841b-d6b3e4992d0e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7fb1a661-7535-58dc-841b-d6b3e4992d0e/attachment.md","path":"references/components/select/demo/automatic-tokenization.md","size":651,"sha256":"591396305edf4c9e3af404a769bf70c1804c1712b96c32df89b1a5f6f77d73a4","contentType":"text/markdown; charset=utf-8"},{"id":"1344f0e6-472d-539f-a0e7-247ee8e2cb66","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1344f0e6-472d-539f-a0e7-247ee8e2cb66/attachment.md","path":"references/components/select/demo/basic.md","size":698,"sha256":"3b12ab7006f19b7667e4584c0e8852f03e892098d6565d15e46e4114ae1b4268","contentType":"text/markdown; charset=utf-8"},{"id":"9aa67e4c-c1f3-591d-baef-4df2d2b290f5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9aa67e4c-c1f3-591d-baef-4df2d2b290f5/attachment.md","path":"references/components/select/demo/big-data.md","size":820,"sha256":"c711eb3ed03e87a268a922437c02adc005296052473e8b7e1cbdb3049053439e","contentType":"text/markdown; charset=utf-8"},{"id":"b9b8e55c-bd5f-55ba-adbe-6f58beca9c7d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b9b8e55c-bd5f-55ba-adbe-6f58beca9c7d/attachment.md","path":"references/components/select/demo/coordinate.md","size":1217,"sha256":"29c10a4e6cd86129ded14da9589a8e45290e0461b5468800064710cac1632439","contentType":"text/markdown; charset=utf-8"},{"id":"975eb03d-7e09-5419-b44f-f4e9d4028bf1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/975eb03d-7e09-5419-b44f-f4e9d4028bf1/attachment.md","path":"references/components/select/demo/custom-dropdown-menu.md","size":1226,"sha256":"3b460379dd68c78d5813e1fb5c6c9814c5e9725eb35f0504c5f06faf8b3ccbc6","contentType":"text/markdown; charset=utf-8"},{"id":"f21be4a4-99a7-5261-b900-14d5cadc18e4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f21be4a4-99a7-5261-b900-14d5cadc18e4/attachment.md","path":"references/components/select/demo/custom-label-render.md","size":830,"sha256":"641b629233b444968f581c0ec97f4a1f4a000acad4892807fbe66b9f0ca25770","contentType":"text/markdown; charset=utf-8"},{"id":"a39c5ed6-7a04-5f29-8c4d-04148364d7cb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a39c5ed6-7a04-5f29-8c4d-04148364d7cb/attachment.md","path":"references/components/select/demo/custom-tag-render.md","size":878,"sha256":"f6529aec5bdfc27c0ae4413ef54b83a5fe60be21217c2f0d4656443a1c2495fc","contentType":"text/markdown; charset=utf-8"},{"id":"e70e3b30-a219-5675-9b88-552392871f72","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e70e3b30-a219-5675-9b88-552392871f72/attachment.md","path":"references/components/select/demo/hide-selected.md","size":651,"sha256":"6e3816629a7af1bd963c670b575e753bd3059a3ef0c46038c2e8d98875aa9e78","contentType":"text/markdown; charset=utf-8"},{"id":"a07b5e0a-600d-5240-82fa-31d3d4a3bdeb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a07b5e0a-600d-5240-82fa-31d3d4a3bdeb/attachment.md","path":"references/components/select/demo/label-in-value.md","size":899,"sha256":"eb90febf1a6fe053f1354a963bcd5794ccf36c1a2366e36e1cfef801abc3e30f","contentType":"text/markdown; charset=utf-8"},{"id":"ed91a44a-4109-5992-8ed2-cd941ceffc4b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ed91a44a-4109-5992-8ed2-cd941ceffc4b/attachment.md","path":"references/components/select/demo/maxCount.md","size":1160,"sha256":"4c70c58b4affbe38b1d296d96bc17ebf06e18566bf000256e7dff819f1b23bf4","contentType":"text/markdown; charset=utf-8"},{"id":"ca4e6fe7-15b9-5464-a0a4-2d47f27d15b7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ca4e6fe7-15b9-5464-a0a4-2d47f27d15b7/attachment.md","path":"references/components/select/demo/multiple.md","size":976,"sha256":"99d663849768e21b2e0f4160d346984a69c42e5518f57548df893f4f8a6f24b4","contentType":"text/markdown; charset=utf-8"},{"id":"3da3b9e5-83e0-50ef-a7c7-151911761aeb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3da3b9e5-83e0-50ef-a7c7-151911761aeb/attachment.md","path":"references/components/select/demo/optgroup.md","size":782,"sha256":"37ae48bd2bb8feeaa3aa88a2d40da4c356c312ced16807db1b735a3e42e30b75","contentType":"text/markdown; charset=utf-8"},{"id":"946221f9-1503-5233-96d7-b1694e6a9cc3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/946221f9-1503-5233-96d7-b1694e6a9cc3/attachment.md","path":"references/components/select/demo/option-render.md","size":1174,"sha256":"02484fecad0b72bfc734197d799032b6ec9f6941c1872c5d8963b30c77567803","contentType":"text/markdown; charset=utf-8"},{"id":"e0963bf5-448a-5e07-8af5-eb80d98437d5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e0963bf5-448a-5e07-8af5-eb80d98437d5/attachment.md","path":"references/components/select/demo/placement.md","size":1093,"sha256":"0e15b2e5e8b20f71e07d78e16b5e723879afc787116ed0a422e86f844d2f671a","contentType":"text/markdown; charset=utf-8"},{"id":"33499d09-4e9b-57de-9286-210a9c2705c8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/33499d09-4e9b-57de-9286-210a9c2705c8/attachment.md","path":"references/components/select/demo/responsive.md","size":1456,"sha256":"46a5340ffea69f92ea0ff6e0c2d6e35c134dc8032f3ea1d8ce0f45e65af27137","contentType":"text/markdown; charset=utf-8"},{"id":"51b1604b-d264-52b6-ae5e-ae7751ff08b1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/51b1604b-d264-52b6-ae5e-ae7751ff08b1/attachment.md","path":"references/components/select/demo/search-box.md","size":1475,"sha256":"52cbef558f2d9f717f87219e9f8019a5af3c7fc451fd0e14b3010ac5bd453a3c","contentType":"text/markdown; charset=utf-8"},{"id":"0c2e0e4f-c291-586b-b349-e09eb73a677b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0c2e0e4f-c291-586b-b349-e09eb73a677b/attachment.md","path":"references/components/select/demo/search-filter-option.md","size":645,"sha256":"c2bd1208e73a62bc93cc9fea96d652162060caec26d04468749a7a83cb4cb025","contentType":"text/markdown; charset=utf-8"},{"id":"903c43ce-6551-53e3-b804-e5b9cc9fef7c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/903c43ce-6551-53e3-b804-e5b9cc9fef7c/attachment.md","path":"references/components/select/demo/search-sorts.md","size":866,"sha256":"c27a31c8b5a5148ae52eb88145daebaf98cd05e46804586c8187348afd741ddb","contentType":"text/markdown; charset=utf-8"},{"id":"5c4ffe97-1cc4-510b-9639-7e2895d3d223","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5c4ffe97-1cc4-510b-9639-7e2895d3d223/attachment.md","path":"references/components/select/demo/search-users.md","size":2041,"sha256":"cd76bc88b16a9666ec4683558782179a545abebb720b2eb994e6eb7946141de9","contentType":"text/markdown; charset=utf-8"},{"id":"788e42bc-dfe2-5ecf-b0f7-852d175a91a2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/788e42bc-dfe2-5ecf-b0f7-852d175a91a2/attachment.md","path":"references/components/select/demo/search.md","size":693,"sha256":"1c13c7f395c6af5b5872a5cc40bd94955b2919108bcac05a3fecbf866e9cd540","contentType":"text/markdown; charset=utf-8"},{"id":"1709c0d9-39b6-5127-a75d-88c1e211d770","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1709c0d9-39b6-5127-a75d-88c1e211d770/attachment.md","path":"references/components/select/demo/size.md","size":1614,"sha256":"3baa3a994370554d295f5b8df3b7eac3a389c01ee4d48d9c32d1cd637c970e85","contentType":"text/markdown; charset=utf-8"},{"id":"31688a1c-2555-59ed-99de-4b74c1921f13","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/31688a1c-2555-59ed-99de-4b74c1921f13/attachment.md","path":"references/components/select/demo/status.md","size":349,"sha256":"452875ff81dcab37628fde8914c3eb4e73d4024accedb7026cb7f62421dc7701","contentType":"text/markdown; charset=utf-8"},{"id":"40371db1-9b52-557f-ae84-eaa45b5a0692","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/40371db1-9b52-557f-ae84-eaa45b5a0692/attachment.md","path":"references/components/select/demo/style-class.md","size":1285,"sha256":"16fe4cdb15c618fc7bc45cded592ec046039157dabcf77fcf22ee3a975268f5c","contentType":"text/markdown; charset=utf-8"},{"id":"f23ec5ad-e725-5291-adb3-59152ebd02fe","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f23ec5ad-e725-5291-adb3-59152ebd02fe/attachment.md","path":"references/components/select/demo/suffix.md","size":2257,"sha256":"ab607dc066b884db63d31ee95178ed8ac2c51da1263104104940e9d674ad36c0","contentType":"text/markdown; charset=utf-8"},{"id":"9f389865-364c-581b-91e3-41d721626015","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9f389865-364c-581b-91e3-41d721626015/attachment.md","path":"references/components/select/demo/tags.md","size":621,"sha256":"6dbb35d7090da2459f6c91582608ac023b1250896afdf1bdc91fc1bdad39ea08","contentType":"text/markdown; charset=utf-8"},{"id":"de31be44-f7e0-5f7b-998a-d28b17f5efc1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/de31be44-f7e0-5f7b-998a-d28b17f5efc1/attachment.md","path":"references/components/select/demo/variant.md","size":2229,"sha256":"524764c2266ec411451a064b910ac21bd1ebe31d15c397bd6c71ac3ed52b1a03","contentType":"text/markdown; charset=utf-8"},{"id":"b8f83d06-fc69-5e26-ae76-c8bf31d1c497","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b8f83d06-fc69-5e26-ae76-c8bf31d1c497/attachment.md","path":"references/components/select/docs.md","size":13944,"sha256":"81b4f0bee5e7a63f5f23aafcc0746dcef043fa9dc8fa75ce6456c19feef5feaa","contentType":"text/markdown; charset=utf-8"},{"id":"4e11443f-f1de-5d2b-8135-6c1cb4cd970d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4e11443f-f1de-5d2b-8135-6c1cb4cd970d/attachment.md","path":"references/components/select/token.md","size":2088,"sha256":"4c835a030eb0b59a2c4a5b53c6af306d656ea39eb9973ddc964bbbe792f15838","contentType":"text/markdown; charset=utf-8"},{"id":"ddb5757d-bd24-5652-a752-dc4e5008ed2e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ddb5757d-bd24-5652-a752-dc4e5008ed2e/attachment.md","path":"references/components/skeleton/demo/_semantic.md","size":945,"sha256":"c00ddf0bdac998267afb5a9d358eed84a9c2a9b0decb7527df0c3c12add1a867","contentType":"text/markdown; charset=utf-8"},{"id":"0e6823ca-3c95-506a-9587-ce1a60ba485d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0e6823ca-3c95-506a-9587-ce1a60ba485d/attachment.md","path":"references/components/skeleton/demo/_semantic_element.md","size":1617,"sha256":"746366c1b6b7bf666d0528615ba38e1e7c0eb381451cb08c41e8cd0ca5eacbc2","contentType":"text/markdown; charset=utf-8"},{"id":"8a2665ab-f603-521a-b145-f9ea98b74c55","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8a2665ab-f603-521a-b145-f9ea98b74c55/attachment.md","path":"references/components/skeleton/demo/active.md","size":140,"sha256":"cd30e8b29b6e074c5a9adf5016c402e98137094acc42f0a82e4f431f5068e6f2","contentType":"text/markdown; charset=utf-8"},{"id":"8faded6a-dc2d-5449-9e93-e792be254dbb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8faded6a-dc2d-5449-9e93-e792be254dbb/attachment.md","path":"references/components/skeleton/demo/basic.md","size":121,"sha256":"9a6e74179719984c5e0184b199053a008e069a7feca40199cbb30b666c7578ea","contentType":"text/markdown; charset=utf-8"},{"id":"dc675961-b3c6-5458-b8f6-4a6708e61371","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dc675961-b3c6-5458-b8f6-4a6708e61371/attachment.md","path":"references/components/skeleton/demo/children.md","size":871,"sha256":"6ff27caf71090056724328e1699939378af82278b253c1efbe3d36dd1e535eaf","contentType":"text/markdown; charset=utf-8"},{"id":"e3702b05-04f3-5198-9ce6-78259b299283","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e3702b05-04f3-5198-9ce6-78259b299283/attachment.md","path":"references/components/skeleton/demo/complex.md","size":199,"sha256":"95cb4d7b41da36ac8e307e37c1a01627295ed236bfcdc6384b85a276d8f16d2c","contentType":"text/markdown; charset=utf-8"},{"id":"6ba1a2b2-2d62-59ac-a574-409863c2bceb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6ba1a2b2-2d62-59ac-a574-409863c2bceb/attachment.md","path":"references/components/skeleton/demo/element.md","size":2988,"sha256":"f8b23554525ce9a36b8f73030347855879f62d49678336993aec72ffd46b1438","contentType":"text/markdown; charset=utf-8"},{"id":"b7f1c9b0-9ccd-595b-bb86-739ed50db3f5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b7f1c9b0-9ccd-595b-bb86-739ed50db3f5/attachment.md","path":"references/components/skeleton/demo/style-class.md","size":1132,"sha256":"7510b890bb7d689dac468bdd96f61ef77e6c6cea516e47ae49e746d6348ed056","contentType":"text/markdown; charset=utf-8"},{"id":"0f695e2c-3c24-5a3d-81a9-1680e7ba7368","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0f695e2c-3c24-5a3d-81a9-1680e7ba7368/attachment.md","path":"references/components/skeleton/docs.md","size":5223,"sha256":"f9793fcf94c10f08c9091011eebcc05794e4db7a7ab3724704ff2082036c784f","contentType":"text/markdown; charset=utf-8"},{"id":"42bbd90a-20cc-5426-b188-f9e8694eaac6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/42bbd90a-20cc-5426-b188-f9e8694eaac6/attachment.md","path":"references/components/skeleton/token.md","size":805,"sha256":"f20d772328d4af6a177941ef4359745aaea8ded4d5bbf1f5b4a7316cc5bca108","contentType":"text/markdown; charset=utf-8"},{"id":"5e107ed2-7252-5693-8173-13d4360df29c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5e107ed2-7252-5693-8173-13d4360df29c/attachment.md","path":"references/components/slider/demo/_semantic.md","size":939,"sha256":"2267952319b7553047a258272abfc8fa9f5cba878c4e56b786e50afe11947c25","contentType":"text/markdown; charset=utf-8"},{"id":"356b273e-7b35-574e-876a-7be7b3cacf6b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/356b273e-7b35-574e-876a-7be7b3cacf6b/attachment.md","path":"references/components/slider/demo/basic.md","size":546,"sha256":"6bd16c04c0c0247d0f905cfad1a6517be4f62342f75a8ad256a3a8e29f0f0743","contentType":"text/markdown; charset=utf-8"},{"id":"d6c3b6e7-6aa3-5341-90b9-aa6eccee53f9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d6c3b6e7-6aa3-5341-90b9-aa6eccee53f9/attachment.md","path":"references/components/slider/demo/draggableTrack.md","size":313,"sha256":"8b4664004fd5ef1e8ddc4c175bfb81833ea9afae30e934466c68d8c241b978b9","contentType":"text/markdown; charset=utf-8"},{"id":"18c51854-9e70-560c-833a-ce9a78fdefda","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/18c51854-9e70-560c-833a-ce9a78fdefda/attachment.md","path":"references/components/slider/demo/editable.md","size":351,"sha256":"8777949e1936e1e74e5f6f9971e44c0874bd62fb35b29d82977a81d70035a66a","contentType":"text/markdown; charset=utf-8"},{"id":"7eceae1a-7da2-5a70-a311-c647365df798","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7eceae1a-7da2-5a70-a311-c647365df798/attachment.md","path":"references/components/slider/demo/event.md","size":764,"sha256":"7d1bb73d01adc2dd65ce6716a65e3a40059530b0c90f367b6fb3a834d7f3c2e3","contentType":"text/markdown; charset=utf-8"},{"id":"b8d2ec81-5570-5389-8fee-22a6053da831","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b8d2ec81-5570-5389-8fee-22a6053da831/attachment.md","path":"references/components/slider/demo/icon-slider.md","size":1352,"sha256":"bbb0b63248d15e0b80e4dd418d5a62fcad5c9a7ca54973369c733626a6aeea4d","contentType":"text/markdown; charset=utf-8"},{"id":"6c5e5a20-b449-515a-9d1d-55b46b325c79","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6c5e5a20-b449-515a-9d1d-55b46b325c79/attachment.md","path":"references/components/slider/demo/input-number.md","size":1124,"sha256":"2dd0592ab64d33167eedd35b166c7c69aa76deec6ee9707645823443a1ea78d3","contentType":"text/markdown; charset=utf-8"},{"id":"26550854-ed72-5270-8dea-6d3596f0e7df","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/26550854-ed72-5270-8dea-6d3596f0e7df/attachment.md","path":"references/components/slider/demo/mark.md","size":1228,"sha256":"804d5ab8bd7ae07af133d9a2567d0f34b0dd00ac2258a2b1851f83cba2ba5049","contentType":"text/markdown; charset=utf-8"},{"id":"608d2a00-b7f6-5722-a5f9-1217deb913de","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/608d2a00-b7f6-5722-a5f9-1217deb913de/attachment.md","path":"references/components/slider/demo/multiple.md","size":846,"sha256":"c98cc3e60dca6eb97d874323823d279489e9a9fcd06ed37e3a17363be804ff32","contentType":"text/markdown; charset=utf-8"},{"id":"856b945f-2936-58b7-bd5c-3d189827ed37","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/856b945f-2936-58b7-bd5c-3d189827ed37/attachment.md","path":"references/components/slider/demo/reverse.md","size":456,"sha256":"969ebd5f8d5b15cd8cece535caf92225ce5cece90bde5b423bd59f479c83cf2b","contentType":"text/markdown; charset=utf-8"},{"id":"6ad4c6e6-41dc-5133-b3b0-dc7cb09f9c74","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6ad4c6e6-41dc-5133-b3b0-dc7cb09f9c74/attachment.md","path":"references/components/slider/demo/show-tooltip.md","size":369,"sha256":"427c74885eec27aded6df24384b7ac1b8e69e016e2bb5a5c991f24ac2fac2076","contentType":"text/markdown; charset=utf-8"},{"id":"aff32061-76a8-546b-abfe-0213523394e9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/aff32061-76a8-546b-abfe-0213523394e9/attachment.md","path":"references/components/slider/demo/style-class.md","size":1470,"sha256":"79bfe3838a2c0cdec38ac9407606c79027f0122d7877074fd504720e453b3424","contentType":"text/markdown; charset=utf-8"},{"id":"19362d26-8030-576a-bbd8-4986897a8211","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/19362d26-8030-576a-bbd8-4986897a8211/attachment.md","path":"references/components/slider/demo/tip-formatter.md","size":487,"sha256":"2f3f94f8c5c891851758363eaff8d9b7cbb53ab8450742179c036e27e24c9f67","contentType":"text/markdown; charset=utf-8"},{"id":"d8402cc6-6fae-516c-9300-3adcbe435cd6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d8402cc6-6fae-516c-9300-3adcbe435cd6/attachment.md","path":"references/components/slider/demo/vertical.md","size":779,"sha256":"33acbf9667fcb349d8b82d2b72b9bade51564ffe717bfcdab86e399ac63a2679","contentType":"text/markdown; charset=utf-8"},{"id":"01fbfb53-07c2-55ed-aa5a-5d0fa164b02c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/01fbfb53-07c2-55ed-aa5a-5d0fa164b02c/attachment.md","path":"references/components/slider/docs.md","size":4684,"sha256":"f6aa2eb612ac1b1f008713b1abe3d3a232fc8cfb8272b3bff7157ff11360d149","contentType":"text/markdown; charset=utf-8"},{"id":"283562bc-605a-5d57-8a49-f968e86300de","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/283562bc-605a-5d57-8a49-f968e86300de/attachment.md","path":"references/components/slider/token.md","size":1513,"sha256":"85f12a0f4739a4c5cb46286e619c51a90250748814a0bdb5ef36564b9f9cd2a3","contentType":"text/markdown; charset=utf-8"},{"id":"47fe831e-b604-5556-a129-72240a811f79","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/47fe831e-b604-5556-a129-72240a811f79/attachment.md","path":"references/components/space/demo/_semantic.md","size":949,"sha256":"e794b171a78f5c67230f882cd679ca95ca8b9f7b7a920056ff17396fc14c5a26","contentType":"text/markdown; charset=utf-8"},{"id":"62d6ba4e-8b78-579f-b2cc-f61fe9a3069f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/62d6ba4e-8b78-579f-b2cc-f61fe9a3069f/attachment.md","path":"references/components/space/demo/align.md","size":1402,"sha256":"9baa8c5c9bdcb7c755cd8499e9c4b397e1c935751138c09c59206a2c6055690f","contentType":"text/markdown; charset=utf-8"},{"id":"65a751ee-6246-547c-8e8c-9f4053513f27","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/65a751ee-6246-547c-8e8c-9f4053513f27/attachment.md","path":"references/components/space/demo/basic.md","size":639,"sha256":"3c43bbf71f36c45ea5bc7d496270502924a956180224afe1b995966963b5e622","contentType":"text/markdown; charset=utf-8"},{"id":"3d717ee9-cfca-592b-b588-e9fdc5947371","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3d717ee9-cfca-592b-b588-e9fdc5947371/attachment.md","path":"references/components/space/demo/compact-button-vertical.md","size":862,"sha256":"6e6b5f6ab33fe522dbcac12d7afc0c2c3e1ea47ec600c29d737fc192872dcb0d","contentType":"text/markdown; charset=utf-8"},{"id":"98e05221-a08d-595a-a9ac-bfc68fc41cd3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/98e05221-a08d-595a-a9ac-bfc68fc41cd3/attachment.md","path":"references/components/space/demo/compact-buttons.md","size":3731,"sha256":"d0d62bcd6a3d51fa52c72e9493d8a545b1e95bab4a06a582d93d185f2e3b4621","contentType":"text/markdown; charset=utf-8"},{"id":"f9a663ce-8341-5e2c-9f47-210aabd3e4d3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f9a663ce-8341-5e2c-9f47-210aabd3e4d3/attachment.md","path":"references/components/space/demo/compact.md","size":7303,"sha256":"cb291b6556022a8fe69e270eebbddb0158727b039a4625f7e4239020059ff061","contentType":"text/markdown; charset=utf-8"},{"id":"a78446ea-8144-5d15-b056-0dd7940765ee","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a78446ea-8144-5d15-b056-0dd7940765ee/attachment.md","path":"references/components/space/demo/separator.md","size":406,"sha256":"820977b613ea60ba8ffae3a5afcbc32144e94c5c2d78d3e239427c4ab5e38108","contentType":"text/markdown; charset=utf-8"},{"id":"f35b0ae2-e6ad-577c-b22d-b5c71a9ecdd9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f35b0ae2-e6ad-577c-b22d-b5c71a9ecdd9/attachment.md","path":"references/components/space/demo/size.md","size":989,"sha256":"43291abd362fa82930b0c9a7d327c14b5102186a8114e9df2576591753ff09af","contentType":"text/markdown; charset=utf-8"},{"id":"d8c5c7ed-9532-5f80-9313-2af16cd87947","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d8c5c7ed-9532-5f80-9313-2af16cd87947/attachment.md","path":"references/components/space/demo/style-class.md","size":1862,"sha256":"4297dbebf4521cdddf4cd3e2b95c1f976a1713cc1ca6b4a74d5d7979e5545a65","contentType":"text/markdown; charset=utf-8"},{"id":"a62dc8d2-dd51-5cb7-a921-3ec5f4c7079e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a62dc8d2-dd51-5cb7-a921-3ec5f4c7079e/attachment.md","path":"references/components/space/demo/vertical.md","size":534,"sha256":"260bd11cdd3563d1570627ded352ce39f114f6717abf4c905eb72e9e51ac0720","contentType":"text/markdown; charset=utf-8"},{"id":"c9cc4457-ed4d-5125-9f78-e685bd39ae0e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c9cc4457-ed4d-5125-9f78-e685bd39ae0e/attachment.md","path":"references/components/space/demo/wrap.md","size":210,"sha256":"2cf4a070a25db95623feecab12df7d8a011252e53e0ff3f54c661a17468b9279","contentType":"text/markdown; charset=utf-8"},{"id":"fcc23886-4d03-5c25-8586-483121132012","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fcc23886-4d03-5c25-8586-483121132012/attachment.md","path":"references/components/space/docs.md","size":2845,"sha256":"3e17e5ddda5217de91e5ebe2ed592c30020925ee6bdfde47340654524234a5c3","contentType":"text/markdown; charset=utf-8"},{"id":"ab8a1cf3-86e7-5a70-a5ca-c29ca688de6b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ab8a1cf3-86e7-5a70-a5ca-c29ca688de6b/attachment.md","path":"references/components/space/token.md","size":675,"sha256":"4857c53fc3b6fdfb02ba53387a036bb939f4b092c5c803a6df346299db5a99c4","contentType":"text/markdown; charset=utf-8"},{"id":"12b59615-d277-552b-b6a4-dbbcd706d73c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/12b59615-d277-552b-b6a4-dbbcd706d73c/attachment.md","path":"references/components/spin/demo/_semantic.md","size":925,"sha256":"6abdaa71d49ee9503e192d0686d85820e3a94025cececa168f54d846bf5da83f","contentType":"text/markdown; charset=utf-8"},{"id":"25f74a61-8889-5794-95bf-54afcc6e718e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/25f74a61-8889-5794-95bf-54afcc6e718e/attachment.md","path":"references/components/spin/demo/basic.md","size":123,"sha256":"435b718562a52c472ecdeeaa0138edcc0e56756569a06d261884002339b19bf4","contentType":"text/markdown; charset=utf-8"},{"id":"4ca11605-7019-5acd-9a8c-392fb816953a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4ca11605-7019-5acd-9a8c-392fb816953a/attachment.md","path":"references/components/spin/demo/custom-indicator.md","size":742,"sha256":"7b31053e2664d25cb1d74f6dd4d3dec745129b1630287f988a0ed4a79700fc47","contentType":"text/markdown; charset=utf-8"},{"id":"18ed4d9c-af59-534f-93b1-6f614487e25e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/18ed4d9c-af59-534f-93b1-6f614487e25e/attachment.md","path":"references/components/spin/demo/delay-and-debounce.md","size":659,"sha256":"c339f08c1a21ad9b11da5b80653771e825102c1772ae8a9dc1c2fc45e3e56c09","contentType":"text/markdown; charset=utf-8"},{"id":"201560b6-af37-5eb2-b69a-119c2c5105f1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/201560b6-af37-5eb2-b69a-119c2c5105f1/attachment.md","path":"references/components/spin/demo/fullscreen.md","size":729,"sha256":"4c587fed78dd6d599607fb845d12286b85b586f6946498fd2f443b059d6e8139","contentType":"text/markdown; charset=utf-8"},{"id":"a1037d53-10bd-5328-97fd-e9f92d68670c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a1037d53-10bd-5328-97fd-e9f92d68670c/attachment.md","path":"references/components/spin/demo/nested.md","size":617,"sha256":"98f8ccf2432e4e49e90cbbbd273e35521a9c089c63ebd43a3279f57bcf39293a","contentType":"text/markdown; charset=utf-8"},{"id":"af7d91c8-6959-528a-af32-32467702e885","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/af7d91c8-6959-528a-af32-32467702e885/attachment.md","path":"references/components/spin/demo/percent.md","size":1283,"sha256":"ed2a7db6431c1e68851a55c830ab20ea67fbf7aa44dda66432f1b7b4d8c1069f","contentType":"text/markdown; charset=utf-8"},{"id":"83c06339-b501-57b4-8031-c333d0cad936","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/83c06339-b501-57b4-8031-c333d0cad936/attachment.md","path":"references/components/spin/demo/size.md","size":340,"sha256":"74801bbd0f5b2e2ef3dab04c333d5a37693d6105a6d82cb4a5380b4934635e66","contentType":"text/markdown; charset=utf-8"},{"id":"00640129-9c8e-5c67-a0a8-0fb30820d47d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/00640129-9c8e-5c67-a0a8-0fb30820d47d/attachment.md","path":"references/components/spin/demo/style-class.md","size":830,"sha256":"16d2d387cee33803e86139235611651d11f420578dd5bb44f0f0b61343fbbe93","contentType":"text/markdown; charset=utf-8"},{"id":"46da7702-a0d1-51e9-abac-f7388c52cdb4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/46da7702-a0d1-51e9-abac-f7388c52cdb4/attachment.md","path":"references/components/spin/demo/tip.md","size":841,"sha256":"6c9a379dd7171911a4978ef1574e69f7272d42fbe11d726de431af8fcc76591d","contentType":"text/markdown; charset=utf-8"},{"id":"eb63c637-cb1a-52f6-b336-61a47da9c67f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/eb63c637-cb1a-52f6-b336-61a47da9c67f/attachment.md","path":"references/components/spin/docs.md","size":2529,"sha256":"945f23ad74e3f0b92b5c55c235fd95d7bb8c15092035174d1d60892064ce9352","contentType":"text/markdown; charset=utf-8"},{"id":"3836a055-ea79-55e0-9d7d-9acbe59128d3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3836a055-ea79-55e0-9d7d-9acbe59128d3/attachment.md","path":"references/components/spin/token.md","size":627,"sha256":"13a2226e845cae84ce871bb9f09efe6472589e27f34a94fd149d93e8bfef85f2","contentType":"text/markdown; charset=utf-8"},{"id":"378a9b91-43ed-51fe-bb15-175b69a1ac36","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/378a9b91-43ed-51fe-bb15-175b69a1ac36/attachment.md","path":"references/components/splitter/demo/_semantic.md","size":1241,"sha256":"d9a74ec7a5bf2fdd6fa487f98f7271a2658f35798c556e0df42df3dfae32b95d","contentType":"text/markdown; charset=utf-8"},{"id":"686172f4-1e25-5c56-833a-13483258debb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/686172f4-1e25-5c56-833a-13483258debb/attachment.md","path":"references/components/splitter/demo/collapsible.md","size":1559,"sha256":"f8629f4d60733a1ff73dbcfc48b5b446e686b7cd3de0fd69ef5aed0a7683b81b","contentType":"text/markdown; charset=utf-8"},{"id":"0640e17d-dc3e-5b41-bde5-d8f6caddb03e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0640e17d-dc3e-5b41-bde5-d8f6caddb03e/attachment.md","path":"references/components/splitter/demo/collapsibleIcon.md","size":1802,"sha256":"7408be573256fdd88ab57b5cc968cc1181e6ee7bbc375b6e18974f5556d0d94f","contentType":"text/markdown; charset=utf-8"},{"id":"dcb43c2f-ee3e-53ba-bbe6-ef403620a15b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dcb43c2f-ee3e-53ba-bbe6-ef403620a15b/attachment.md","path":"references/components/splitter/demo/control.md","size":1464,"sha256":"0a4c2e09e5765516556b48cedd39bf4c577bff43add787f1a98d3d32c7e6fd8c","contentType":"text/markdown; charset=utf-8"},{"id":"2473909c-8a35-5b6d-a411-8d39afeaabf5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2473909c-8a35-5b6d-a411-8d39afeaabf5/attachment.md","path":"references/components/splitter/demo/group.md","size":1213,"sha256":"3195671d120d28a79f3ce240223374934ba3acf0aa215a26dac3a99f74618169","contentType":"text/markdown; charset=utf-8"},{"id":"a46c1ca4-1fd1-5196-95c5-36c6f21a4d60","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a46c1ca4-1fd1-5196-95c5-36c6f21a4d60/attachment.md","path":"references/components/splitter/demo/lazy.md","size":1700,"sha256":"e8d179c469675c820d4a79b0d9f3d85bac0fd4ba6a08959cdac00aa6bc5b4987","contentType":"text/markdown; charset=utf-8"},{"id":"f224cf52-afdb-5c5d-b38c-4e13b0509e5f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f224cf52-afdb-5c5d-b38c-4e13b0509e5f/attachment.md","path":"references/components/splitter/demo/multiple.md","size":1070,"sha256":"7867d088b0d8189d22a9cd7a761239074317a049256fad6b341d8c50f5c90cd4","contentType":"text/markdown; charset=utf-8"},{"id":"acb99f0c-1c27-5353-ad9d-dea749ec40d3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/acb99f0c-1c27-5353-ad9d-dea749ec40d3/attachment.md","path":"references/components/splitter/demo/reset.md","size":1491,"sha256":"6ab405469fd1eb279b60cdc740942cb74541cdcb55f1762fb73ba39223ffaaf3","contentType":"text/markdown; charset=utf-8"},{"id":"f464e857-97cb-5d57-b59a-7f6dc346d8a0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f464e857-97cb-5d57-b59a-7f6dc346d8a0/attachment.md","path":"references/components/splitter/demo/size-mix.md","size":2223,"sha256":"8224c828337534318fdd88d5ffdf3d0ea90e23f409fb2e669cec6d48ce4d1b6b","contentType":"text/markdown; charset=utf-8"},{"id":"7b42e7d1-ec69-5c14-83ee-7ea31048a04e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7b42e7d1-ec69-5c14-83ee-7ea31048a04e/attachment.md","path":"references/components/splitter/demo/size.md","size":824,"sha256":"e9f48f326a7cd90c1ba3cfe810a43c991ad2b40fb98054af374a75dd3cfceafb","contentType":"text/markdown; charset=utf-8"},{"id":"c1782963-f629-53cd-a60a-8c9789d72637","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c1782963-f629-53cd-a60a-8c9789d72637/attachment.md","path":"references/components/splitter/demo/style-class.md","size":2199,"sha256":"dcf30ceeda9bed55d0be73d53a2ffa966264befea96c71f4486cb732a30c7812","contentType":"text/markdown; charset=utf-8"},{"id":"2a33cd20-f956-5ffd-a9be-d3e01bc6a696","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2a33cd20-f956-5ffd-a9be-d3e01bc6a696/attachment.md","path":"references/components/splitter/demo/vertical.md","size":746,"sha256":"c6bb3c6bd2b691425e57cb9c09238207fd53490f3033a4fac7fce48993514303","contentType":"text/markdown; charset=utf-8"},{"id":"70e78ff1-a9f5-51f2-b538-f78dd0321631","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/70e78ff1-a9f5-51f2-b538-f78dd0321631/attachment.md","path":"references/components/splitter/docs.md","size":2680,"sha256":"9a7d7bf28a2871595a9e8fda7863527098cc52a79e58b61c60589b06129001bb","contentType":"text/markdown; charset=utf-8"},{"id":"0fbe5451-b855-5b3d-950f-13f37c0a9d3a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0fbe5451-b855-5b3d-950f-13f37c0a9d3a/attachment.md","path":"references/components/splitter/token.md","size":633,"sha256":"1f6dd1b3162af9058a415bd9f129213b9289db6faad1a9e2267ff143833a3df9","contentType":"text/markdown; charset=utf-8"},{"id":"0666a573-84fa-5264-b161-ba61c91646f6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0666a573-84fa-5264-b161-ba61c91646f6/attachment.md","path":"references/components/statistic/demo/_semantic.md","size":1352,"sha256":"b0eb5fba775bef0b8bb1c462145ce3377e8b063755b8ab49be7a08ac015b6437","contentType":"text/markdown; charset=utf-8"},{"id":"9f751cb8-a918-563c-afb7-a3e9bbf8b5d7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9f751cb8-a918-563c-afb7-a3e9bbf8b5d7/attachment.md","path":"references/components/statistic/demo/basic.md","size":534,"sha256":"7b04811acd28cf017779cdcecd81af087a7ad754bb89bae08bf43f519ac4dd0c","contentType":"text/markdown; charset=utf-8"},{"id":"1d697c21-7230-529d-a649-317d320f3a5e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1d697c21-7230-529d-a649-317d320f3a5e/attachment.md","path":"references/components/statistic/demo/card.md","size":884,"sha256":"ff1fbfa6395a5fe606a826cc57f5b1f9f8e841f460cd9deca0401df4222e2246","contentType":"text/markdown; charset=utf-8"},{"id":"0ab856d3-df53-5028-b186-a45011686569","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0ab856d3-df53-5028-b186-a45011686569/attachment.md","path":"references/components/statistic/demo/style-class.md","size":1398,"sha256":"7c488a02d13f28aeb1b01c5482f4532f9c785a3d80b2e7b4cbe441fa3dc48949","contentType":"text/markdown; charset=utf-8"},{"id":"dcbaaa37-159c-5559-a6dc-813d052bc369","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dcbaaa37-159c-5559-a6dc-813d052bc369/attachment.md","path":"references/components/statistic/demo/timer.md","size":1557,"sha256":"6a3bcf5620bc07f01053ce4b6610b70f1abf7a57c8443ea6e25768ed669fa702","contentType":"text/markdown; charset=utf-8"},{"id":"bd343f75-792f-5527-b87f-8a0bcae87a40","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bd343f75-792f-5527-b87f-8a0bcae87a40/attachment.md","path":"references/components/statistic/demo/unit.md","size":521,"sha256":"d65535bb3e35a20882f54df0738b41fc55f6947032c5549179163c5ec580d524","contentType":"text/markdown; charset=utf-8"},{"id":"7de639df-6e52-5c0d-af7d-085e539b1cf5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7de639df-6e52-5c0d-af7d-085e539b1cf5/attachment.md","path":"references/components/statistic/docs.md","size":3199,"sha256":"b753fef985a1eae4d727606b43a9d5cbf83e734f74f1d1b0e75390c6acf7730d","contentType":"text/markdown; charset=utf-8"},{"id":"4fdd7b03-38c3-503e-a67b-9ca3ab76851f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4fdd7b03-38c3-503e-a67b-9ca3ab76851f/attachment.md","path":"references/components/statistic/token.md","size":537,"sha256":"ab34f853c7210f5cd0fd2c49ab9df051738b6d6a42be59d4f4b216a0817a7048","contentType":"text/markdown; charset=utf-8"},{"id":"d37f16c6-e3f7-5783-adb1-89f85327eb19","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d37f16c6-e3f7-5783-adb1-89f85327eb19/attachment.md","path":"references/components/steps/demo/_semantic.md","size":1703,"sha256":"5542259908a6d211ad8b5a7a54542595f7712b474141e6759dbe57c45caabc5c","contentType":"text/markdown; charset=utf-8"},{"id":"8d4c4a86-a0e3-5420-8cbd-3d441ce0f976","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8d4c4a86-a0e3-5420-8cbd-3d441ce0f976/attachment.md","path":"references/components/steps/demo/basic.md","size":730,"sha256":"6be632f4f0ec1a881ecb921ba3991cd26c3b35c8df67c591013b5f6a4521819b","contentType":"text/markdown; charset=utf-8"},{"id":"2d1d04f3-7f1c-567c-8b76-bf664463e4de","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2d1d04f3-7f1c-567c-8b76-bf664463e4de/attachment.md","path":"references/components/steps/demo/clickable.md","size":545,"sha256":"57781f2cabcce3f649c1e510b11cd61a19c8da3215c8007f7c9e0a34d4beea0b","contentType":"text/markdown; charset=utf-8"},{"id":"ae00bf03-cc48-55f6-86d3-6aace5375ce7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ae00bf03-cc48-55f6-86d3-6aace5375ce7/attachment.md","path":"references/components/steps/demo/error.md","size":443,"sha256":"9d708e50b8c6a47ac80b0546558afd5ad823f5e7f7f4c4baefab53c7bc4d9679","contentType":"text/markdown; charset=utf-8"},{"id":"1ae0618b-713d-53d6-a76d-2311930e2ab2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1ae0618b-713d-53d6-a76d-2311930e2ab2/attachment.md","path":"references/components/steps/demo/icon.md","size":727,"sha256":"64cd2d370300e071fc570591561a68cadb5eabee10ca54d00ed0fc2e8453d53b","contentType":"text/markdown; charset=utf-8"},{"id":"e4aa1c02-4453-5af7-b1b5-20c65571d681","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e4aa1c02-4453-5af7-b1b5-20c65571d681/attachment.md","path":"references/components/steps/demo/inline-variant.md","size":998,"sha256":"a272eaf4e0e3a8460aaf91814a77ac06402869509b435acc14605183a77d1240","contentType":"text/markdown; charset=utf-8"},{"id":"b252ba7b-ecda-572c-8b8c-f6277389d91a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b252ba7b-ecda-572c-8b8c-f6277389d91a/attachment.md","path":"references/components/steps/demo/inline.md","size":1610,"sha256":"0be96962ef37ae7061e41952a825e3f9254724705d11348038bceed5e0abe296","contentType":"text/markdown; charset=utf-8"},{"id":"19c23951-36c8-557f-87a8-0e332eed46f6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/19c23951-36c8-557f-87a8-0e332eed46f6/attachment.md","path":"references/components/steps/demo/nav.md","size":1766,"sha256":"b84a369e4dd8b0526a83fa7f89dec99449654808b75dc39e8996d97dbc2953b3","contentType":"text/markdown; charset=utf-8"},{"id":"3a1635f7-4cb3-518c-85fb-5d0b8e286eb9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3a1635f7-4cb3-518c-85fb-5d0b8e286eb9/attachment.md","path":"references/components/steps/demo/panel.md","size":888,"sha256":"7f60c7bd1e8f1651c506dbbd9216af9332f5dd5b23c7d48a034f8c0811d1576f","contentType":"text/markdown; charset=utf-8"},{"id":"bcaa6731-1de3-5fe3-b773-6ff32429e187","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bcaa6731-1de3-5fe3-b773-6ff32429e187/attachment.md","path":"references/components/steps/demo/progress-dot.md","size":984,"sha256":"930f18b367edfa0bc306157ba43a9d9f39e913f5cd2da1d5fbbcfa2b3bdcb362","contentType":"text/markdown; charset=utf-8"},{"id":"683145c7-8002-52bb-b053-41d483c29a83","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/683145c7-8002-52bb-b053-41d483c29a83/attachment.md","path":"references/components/steps/demo/style-class.md","size":1351,"sha256":"5709d0790957ca450727879e063be9c0b943f32ead7722d7666fca549b8c451b","contentType":"text/markdown; charset=utf-8"},{"id":"689651ad-5f6f-58ea-891a-7cebca141f9f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/689651ad-5f6f-58ea-891a-7cebca141f9f/attachment.md","path":"references/components/steps/demo/title-placement.md","size":794,"sha256":"8461d2cb74dbf2065fdc7e58e47b188cd5ce83882b55f1e8769cf019ab280569","contentType":"text/markdown; charset=utf-8"},{"id":"b3ea477a-4585-5414-bc45-19c59d9bb865","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b3ea477a-4585-5414-bc45-19c59d9bb865/attachment.md","path":"references/components/steps/demo/vertical.md","size":616,"sha256":"f81e160d54ae1de631d0cafffe47fca11e81037f428e0f590de4703b39a54f1b","contentType":"text/markdown; charset=utf-8"},{"id":"03a015ef-ba43-5f80-b400-41c8c8f8047f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/03a015ef-ba43-5f80-b400-41c8c8f8047f/attachment.md","path":"references/components/steps/docs.md","size":4202,"sha256":"5bd82b9e11b0e0c00f9c2d6d9b445afd2a73a748049887e70ad11b08a7655090","contentType":"text/markdown; charset=utf-8"},{"id":"671ea918-8703-56d6-b421-8633de29ca1a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/671ea918-8703-56d6-b421-8633de29ca1a/attachment.md","path":"references/components/steps/token.md","size":1010,"sha256":"e4fed527bb1a60a01011dcb6ce8dd2d4d85cd731344969fa0cf460986f0c8875","contentType":"text/markdown; charset=utf-8"},{"id":"f287816f-1eaf-54d0-aee5-67874e6a4fd2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f287816f-1eaf-54d0-aee5-67874e6a4fd2/attachment.md","path":"references/components/switch/demo/_semantic.md","size":853,"sha256":"4107c722ff683d1c776317cf7f31322bcabf54b982382aafb5feadf55246cd92","contentType":"text/markdown; charset=utf-8"},{"id":"c95018b2-7261-5867-b130-cbec2e087a99","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c95018b2-7261-5867-b130-cbec2e087a99/attachment.md","path":"references/components/switch/demo/basic.md","size":343,"sha256":"c647b117f4220ad81c99f64bc68a6f9dd0f604fa5c87e6566f3698eaaa0cd6a8","contentType":"text/markdown; charset=utf-8"},{"id":"bec9218f-c1e1-5fb7-b9ab-21c5bc967473","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bec9218f-c1e1-5fb7-b9ab-21c5bc967473/attachment.md","path":"references/components/switch/demo/component-token.md","size":821,"sha256":"6632284e3ff1af87cac01842c1dafdf11968ab4261631804e55ad3b3df157c3f","contentType":"text/markdown; charset=utf-8"},{"id":"b32a1c21-e23b-52a2-aa62-427b6f8ff23f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b32a1c21-e23b-52a2-aa62-427b6f8ff23f/attachment.md","path":"references/components/switch/demo/disabled.md","size":466,"sha256":"19751de6b574ff19397fa33effe7f61883373fb1647f23b40b3fec9a40d2f90f","contentType":"text/markdown; charset=utf-8"},{"id":"71725d5f-7e82-5fd1-9b40-e3e9a569d464","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/71725d5f-7e82-5fd1-9b40-e3e9a569d464/attachment.md","path":"references/components/switch/demo/loading.md","size":372,"sha256":"ba3b11cc138efe8e078e939e75e480ec129790e5bb22ceaf685bba48ffb3a12e","contentType":"text/markdown; charset=utf-8"},{"id":"46fa412a-0a21-5a29-afd8-2245863692b4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/46fa412a-0a21-5a29-afd8-2245863692b4/attachment.md","path":"references/components/switch/demo/size.md","size":373,"sha256":"cec9bc517e147094b5607aed73fc06d41dc54d485142b9173969a4ce11048c06","contentType":"text/markdown; charset=utf-8"},{"id":"ba4a1da3-870a-5f1d-8d84-71a157046706","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ba4a1da3-870a-5f1d-8d84-71a157046706/attachment.md","path":"references/components/switch/demo/style-class.md","size":881,"sha256":"f0cab12aebc148b938bd37d0f3091533e85de3e042aadede25cb8fdde8270780","contentType":"text/markdown; charset=utf-8"},{"id":"1720a920-da21-5938-b205-2efadfb014e6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1720a920-da21-5938-b205-2efadfb014e6/attachment.md","path":"references/components/switch/demo/text.md","size":779,"sha256":"457c90bf6c03ae66766b98e95db64fdede6595e3f6adb5e5f2767f376643132e","contentType":"text/markdown; charset=utf-8"},{"id":"24235a37-c5bc-55ee-b593-f0fb5228ba87","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/24235a37-c5bc-55ee-b593-f0fb5228ba87/attachment.md","path":"references/components/switch/docs.md","size":3258,"sha256":"a1e92306eda5be029feb23d9d5ae34091bdaa410101991de19215454bcc3dbe5","contentType":"text/markdown; charset=utf-8"},{"id":"9ed9cbb7-8444-5300-ba72-015fa07b45a1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9ed9cbb7-8444-5300-ba72-015fa07b45a1/attachment.md","path":"references/components/switch/token.md","size":1258,"sha256":"b62d654c71db93936c0dd992fb8ecae66d948d5ab730e84e3ca205b5c2841800","contentType":"text/markdown; charset=utf-8"},{"id":"74e43ed4-b304-5c4f-b19a-3d3e9801d847","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/74e43ed4-b304-5c4f-b19a-3d3e9801d847/attachment.md","path":"references/components/table/demo/_semantic.md","size":2242,"sha256":"297825d613dea072dda484d92884a8307dfa189209043702f265d7ca661489e3","contentType":"text/markdown; charset=utf-8"},{"id":"4d9b09ba-f8d6-57e0-841a-41f3fd46780d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4d9b09ba-f8d6-57e0-841a-41f3fd46780d/attachment.md","path":"references/components/table/demo/ajax.md","size":1818,"sha256":"1869c8ad51d121bfb6bc5c09d72aae276459034fa123d41451efe49742545c52","contentType":"text/markdown; charset=utf-8"},{"id":"216cbace-0095-5daf-9c96-fe616295fb4e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/216cbace-0095-5daf-9c96-fe616295fb4e/attachment.md","path":"references/components/table/demo/basic.md","size":1974,"sha256":"39ea687d561aeb8fc2d8013268e62df2f164a41fea374a0c0e46ba80c47e80b4","contentType":"text/markdown; charset=utf-8"},{"id":"e4e16d30-4a3d-5bf4-bb17-86caf34b0ec7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e4e16d30-4a3d-5bf4-bb17-86caf34b0ec7/attachment.md","path":"references/components/table/demo/bordered.md","size":841,"sha256":"896b18cd668ac2bceb593dd44451d90f042fded42907dbc533ce82b675b5b070","contentType":"text/markdown; charset=utf-8"},{"id":"84b30a59-e8a6-5cd6-9d98-a3320b7b48bc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/84b30a59-e8a6-5cd6-9d98-a3320b7b48bc/attachment.md","path":"references/components/table/demo/cell-slot.md","size":1788,"sha256":"16b46856492418ad0e62b5baa3741f44d9956eb2226cfe3391e268fa841858e6","contentType":"text/markdown; charset=utf-8"},{"id":"dd18bf12-eda5-5ff5-a17b-6949a0ed95cc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dd18bf12-eda5-5ff5-a17b-6949a0ed95cc/attachment.md","path":"references/components/table/demo/colspan-rowspan.md","size":2315,"sha256":"64caee4290bb34569ade9a24b219e6ae7a3677c5727f4df1ef3cdaeb33c54216","contentType":"text/markdown; charset=utf-8"},{"id":"5adc4616-7b47-5355-84cd-0a5df9749fbf","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5adc4616-7b47-5355-84cd-0a5df9749fbf/attachment.md","path":"references/components/table/demo/custom-empty.md","size":536,"sha256":"c4e9cf2fa1a2911c4040645d26d382d041bd5e9be55c80db36dbddecab99958d","contentType":"text/markdown; charset=utf-8"},{"id":"aef914d5-545d-50b4-b6f5-417ae4293060","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/aef914d5-545d-50b4-b6f5-417ae4293060/attachment.md","path":"references/components/table/demo/custom-filter-panel.md","size":5163,"sha256":"ff2bf31c72e6ef484c3c76e4cfd1df31302a7b41b2bee66a264fdf65b751cdab","contentType":"text/markdown; charset=utf-8"},{"id":"f5d203a6-9c7c-5330-bc09-906723901477","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f5d203a6-9c7c-5330-bc09-906723901477/attachment.md","path":"references/components/table/demo/drag-sorting-handler.md","size":2183,"sha256":"a26a8b49997e84fe8cde4c8f0287bff0d9d17f32ae2cf4c49004b0ef33f8a4a1","contentType":"text/markdown; charset=utf-8"},{"id":"8b544091-71ee-5900-87ca-f16824c1e443","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8b544091-71ee-5900-87ca-f16824c1e443/attachment.md","path":"references/components/table/demo/drag-sorting.md","size":1673,"sha256":"aa47bd99baa45e33be80504fa266c8eec72b49d8df35c63f883f0eaa2006deb9","contentType":"text/markdown; charset=utf-8"},{"id":"49bcb234-ea99-53e6-a99e-07ae5bf28e1c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/49bcb234-ea99-53e6-a99e-07ae5bf28e1c/attachment.md","path":"references/components/table/demo/dynamic-settings.md","size":7310,"sha256":"cff6941979f4fb903c07bcb04c56461d993ddb7f130a2cedeb1aad6b3a4ef7ea","contentType":"text/markdown; charset=utf-8"},{"id":"4c39b680-a4b0-5d36-9cf0-8ee900cfa8c3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4c39b680-a4b0-5d36-9cf0-8ee900cfa8c3/attachment.md","path":"references/components/table/demo/edit-cell.md","size":3095,"sha256":"1ae309d270025736f7c7c3842298033dc3ab22c581ed18b25cd780e7257a6081","contentType":"text/markdown; charset=utf-8"},{"id":"8903d825-eeba-5133-acae-2f78367a0335","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8903d825-eeba-5133-acae-2f78367a0335/attachment.md","path":"references/components/table/demo/edit-row.md","size":3826,"sha256":"aa38f5d9118c711c25a0e43a259dc9ca30de339600c55731e20ebefcdedb68dd","contentType":"text/markdown; charset=utf-8"},{"id":"cdc3d84e-17f3-5838-9adb-4cfc35e1aaa9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/cdc3d84e-17f3-5838-9adb-4cfc35e1aaa9/attachment.md","path":"references/components/table/demo/ellipsis-custom-tooltip.md","size":2149,"sha256":"27e3a26f2a13d4fbf3270d3911bd458c7e38e77033ff6b0f9cce814f12d33404","contentType":"text/markdown; charset=utf-8"},{"id":"bf30db8a-97dc-563f-8296-7982406081bd","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bf30db8a-97dc-563f-8296-7982406081bd/attachment.md","path":"references/components/table/demo/ellipsis.md","size":1532,"sha256":"eb43ab312f44ed9f389e9d725d69e3851c2687910ff7661b66857bb11f39a4c1","contentType":"text/markdown; charset=utf-8"},{"id":"6fe25157-ab86-5585-8070-dd67cb3f4b07","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6fe25157-ab86-5585-8070-dd67cb3f4b07/attachment.md","path":"references/components/table/demo/expand-sticky.md","size":2094,"sha256":"d15576c60f8347a7bb960e29d2f51a2ca508f78421bdd51984a1a0420457d66c","contentType":"text/markdown; charset=utf-8"},{"id":"b96306ea-daf1-53a0-b21d-5a522eb673f2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b96306ea-daf1-53a0-b21d-5a522eb673f2/attachment.md","path":"references/components/table/demo/expand.md","size":1798,"sha256":"1e13ed847b62026ce9331390d22ce90d4d6b4d1e0366c43a05d6f16a0d76c4a3","contentType":"text/markdown; charset=utf-8"},{"id":"c8b2faaf-b8a0-53a2-aea2-97b1ca002f5b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c8b2faaf-b8a0-53a2-aea2-97b1ca002f5b/attachment.md","path":"references/components/table/demo/filter-in-tree.md","size":2090,"sha256":"c05725a8ea4a17dde9d9f0aa1649106a79594d7e4acf51a40e2f726959c605a9","contentType":"text/markdown; charset=utf-8"},{"id":"5d55beb4-fff2-50be-bcd2-0cb4ba78c768","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5d55beb4-fff2-50be-bcd2-0cb4ba78c768/attachment.md","path":"references/components/table/demo/filter-search.md","size":1751,"sha256":"34da55ff0ef689b6d4cc3ccf3944c3791517876c9510bf5fecc5797821540a57","contentType":"text/markdown; charset=utf-8"},{"id":"5ddd8737-e45f-5494-b034-bec8d8b5fad9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5ddd8737-e45f-5494-b034-bec8d8b5fad9/attachment.md","path":"references/components/table/demo/fixed-columns-header.md","size":2778,"sha256":"b0f4d0b65d32fd18f5c831569da85e304c92d1b40ee2e36ff2273b8c47e138de","contentType":"text/markdown; charset=utf-8"},{"id":"b1e3c5cd-0bbf-5d1d-bf0d-ce0b66f4f952","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b1e3c5cd-0bbf-5d1d-bf0d-ce0b66f4f952/attachment.md","path":"references/components/table/demo/fixed-columns.md","size":2738,"sha256":"8482d675b91d61b6110321c2e933597bd57bf5573535fdbfc0bc95e2ba6121d6","contentType":"text/markdown; charset=utf-8"},{"id":"53ca13a9-ab8b-5076-bbdd-78f760c3e0bc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/53ca13a9-ab8b-5076-bbdd-78f760c3e0bc/attachment.md","path":"references/components/table/demo/fixed-gapped-columns.md","size":2442,"sha256":"99b9a41c3d7e1fcc5e6929f6ef367077fb3599b7791f8b2e9628b88329ee7c40","contentType":"text/markdown; charset=utf-8"},{"id":"2299b418-28ab-5d81-b15d-e78c8ce1be01","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2299b418-28ab-5d81-b15d-e78c8ce1be01/attachment.md","path":"references/components/table/demo/fixed-header.md","size":1175,"sha256":"3a25a320c6aad8a3a1ef4ce6e8f24741ebfdb766b06f7bdd1004f3e7c0a9ed85","contentType":"text/markdown; charset=utf-8"},{"id":"5da257bd-f7ab-57e4-81af-e793fe9e74ed","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5da257bd-f7ab-57e4-81af-e793fe9e74ed/attachment.md","path":"references/components/table/demo/grouping-columns.md","size":2432,"sha256":"e1b5f93c95b416f5516395bb2b5809d2124e35a7f4776754c0afd58452e7a91a","contentType":"text/markdown; charset=utf-8"},{"id":"d51aa991-8c36-52d9-bac9-e0d0230021c8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d51aa991-8c36-52d9-bac9-e0d0230021c8/attachment.md","path":"references/components/table/demo/head.md","size":2922,"sha256":"595872fd0aaea4ecf2f29fef5292bd5b69b9a4d4abea80b4e5e66a61d0128297","contentType":"text/markdown; charset=utf-8"},{"id":"ac44950d-e84d-5e0d-840c-62840d99fc8d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ac44950d-e84d-5e0d-840c-62840d99fc8d/attachment.md","path":"references/components/table/demo/hidden-columns.md","size":1643,"sha256":"b368fa5d83caaf2b5c370dbb837d5fe5a09ec498e82f4c826116c4b2bbd409c4","contentType":"text/markdown; charset=utf-8"},{"id":"583cda5d-c615-51f6-a511-bdaf89e1acb3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/583cda5d-c615-51f6-a511-bdaf89e1acb3/attachment.md","path":"references/components/table/demo/multiple-sorter.md","size":1614,"sha256":"51e4beefd317b4c09fb2a93cf0b6526f3de57be2a74dfe0a405a3b6f6522cd01","contentType":"text/markdown; charset=utf-8"},{"id":"189060f8-d794-580b-bf18-298ced6b6676","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/189060f8-d794-580b-bf18-298ced6b6676/attachment.md","path":"references/components/table/demo/narrow.md","size":923,"sha256":"933c846a03321660dcc146f666d0baabd45d2816a647e493a2b09eb7afb924b2","contentType":"text/markdown; charset=utf-8"},{"id":"b274a763-fd7d-52b3-abe6-740e67209223","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b274a763-fd7d-52b3-abe6-740e67209223/attachment.md","path":"references/components/table/demo/nested-table.md","size":4908,"sha256":"84133a14b7dfea3ee707d33719fdf9b74423fd98d2fb067e30b5846240aa3b87","contentType":"text/markdown; charset=utf-8"},{"id":"4ddd478c-a807-5214-a46d-7b5ca723a6c3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4ddd478c-a807-5214-a46d-7b5ca723a6c3/attachment.md","path":"references/components/table/demo/order-column.md","size":1608,"sha256":"e5b2e71b63fb0ffced1b5e123eb40ce4ce5469b87ab0d38481605441c47096f8","contentType":"text/markdown; charset=utf-8"},{"id":"0d0a6369-c78e-5b0b-98ce-e44576788fef","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0d0a6369-c78e-5b0b-98ce-e44576788fef/attachment.md","path":"references/components/table/demo/pagination.md","size":3069,"sha256":"acfe7a381d028df091fb479f9368d81e2929d5cee1baeca494d80b2678e628f9","contentType":"text/markdown; charset=utf-8"},{"id":"4fe54b07-a259-53ae-87de-4f22de1bf68a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4fe54b07-a259-53ae-87de-4f22de1bf68a/attachment.md","path":"references/components/table/demo/reset-filter.md","size":3305,"sha256":"967200b39098f1f390fa994919d2da9d5c238dbb49a6684a1f0d026ddde45c62","contentType":"text/markdown; charset=utf-8"},{"id":"fdb2d309-6e85-5451-9c96-415071e5df80","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fdb2d309-6e85-5451-9c96-415071e5df80/attachment.md","path":"references/components/table/demo/resizable-column.md","size":4460,"sha256":"9045c6297c99e4c8828552549a7d60fecd2b8753a9577768dfaf3a06911fa37e","contentType":"text/markdown; charset=utf-8"},{"id":"adc633c5-5411-52cb-8e6d-e12071368a0c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/adc633c5-5411-52cb-8e6d-e12071368a0c/attachment.md","path":"references/components/table/demo/responsive.md","size":922,"sha256":"28f88a9a826865767ad61cc0afe4a10028defea9063304281236d133151eeee4","contentType":"text/markdown; charset=utf-8"},{"id":"947bf08d-b068-575f-a32c-50da8cc18d82","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/947bf08d-b068-575f-a32c-50da8cc18d82/attachment.md","path":"references/components/table/demo/row-selection-and-operation.md","size":1862,"sha256":"0e14bb35e01f54df220aae8ae1cf1e7ace8f1716705c67541030e5daf08e8a17","contentType":"text/markdown; charset=utf-8"},{"id":"87334af6-1d4d-506f-9891-3fd7aba6f1f5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/87334af6-1d4d-506f-9891-3fd7aba6f1f5/attachment.md","path":"references/components/table/demo/row-selection-custom.md","size":1853,"sha256":"1fca2241c79c48ee090b20d5a25c1eb961a95cf221fd9c0fa7307e950ca271dc","contentType":"text/markdown; charset=utf-8"},{"id":"27881643-d38d-5eb4-8b7b-31154c46814a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/27881643-d38d-5eb4-8b7b-31154c46814a/attachment.md","path":"references/components/table/demo/row-selection.md","size":2284,"sha256":"ff36eee6d2ea6b3b30fa8cc557e75e9b0c9f29ef59eb52a3005bc71bf0c953fa","contentType":"text/markdown; charset=utf-8"},{"id":"50e012e9-dcaa-50f5-8a9a-99c59fa9e1e2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/50e012e9-dcaa-50f5-8a9a-99c59fa9e1e2/attachment.md","path":"references/components/table/demo/size.md","size":1120,"sha256":"c6dbe11952f8a8a32de3430a33253e1b6964551834f6e81ca3fb783d0184b686","contentType":"text/markdown; charset=utf-8"},{"id":"a4f059bd-4eff-50f7-aa6c-af1802638a58","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a4f059bd-4eff-50f7-aa6c-af1802638a58/attachment.md","path":"references/components/table/demo/sticky.md","size":2440,"sha256":"4b760f127b9a169e32a807de46746584db81e2cbe2c1ecdc5f7cc9d49c20964b","contentType":"text/markdown; charset=utf-8"},{"id":"39f83c28-225f-5349-aeb0-f6fc3542bd6e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/39f83c28-225f-5349-aeb0-f6fc3542bd6e/attachment.md","path":"references/components/table/demo/style-class.md","size":3350,"sha256":"7a8b7e4159fa8338f7be0e7fbc49e490ab4cfa3d0e30360470ce4848feea9b17","contentType":"text/markdown; charset=utf-8"},{"id":"5269dd19-2d19-59cf-ba7f-7299f1aab642","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5269dd19-2d19-59cf-ba7f-7299f1aab642/attachment.md","path":"references/components/table/demo/summary.md","size":3545,"sha256":"180b6118e48783d37fd6ee14b9b1ffd7f170b4d6c2d59cfc683a6cee673f67a9","contentType":"text/markdown; charset=utf-8"},{"id":"7b459fe5-34b3-5a1b-a0ce-23205331e8f7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7b459fe5-34b3-5a1b-a0ce-23205331e8f7/attachment.md","path":"references/components/table/demo/tree-data.md","size":2824,"sha256":"f6a6608072e42cb514ebf9de3fcd74ea248c40b36df035e51c285045b60d7707","contentType":"text/markdown; charset=utf-8"},{"id":"88e63562-102c-5928-88f2-a8dc3eeda5e8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/88e63562-102c-5928-88f2-a8dc3eeda5e8/attachment.md","path":"references/components/table/demo/virtual-list.md","size":4820,"sha256":"9e718cf359be6a40bed5cbebe54528db80deb48510d1bd2545948716ab58ac44","contentType":"text/markdown; charset=utf-8"},{"id":"d3a9ce66-748f-52ec-9568-7c7f078d7581","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d3a9ce66-748f-52ec-9568-7c7f078d7581/attachment.md","path":"references/components/table/docs.md","size":16206,"sha256":"3bac931a1179953b2b1631f2fa94e52d2361fee21d4754c5af46995c84f99b9b","contentType":"text/markdown; charset=utf-8"},{"id":"157b5856-5328-5813-b991-74f43e0e420f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/157b5856-5328-5813-b991-74f43e0e420f/attachment.md","path":"references/components/table/token.md","size":2707,"sha256":"add002b021284c8610dc7572bb8b06b11fbc23640d65eb79dc078c8f3f91d98d","contentType":"text/markdown; charset=utf-8"},{"id":"480a2e2e-3de2-55d7-9e2b-e9e52c34520f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/480a2e2e-3de2-55d7-9e2b-e9e52c34520f/attachment.md","path":"references/components/tabs/demo/_semantic.md","size":1257,"sha256":"a30f0d106a17f3c49e245cf77ebb54c106cca832efcf39cd5be76d00c363fded","contentType":"text/markdown; charset=utf-8"},{"id":"9a643dca-dba1-5262-9268-73d707c5045c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9a643dca-dba1-5262-9268-73d707c5045c/attachment.md","path":"references/components/tabs/demo/basic.md","size":497,"sha256":"e8dff6c74e3e7dfb58015329c8b062c0f952bf0e11f93f47552939140f96524a","contentType":"text/markdown; charset=utf-8"},{"id":"a6d41ea8-c481-576f-9f0f-9f039193bc52","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a6d41ea8-c481-576f-9f0f-9f039193bc52/attachment.md","path":"references/components/tabs/demo/card.md","size":564,"sha256":"e209478c0205072ef43b112dd2be4a040df3ffb69e4d2a90a5e938fc7d0dcad0","contentType":"text/markdown; charset=utf-8"},{"id":"e5dcb28b-c011-547b-9f00-5cba3918fa51","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e5dcb28b-c011-547b-9f00-5cba3918fa51/attachment.md","path":"references/components/tabs/demo/centered.md","size":415,"sha256":"1b1ecd14953bef716c69305b14527cf94886b3f165b672ca8722267f02846a2d","contentType":"text/markdown; charset=utf-8"},{"id":"a8f25519-b061-5c0a-8c75-5e2f56443123","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a8f25519-b061-5c0a-8c75-5e2f56443123/attachment.md","path":"references/components/tabs/demo/custom-add-trigger.md","size":1796,"sha256":"a61a23f14887dcd4a0cdd4ecac4a0b9df12728af28a500673d95e1c900bfee56","contentType":"text/markdown; charset=utf-8"},{"id":"34afa45c-59f9-5f6c-8ddb-31e02db94e2e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/34afa45c-59f9-5f6c-8ddb-31e02db94e2e/attachment.md","path":"references/components/tabs/demo/custom-indicator.md","size":946,"sha256":"2d0c94c159c273bbe73829903d29fb68d7604ebb46145613a6685ee5e141b4cf","contentType":"text/markdown; charset=utf-8"},{"id":"8e30befb-b43a-535a-91e2-b8b3bf8cfece","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8e30befb-b43a-535a-91e2-b8b3bf8cfece/attachment.md","path":"references/components/tabs/demo/custom-tab-bar-node.md","size":2421,"sha256":"ec98ed1055a2da30128284a4dcaf6b96f9c5ccb9318532a8f62cc8b53e63993d","contentType":"text/markdown; charset=utf-8"},{"id":"423d8718-9553-54c4-917d-1ac3ce0f27f2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/423d8718-9553-54c4-917d-1ac3ce0f27f2/attachment.md","path":"references/components/tabs/demo/custom-tab-bar.md","size":1020,"sha256":"e254ce797f86d52452bce25fa31ed77912f453b7e4fd047f3de2613f4d32e763","contentType":"text/markdown; charset=utf-8"},{"id":"20dd087d-a717-58b0-88ee-9984bf47b54c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/20dd087d-a717-58b0-88ee-9984bf47b54c/attachment.md","path":"references/components/tabs/demo/disabled.md","size":483,"sha256":"ef9d5ae5f7e6cf8aa1596ee6b3f13cfbbd222eb599aac7f8cc1026e05c1412fa","contentType":"text/markdown; charset=utf-8"},{"id":"1b03b370-8b17-500b-a1d5-d33c7511be86","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1b03b370-8b17-500b-a1d5-d33c7511be86/attachment.md","path":"references/components/tabs/demo/editable-card.md","size":1854,"sha256":"385e80d3a9cdaebcd2da8aea2e7e534073b0f04322688e1b3fa3f5a82bf794a7","contentType":"text/markdown; charset=utf-8"},{"id":"fd5503df-4a44-57ef-a7ab-b1bbee13635f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fd5503df-4a44-57ef-a7ab-b1bbee13635f/attachment.md","path":"references/components/tabs/demo/extra.md","size":1735,"sha256":"f6ae303defdc773a5acf64774031e37860e872b6820ba662853c9a16af9463ef","contentType":"text/markdown; charset=utf-8"},{"id":"20033a45-00bd-5c28-8b1e-38a394f9819a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/20033a45-00bd-5c28-8b1e-38a394f9819a/attachment.md","path":"references/components/tabs/demo/icon.md","size":560,"sha256":"809b14347a34fc6a0083966d852294d605d306a49021afa01e214c5623e72726","contentType":"text/markdown; charset=utf-8"},{"id":"387b096b-9f94-5c04-96ce-f73a7a96cff2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/387b096b-9f94-5c04-96ce-f73a7a96cff2/attachment.md","path":"references/components/tabs/demo/placement.md","size":1084,"sha256":"9c0dad7463d18f73cae254a90c01b776c958cbcce2040d0b1aa46c69ba0539df","contentType":"text/markdown; charset=utf-8"},{"id":"bf57b364-017b-512b-be74-a11d399dbad0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bf57b364-017b-512b-be74-a11d399dbad0/attachment.md","path":"references/components/tabs/demo/size.md","size":2652,"sha256":"032f3774fcbd881b0cc61820b1a6518de7f9b9f7980b9a07d4174d73227c4dbe","contentType":"text/markdown; charset=utf-8"},{"id":"4240cc1b-b743-52b5-b37d-07d705afaffd","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4240cc1b-b743-52b5-b37d-07d705afaffd/attachment.md","path":"references/components/tabs/demo/slide.md","size":1014,"sha256":"fcc9ff055756895bc420019a04bb790fadfc4f1ced6f43ec51c0b1cde28d17ec","contentType":"text/markdown; charset=utf-8"},{"id":"90018956-710b-54ef-a3c9-0fa2b37eaa75","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/90018956-710b-54ef-a3c9-0fa2b37eaa75/attachment.md","path":"references/components/tabs/demo/style-class.md","size":1500,"sha256":"25a95668a205410f07c2217851c3e18baa6e32715941dbada1636585e555f318","contentType":"text/markdown; charset=utf-8"},{"id":"53f7a9ae-a950-5dae-9e25-efab8f76148a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/53f7a9ae-a950-5dae-9e25-efab8f76148a/attachment.md","path":"references/components/tabs/docs.md","size":5734,"sha256":"7a004b09ae61cf350a97724ef9aa9627c76e3e00b4ace2e2d8e2109a6ca6bde6","contentType":"text/markdown; charset=utf-8"},{"id":"8bce69d1-c489-5946-98f4-535c255dc580","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8bce69d1-c489-5946-98f4-535c255dc580/attachment.md","path":"references/components/tabs/token.md","size":2089,"sha256":"803830c687fdafb6f80d3612902f704247bb87de654bb8383f5c254daddee0c6","contentType":"text/markdown; charset=utf-8"},{"id":"ec20674d-f2b0-5ef7-b125-47c965cd76ba","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ec20674d-f2b0-5ef7-b125-47c965cd76ba/attachment.md","path":"references/components/tag/demo/_semantic.md","size":947,"sha256":"13de3e799aba6e2640adf9472c5968d581eee076aa6c90fc6751334183de6175","contentType":"text/markdown; charset=utf-8"},{"id":"366ccdb7-86e9-5ff6-85e2-271013530de3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/366ccdb7-86e9-5ff6-85e2-271013530de3/attachment.md","path":"references/components/tag/demo/basic.md","size":1464,"sha256":"aad3b7a697a5687439c910e411efc3d87223f367a15da604824fd01937531c1c","contentType":"text/markdown; charset=utf-8"},{"id":"4b771f0e-2345-5404-b3ff-b16540cb9088","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4b771f0e-2345-5404-b3ff-b16540cb9088/attachment.md","path":"references/components/tag/demo/checkable.md","size":1033,"sha256":"21668580710a42b63fe965b3943141865201e7f723b921752024caced57cf3aa","contentType":"text/markdown; charset=utf-8"},{"id":"3ed3c40b-c1a0-51bd-8f60-e94716f96a25","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3ed3c40b-c1a0-51bd-8f60-e94716f96a25/attachment.md","path":"references/components/tag/demo/colorful.md","size":1248,"sha256":"27c9dae2e254afa3dc68f52c678377c95e1b0246048642eddc8f8e3c3eb66f51","contentType":"text/markdown; charset=utf-8"},{"id":"19feca86-de34-5345-bff6-18a9277cb8f3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/19feca86-de34-5345-bff6-18a9277cb8f3/attachment.md","path":"references/components/tag/demo/control.md","size":3473,"sha256":"bb3b1d9b9d179e72c350d4825b0b1e4013f120f83fa09d66a2695bd3dca415d5","contentType":"text/markdown; charset=utf-8"},{"id":"68a64894-627b-5a09-b8c3-0c5bce84c5fe","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/68a64894-627b-5a09-b8c3-0c5bce84c5fe/attachment.md","path":"references/components/tag/demo/customize.md","size":478,"sha256":"37855e0df1603167e1083306bd1e7d40d0cf4d40a7bd968de18172ae089351ca","contentType":"text/markdown; charset=utf-8"},{"id":"bb211974-9e53-5fb5-866c-2298543ba833","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bb211974-9e53-5fb5-866c-2298543ba833/attachment.md","path":"references/components/tag/demo/disabled.md","size":2600,"sha256":"f1a209105112ef654ce9ea3db3f73993d1807b7cadb7c3529dadf8297b077b77","contentType":"text/markdown; charset=utf-8"},{"id":"c1b9f32d-be04-5dc8-925f-c287bac09d46","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c1b9f32d-be04-5dc8-925f-c287bac09d46/attachment.md","path":"references/components/tag/demo/icon.md","size":2125,"sha256":"7c189cf60078c0f19ec4723b21d9b2fe9ff62609160a4a9edb65fc4aab3a9bd0","contentType":"text/markdown; charset=utf-8"},{"id":"a7877447-c3b6-5e17-aea0-02211ef934d1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a7877447-c3b6-5e17-aea0-02211ef934d1/attachment.md","path":"references/components/tag/demo/status.md","size":1274,"sha256":"09dc4c0486b82534610472837cdba0196fd57d52216013ebbaf99f26dcf9eb35","contentType":"text/markdown; charset=utf-8"},{"id":"3d3e5ec7-895e-57d9-88d2-1a1ee331a5dc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3d3e5ec7-895e-57d9-88d2-1a1ee331a5dc/attachment.md","path":"references/components/tag/demo/style-class.md","size":2161,"sha256":"c20f9c63e42d70e4eaa67b0a656a4321b54bc232621323aedade0bdaa5f119f9","contentType":"text/markdown; charset=utf-8"},{"id":"aabd8ef1-22af-51cc-96b4-50b9f4456223","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/aabd8ef1-22af-51cc-96b4-50b9f4456223/attachment.md","path":"references/components/tag/docs.md","size":3691,"sha256":"41a2e57c4357e94c3d5e6e8c8e801f7d347f152968e907edc2f22402c53c919d","contentType":"text/markdown; charset=utf-8"},{"id":"8a6e1b01-77a9-5163-8189-92edb5129a1d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8a6e1b01-77a9-5163-8189-92edb5129a1d/attachment.md","path":"references/components/tag/token.md","size":580,"sha256":"36de20d0ea8ddd27b054d8e2f2197dae58dd32c0a0299c4fe09960893aa84638","contentType":"text/markdown; charset=utf-8"},{"id":"b64b7351-fd05-52e2-b416-5a59dcfdc05b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b64b7351-fd05-52e2-b416-5a59dcfdc05b/attachment.md","path":"references/components/time-picker/demo/12hours.md","size":491,"sha256":"9d9f89cc678f0fa285bd2a60a0e573ef9fb9ded786b6b00c7843992cb18bbebc","contentType":"text/markdown; charset=utf-8"},{"id":"873cfe58-21d7-5c15-b212-5d340d009392","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/873cfe58-21d7-5c15-b212-5d340d009392/attachment.md","path":"references/components/time-picker/demo/_semantic.md","size":2038,"sha256":"e1a12280ed259af0745c533c956a74c50ddbcb7599606df965bd96ed54188859","contentType":"text/markdown; charset=utf-8"},{"id":"af024dfa-8f33-598f-9c01-feddbd5d0434","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/af024dfa-8f33-598f-9c01-feddbd5d0434/attachment.md","path":"references/components/time-picker/demo/addon.md","size":570,"sha256":"26db8c2dece09a1c53899ee6762b0412032c28013048b69d594171a5438469b3","contentType":"text/markdown; charset=utf-8"},{"id":"87010f3a-5e00-5006-9bc9-eca8f5beace4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/87010f3a-5e00-5006-9bc9-eca8f5beace4/attachment.md","path":"references/components/time-picker/demo/basic.md","size":526,"sha256":"85f0dc193e5a15cfccd38777385ce9713fcd9cf1dd57f5078a07770e49e1312d","contentType":"text/markdown; charset=utf-8"},{"id":"41c9d79f-8d70-5ceb-9c26-fd8234c19bdb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/41c9d79f-8d70-5ceb-9c26-fd8234c19bdb/attachment.md","path":"references/components/time-picker/demo/change-on-scroll.md","size":364,"sha256":"0e8f7526d2a91b4982a3f901f5e0b9f57f1b818195f1b5c922576f81b451de74","contentType":"text/markdown; charset=utf-8"},{"id":"9c92bd97-2428-5edb-8c48-c89eb026c5e2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9c92bd97-2428-5edb-8c48-c89eb026c5e2/attachment.md","path":"references/components/time-picker/demo/disabled.md","size":388,"sha256":"df7ce84ba30a456aa4bfc1f3efd170d5bac7d5e7b824feea87289c6add3093f0","contentType":"text/markdown; charset=utf-8"},{"id":"231daa7a-3eb3-5246-855c-af9ed0cccc07","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/231daa7a-3eb3-5246-855c-af9ed0cccc07/attachment.md","path":"references/components/time-picker/demo/hide-column.md","size":376,"sha256":"ca6d97cbf9124da6a25380f1e5fb7d0330c3c71a648bdcb0a063cf37a56ca7fa","contentType":"text/markdown; charset=utf-8"},{"id":"dcfaa0d2-3a6a-51f4-b85b-7a3daf9b0df6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/dcfaa0d2-3a6a-51f4-b85b-7a3daf9b0df6/attachment.md","path":"references/components/time-picker/demo/interval-options.md","size":258,"sha256":"8364e0c93c7557c162a9811cc7c4411574b8db7b74137bffac39905cec485391","contentType":"text/markdown; charset=utf-8"},{"id":"5b807fa9-21ec-581c-b7c7-3dbbea8678e0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5b807fa9-21ec-581c-b7c7-3dbbea8678e0/attachment.md","path":"references/components/time-picker/demo/need-confirm.md","size":641,"sha256":"1e0d392875e4f6fa88cba06d2bb8a33ec9795df1e98962c83c6d0a3c59df30ca","contentType":"text/markdown; charset=utf-8"},{"id":"ad5e92d9-6cc5-5719-a0c5-d09515c6baaa","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ad5e92d9-6cc5-5719-a0c5-d09515c6baaa/attachment.md","path":"references/components/time-picker/demo/range-picker.md","size":390,"sha256":"4b5fab310855070b76ba82767389bae1a00ba306efae449d9db644003db0e90b","contentType":"text/markdown; charset=utf-8"},{"id":"7ef6a4f4-e9d5-53bf-83d0-1e5907a2467d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7ef6a4f4-e9d5-53bf-83d0-1e5907a2467d/attachment.md","path":"references/components/time-picker/demo/size.md","size":537,"sha256":"08c697a198c73312e15d753983fd1908eedf7708b53243d452f92c93750b6957","contentType":"text/markdown; charset=utf-8"},{"id":"d5d7238b-21e4-5282-abde-406d6eee9bd2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d5d7238b-21e4-5282-abde-406d6eee9bd2/attachment.md","path":"references/components/time-picker/demo/status.md","size":391,"sha256":"3120b4e67bec646d08c711d8f9ab43646a266ede9bcacf772d26d1ebefad990b","contentType":"text/markdown; charset=utf-8"},{"id":"76acad56-ddda-5213-a89b-b450e34ef40e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/76acad56-ddda-5213-a89b-b450e34ef40e/attachment.md","path":"references/components/time-picker/demo/style-class.md","size":1126,"sha256":"d14a95a1b671db6db40ef046a8c2dae7b401e5533c3bc1ad07392e10b0ff3bc2","contentType":"text/markdown; charset=utf-8"},{"id":"0b792dd3-d98b-5094-8b11-f8f0bda8b85b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0b792dd3-d98b-5094-8b11-f8f0bda8b85b/attachment.md","path":"references/components/time-picker/demo/suffix.md","size":941,"sha256":"8cd35dde12fb256295897b16215841ed84bae1f4182d4f302770789bd6b150a0","contentType":"text/markdown; charset=utf-8"},{"id":"9587982c-0c1d-5794-9178-e1c78cc17a22","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9587982c-0c1d-5794-9178-e1c78cc17a22/attachment.md","path":"references/components/time-picker/demo/value-format.md","size":960,"sha256":"504e8dcf585130d3faa3fe0ccc627a5852f11efd15c67f18e3598930e5ba40a6","contentType":"text/markdown; charset=utf-8"},{"id":"fc64e1c0-4f95-5b1f-a024-b197301eb97e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fc64e1c0-4f95-5b1f-a024-b197301eb97e/attachment.md","path":"references/components/time-picker/demo/value.md","size":316,"sha256":"8ab5364e326b6f5cf77915d5f88099c7c7e2586aacda5268a89562f4387d047f","contentType":"text/markdown; charset=utf-8"},{"id":"ac6b729f-66aa-5592-bd65-97f5ae0cc0b5","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ac6b729f-66aa-5592-bd65-97f5ae0cc0b5/attachment.md","path":"references/components/time-picker/demo/variant.md","size":1036,"sha256":"7809fc3295d3893fafed64c8f5adb439318c112903420024fb9fe29ae2642ef5","contentType":"text/markdown; charset=utf-8"},{"id":"ba569502-7bb3-5409-9e0c-f15491ed8a6b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ba569502-7bb3-5409-9e0c-f15491ed8a6b/attachment.md","path":"references/components/time-picker/docs.md","size":5900,"sha256":"e5016511969501bb4e5d8f39fd0ccae095ec7c82cdbb28de96124cc02fea9d1f","contentType":"text/markdown; charset=utf-8"},{"id":"8f833a29-78d2-5fad-9b2d-4d81d132db23","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8f833a29-78d2-5fad-9b2d-4d81d132db23/attachment.md","path":"references/components/time-picker/token.md","size":3129,"sha256":"c5d3e41d53bd06546432827296522a7a99dc3396294ef9c931c183c67db0411d","contentType":"text/markdown; charset=utf-8"},{"id":"32b85690-047b-5f83-af43-486cbad87b4b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/32b85690-047b-5f83-af43-486cbad87b4b/attachment.md","path":"references/components/timeline/demo/_semantic.md","size":1254,"sha256":"be69b49d1f0cb39be4551a1183f5abdb806b96f8b5663ca165acfd06cb355675","contentType":"text/markdown; charset=utf-8"},{"id":"3c4c5a50-a7c0-540d-9592-ade537e62b53","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3c4c5a50-a7c0-540d-9592-ade537e62b53/attachment.md","path":"references/components/timeline/demo/alternate.md","size":1017,"sha256":"5169fac02ea4997426c72a9422013de641843129d9567fce9840356393097509","contentType":"text/markdown; charset=utf-8"},{"id":"701fdf55-efd4-5180-a94a-0d046e423209","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/701fdf55-efd4-5180-a94a-0d046e423209/attachment.md","path":"references/components/timeline/demo/basic.md","size":427,"sha256":"4be83ce5ffa486929322ab906dd4f297fe7d682653961c0ec93dbc4c214257a1","contentType":"text/markdown; charset=utf-8"},{"id":"0978db2f-91ed-5052-a338-6a0dfe4b2a91","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0978db2f-91ed-5052-a338-6a0dfe4b2a91/attachment.md","path":"references/components/timeline/demo/custom.md","size":778,"sha256":"834dc63df10c54e6957100b707647cd84bc10b70392c0f5a3ac2bf16bdff974c","contentType":"text/markdown; charset=utf-8"},{"id":"28c20a46-328c-5651-9c66-423ebd9512c0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/28c20a46-328c-5651-9c66-423ebd9512c0/attachment.md","path":"references/components/timeline/demo/end.md","size":597,"sha256":"31b81d73dbe6cce7763e988255c63fa9d7cf537ab81250a14876e597e1a9c5e6","contentType":"text/markdown; charset=utf-8"},{"id":"8ddda532-78fa-589a-8737-b8b07e48af9a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8ddda532-78fa-589a-8737-b8b07e48af9a/attachment.md","path":"references/components/timeline/demo/horizontal.md","size":573,"sha256":"62d81b2d0bed0a55e9e9a56f5a2c522b4ae281bdf79dc9c60ad489376315dd85","contentType":"text/markdown; charset=utf-8"},{"id":"02c14fb6-eaec-5353-a9f5-dbee1927802e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/02c14fb6-eaec-5353-a9f5-dbee1927802e/attachment.md","path":"references/components/timeline/demo/pending.md","size":792,"sha256":"6aae0e0b0bc7f706e7bc3a6a1c4221120ab2de949e8e6c59df1410b6965f4972","contentType":"text/markdown; charset=utf-8"},{"id":"3c1d367c-8400-5ecb-8256-dc845eabc365","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3c1d367c-8400-5ecb-8256-dc845eabc365/attachment.md","path":"references/components/timeline/demo/semantic.md","size":822,"sha256":"c0883673a9436c2fc692f2e2d28f60a8483a3e26334db56a20308f3b796523da","contentType":"text/markdown; charset=utf-8"},{"id":"c706cfed-333f-50fb-9ce8-93f940d15051","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c706cfed-333f-50fb-9ce8-93f940d15051/attachment.md","path":"references/components/timeline/demo/sfc.md","size":507,"sha256":"1ca1e2c10280e6490d21cca0c60516a414a45daec82a33af0c7c85d3e7aeca7b","contentType":"text/markdown; charset=utf-8"},{"id":"81bd0c14-3488-5d40-86e9-1d82097ab615","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/81bd0c14-3488-5d40-86e9-1d82097ab615/attachment.md","path":"references/components/timeline/demo/style-class.md","size":1068,"sha256":"5fbf4f1ee6e69c787b094beba405b4aeb8e4a65de1ca6fd74f9a6ba731578dec","contentType":"text/markdown; charset=utf-8"},{"id":"4b375af0-9ecc-5678-bf73-14324c1eea95","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4b375af0-9ecc-5678-bf73-14324c1eea95/attachment.md","path":"references/components/timeline/demo/title-span.md","size":947,"sha256":"8b31bd18f6d948057313bc3029d46d6d5902e952afd80e89f6f07995519cb6aa","contentType":"text/markdown; charset=utf-8"},{"id":"a4a6de80-0ea9-5ece-9e25-fa483ac136de","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a4a6de80-0ea9-5ece-9e25-fa483ac136de/attachment.md","path":"references/components/timeline/demo/title.md","size":884,"sha256":"0a1853530323522b9afcdab29f8c34da9a9838e7c8f84bc3439c35f1d666c564","contentType":"text/markdown; charset=utf-8"},{"id":"2329c6cf-7f1e-5d52-be6d-f8dd498d8556","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2329c6cf-7f1e-5d52-be6d-f8dd498d8556/attachment.md","path":"references/components/timeline/demo/variant.md","size":482,"sha256":"d61f2a86c2a8c53d327b61f053e493d80c1b56abff697a1b24bce5e50fa8fb01","contentType":"text/markdown; charset=utf-8"},{"id":"84848e34-3e05-57c9-bed8-493505c3fe4d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/84848e34-3e05-57c9-bed8-493505c3fe4d/attachment.md","path":"references/components/timeline/docs.md","size":3488,"sha256":"9216f78e377b04c4fc9e1b895901d69d7b7ada402937b29c6cd989ef641a56ff","contentType":"text/markdown; charset=utf-8"},{"id":"1716b16e-f099-5bd1-82c9-3367b99900cb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1716b16e-f099-5bd1-82c9-3367b99900cb/attachment.md","path":"references/components/timeline/token.md","size":812,"sha256":"06d801701b3005791e13b4574e23edb06d86124a818f48a215490b7851403725","contentType":"text/markdown; charset=utf-8"},{"id":"6fb21048-b1ae-5139-950d-363368961d80","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6fb21048-b1ae-5139-950d-363368961d80/attachment.md","path":"references/components/tooltip/demo/_semantic.md","size":1009,"sha256":"9950e04b2949680de44fb0db6c521c871bcd0360aacc76eae7fdf372eee7094c","contentType":"text/markdown; charset=utf-8"},{"id":"17cc7ee9-d0dd-5c0a-885b-fa7ba04b7dec","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/17cc7ee9-d0dd-5c0a-885b-fa7ba04b7dec/attachment.md","path":"references/components/tooltip/demo/arrow.md","size":2980,"sha256":"0dd194e1dfccb85e77db0ade48ef42d42254f82f21f497cc9201486224083017","contentType":"text/markdown; charset=utf-8"},{"id":"8a3945b7-2152-5911-bdbb-816d6a1561b6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8a3945b7-2152-5911-bdbb-816d6a1561b6/attachment.md","path":"references/components/tooltip/demo/basic.md","size":199,"sha256":"41b2d2352c808358cb1de8f304b16c198fddac74f9054ce1dae7f4a1250483c6","contentType":"text/markdown; charset=utf-8"},{"id":"b111d6ed-2aef-51bf-80e8-bdb7ef3ec234","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b111d6ed-2aef-51bf-80e8-bdb7ef3ec234/attachment.md","path":"references/components/tooltip/demo/colorful.md","size":990,"sha256":"c2a934f3e86fb0cc12acc49ce0c719e2eff95935191cadb7ed4a797e7926fa67","contentType":"text/markdown; charset=utf-8"},{"id":"5f484347-b1da-51f1-b50f-6e3e0a900b5b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5f484347-b1da-51f1-b50f-6e3e0a900b5b/attachment.md","path":"references/components/tooltip/demo/disabled-children.md","size":917,"sha256":"300901b077b88c949fc8fb0c68f0b86031208ccc2c904300f6692812cdd9cbcd","contentType":"text/markdown; charset=utf-8"},{"id":"c00d1b83-557a-5236-81c5-809382f5fe6b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c00d1b83-557a-5236-81c5-809382f5fe6b/attachment.md","path":"references/components/tooltip/demo/disabled.md","size":477,"sha256":"a27f13c73e3541b9859a918f04fe44ec212c649ae33bdcc17ca572fd445ab115","contentType":"text/markdown; charset=utf-8"},{"id":"ee542adb-0696-5f5a-86fb-a6a8b7d7cb63","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ee542adb-0696-5f5a-86fb-a6a8b7d7cb63/attachment.md","path":"references/components/tooltip/demo/placement.md","size":2181,"sha256":"3d748859f3bbd14cb786f27290e20b3c5d9e790cb07e2a2a51dd648ca34b160b","contentType":"text/markdown; charset=utf-8"},{"id":"92d2a933-fdbb-5a3e-b7d3-2d5c1705cc29","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/92d2a933-fdbb-5a3e-b7d3-2d5c1705cc29/attachment.md","path":"references/components/tooltip/demo/shift.md","size":835,"sha256":"466cc9435de3eefd1c7b3c198978a38e6008b73180d1b3a2f8b240ebdb818157","contentType":"text/markdown; charset=utf-8"},{"id":"b65d86e2-5afa-5652-bcae-0fefe3a55dd7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b65d86e2-5afa-5652-bcae-0fefe3a55dd7/attachment.md","path":"references/components/tooltip/demo/smooth-transition.md","size":774,"sha256":"92513d74d36593492d5e634869683f4c07f14e3ea2f715a57641140ed5a7f880","contentType":"text/markdown; charset=utf-8"},{"id":"6cfc5417-ce24-5099-816d-127b0744db3a","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6cfc5417-ce24-5099-816d-127b0744db3a/attachment.md","path":"references/components/tooltip/demo/style-class.md","size":1236,"sha256":"7c7c5b0a788d93fac1d3abc945dfbfd4f46b51bdcdfef95c0d47788983b95319","contentType":"text/markdown; charset=utf-8"},{"id":"89d98687-5d54-5816-bc6d-d2605f26d453","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/89d98687-5d54-5816-bc6d-d2605f26d453/attachment.md","path":"references/components/tooltip/demo/wrap-custom-component.md","size":522,"sha256":"73282d8396f1483ebbe49fce52191a42d287e85906136cf7df13a37b46f46718","contentType":"text/markdown; charset=utf-8"},{"id":"e18e317f-6ea3-53a3-a7e5-712668129cee","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e18e317f-6ea3-53a3-a7e5-712668129cee/attachment.md","path":"references/components/tooltip/docs.md","size":5350,"sha256":"d86b3bfe239054c76d6e7d5989c735a3681dc143a5700a9675088dc5ea3e9bb7","contentType":"text/markdown; charset=utf-8"},{"id":"6436a610-d95a-5ead-9f5b-906b63524b3c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6436a610-d95a-5ead-9f5b-906b63524b3c/attachment.md","path":"references/components/tooltip/token.md","size":518,"sha256":"fe25271eb86c4a86c08d13ef3977e1f26e85358931dde947de0f4fcf297437a7","contentType":"text/markdown; charset=utf-8"},{"id":"a5ab71b7-06bd-5b78-a53d-b13d24fc1908","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a5ab71b7-06bd-5b78-a53d-b13d24fc1908/attachment.md","path":"references/components/tour/demo/_semantic.md","size":2427,"sha256":"50c2b8234c939c83de9f588fb29c1021ff31ee30c51f05fc29b0e9e11ca80dfd","contentType":"text/markdown; charset=utf-8"},{"id":"8468939a-980e-55bf-b627-0c38dfce6e84","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8468939a-980e-55bf-b627-0c38dfce6e84/attachment.md","path":"references/components/tour/demo/actions-render.md","size":1694,"sha256":"9de036067ea23e8e1ea94519de296b6d79bbc2b3f6f642f482ced120648052fb","contentType":"text/markdown; charset=utf-8"},{"id":"da7e00a5-8f75-51a3-a63c-5c34c927ad82","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/da7e00a5-8f75-51a3-a63c-5c34c927ad82/attachment.md","path":"references/components/tour/demo/basic.md","size":1412,"sha256":"79e4d894bce76141e9a278d695bda0807785a8c5e5c4d25c3dce98a6ecb42b3a","contentType":"text/markdown; charset=utf-8"},{"id":"6409d268-5ae7-58ce-ab45-defb0a118fc2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6409d268-5ae7-58ce-ab45-defb0a118fc2/attachment.md","path":"references/components/tour/demo/gap.md","size":2408,"sha256":"52e3839058397794ac2af9d0cc57c51274a6a3c3e5e8bd86b7a921bac0dd48bb","contentType":"text/markdown; charset=utf-8"},{"id":"e55b377e-fde9-55a9-914d-71361e7a7c59","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e55b377e-fde9-55a9-914d-71361e7a7c59/attachment.md","path":"references/components/tour/demo/indicator.md","size":1258,"sha256":"774bc7360fc83785d5713faccfa0044ac058cd54b833f297c89528610806525f","contentType":"text/markdown; charset=utf-8"},{"id":"9de65ac0-13d6-5562-97a7-f408e0e93b90","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9de65ac0-13d6-5562-97a7-f408e0e93b90/attachment.md","path":"references/components/tour/demo/mask.md","size":1680,"sha256":"960e51ca2c751e39706b83c4a73ef2cd2e84d3e536df98ca1b4669056cdadc24","contentType":"text/markdown; charset=utf-8"},{"id":"bd4ed577-50a2-536f-8d92-3e0f8a79d6d9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/bd4ed577-50a2-536f-8d92-3e0f8a79d6d9/attachment.md","path":"references/components/tour/demo/non-modal.md","size":1569,"sha256":"7e4b1582c0846e99969611af0d329f07728323618c4300d0ee0d234628e5af4b","contentType":"text/markdown; charset=utf-8"},{"id":"093d7367-f4ea-56c4-b108-82f0f290d1be","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/093d7367-f4ea-56c4-b108-82f0f290d1be/attachment.md","path":"references/components/tour/demo/placement.md","size":950,"sha256":"64e2dbfe5d90be2501f479fef9f4e92a2197c20f1cbaeb1469f965f4b7607852","contentType":"text/markdown; charset=utf-8"},{"id":"7e76dcd8-45de-51ef-ac37-b233af70a34b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7e76dcd8-45de-51ef-ac37-b233af70a34b/attachment.md","path":"references/components/tour/demo/style-class.md","size":2956,"sha256":"e82e372dc4fd9461778da28ed70f33a846f58415a2ec91410eda3645985b7911","contentType":"text/markdown; charset=utf-8"},{"id":"b7dc2932-8855-52a6-81e5-344ae0263867","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b7dc2932-8855-52a6-81e5-344ae0263867/attachment.md","path":"references/components/tour/docs.md","size":5765,"sha256":"eca14b00e01b18ec259c8c33aa6763fcda25799b4d691309b9b8fe855c1cf172","contentType":"text/markdown; charset=utf-8"},{"id":"9d1c0d42-aa4b-5390-91b3-f33ffff3093b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9d1c0d42-aa4b-5390-91b3-f33ffff3093b/attachment.md","path":"references/components/tour/token.md","size":693,"sha256":"116c1cefb1d5866b350caac2958ef3f3d365636fc92318af4b193b325fdb9365","contentType":"text/markdown; charset=utf-8"},{"id":"c258d76b-f073-5e0b-b9fa-7c742c6ad259","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c258d76b-f073-5e0b-b9fa-7c742c6ad259/attachment.md","path":"references/components/transfer/demo/_semantic.md","size":1677,"sha256":"4d4dd4f2e41e53e31450a5dfc891a556f5cf1755ad90f07def3e4e42446aaab2","contentType":"text/markdown; charset=utf-8"},{"id":"3dff9150-ccb8-5d26-ad70-26a7695e7269","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3dff9150-ccb8-5d26-ad70-26a7695e7269/attachment.md","path":"references/components/transfer/demo/actions.md","size":3678,"sha256":"949f60341c1587e9a2805fe1061ca9c983d27fadb60b6958c85b46045069c803","contentType":"text/markdown; charset=utf-8"},{"id":"9cc1e7e0-ae52-5c5d-b6fc-db04315143db","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9cc1e7e0-ae52-5c5d-b6fc-db04315143db/attachment.md","path":"references/components/transfer/demo/advanced.md","size":2031,"sha256":"524657894ba08b06ef8262e936a59dd032de3c528f5078b24adad7d3e2e4a548","contentType":"text/markdown; charset=utf-8"},{"id":"4b6048b4-e24b-5107-adfa-3c90d387ebad","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4b6048b4-e24b-5107-adfa-3c90d387ebad/attachment.md","path":"references/components/transfer/demo/basic.md","size":1845,"sha256":"cb1381245f2e6496e70fb094405c0271f11a12ec20cec8a55f52456f6d7d8705","contentType":"text/markdown; charset=utf-8"},{"id":"99659037-871a-5f93-ac85-05d700bb43cc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/99659037-871a-5f93-ac85-05d700bb43cc/attachment.md","path":"references/components/transfer/demo/custom-item.md","size":1761,"sha256":"04b6aa45bd6532a82bd7709daf5e18c6f890dd8eddedc5f9abc4e6eeab21d280","contentType":"text/markdown; charset=utf-8"},{"id":"c04a2193-efb3-5f01-80e5-b8e0904d8ce3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c04a2193-efb3-5f01-80e5-b8e0904d8ce3/attachment.md","path":"references/components/transfer/demo/custom-select-all-labels.md","size":1110,"sha256":"490d4c5a54c1f9f782b48335055d75380e24eb946bc944588953793eedb0b497","contentType":"text/markdown; charset=utf-8"},{"id":"a5eb45a0-5071-5f99-b333-51a964c0e7f1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a5eb45a0-5071-5f99-b333-51a964c0e7f1/attachment.md","path":"references/components/transfer/demo/large-data.md","size":1463,"sha256":"1053a7b334cf8b087e0f44ffec5abfafb2235e4e89a0f62c6d81f8e775fd170f","contentType":"text/markdown; charset=utf-8"},{"id":"4f222d55-9de6-5119-ab0c-e73c310a0b9c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4f222d55-9de6-5119-ab0c-e73c310a0b9c/attachment.md","path":"references/components/transfer/demo/oneWay.md","size":2005,"sha256":"79c0a6d76ada3bf98352fe18121fe3ed7d05f69a057ef3f932cfb31be599b929","contentType":"text/markdown; charset=utf-8"},{"id":"ba8abf62-4380-53c5-962b-cc3020aa9c3f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ba8abf62-4380-53c5-962b-cc3020aa9c3f/attachment.md","path":"references/components/transfer/demo/search.md","size":1504,"sha256":"c62d72b4dd7379af6471cd50f4f55d14ed403976a9020919bd3b960fc46834d2","contentType":"text/markdown; charset=utf-8"},{"id":"17434a31-1723-5d4b-acea-c05b990e7065","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/17434a31-1723-5d4b-acea-c05b990e7065/attachment.md","path":"references/components/transfer/demo/status.md","size":396,"sha256":"bf7ffa7355ccbc81ab6a6f7b024ce1e2f85791c5ac3678cc05f7ca3ede002755","contentType":"text/markdown; charset=utf-8"},{"id":"adb29005-7eb5-5e96-8800-0db98275e3a4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/adb29005-7eb5-5e96-8800-0db98275e3a4/attachment.md","path":"references/components/transfer/demo/style-class.md","size":1953,"sha256":"048a78a598fe577539b163b3b033f987287655ea603ddb4fd8649a7aa40d43a9","contentType":"text/markdown; charset=utf-8"},{"id":"ede71769-1b0f-5765-be52-efcf713ad62c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ede71769-1b0f-5765-be52-efcf713ad62c/attachment.md","path":"references/components/transfer/demo/table-transfer.md","size":4036,"sha256":"93a21d7b5963427fd98834402797972360af523290ac5962b87f4557c661fb6c","contentType":"text/markdown; charset=utf-8"},{"id":"9aebe31f-8e6d-516e-a116-836558f6f55d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9aebe31f-8e6d-516e-a116-836558f6f55d/attachment.md","path":"references/components/transfer/demo/tree-transfer.md","size":2459,"sha256":"f5ee03ae670bcefc8993a2646c76788e659b67ba151018f9176163490eff461a","contentType":"text/markdown; charset=utf-8"},{"id":"cae06492-3de6-5c80-bff8-c2a58611eb03","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/cae06492-3de6-5c80-bff8-c2a58611eb03/attachment.md","path":"references/components/transfer/docs.md","size":6854,"sha256":"0dbee7fdc9fe4a9e466c4291c6dbf203adb69823497c8f7588771d53eeb35017","contentType":"text/markdown; charset=utf-8"},{"id":"a3f4a0bb-1d84-5a5e-b949-70d3a1fc1b5c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a3f4a0bb-1d84-5a5e-b949-70d3a1fc1b5c/attachment.md","path":"references/components/transfer/token.md","size":786,"sha256":"0556808345bd89821d2639f358e289661966715cca68c302fc1683946170f3cb","contentType":"text/markdown; charset=utf-8"},{"id":"8e786d05-e790-55a1-9c35-918ab27214ed","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8e786d05-e790-55a1-9c35-918ab27214ed/attachment.md","path":"references/components/tree-select/demo/_semantic.md","size":2712,"sha256":"f5d6a005612d1c938910e661df6e8719ab83bc95432bfc60139e9ab0f829ea44","contentType":"text/markdown; charset=utf-8"},{"id":"0ef07e6f-68d7-56c4-8333-28e81a8babb1","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0ef07e6f-68d7-56c4-8333-28e81a8babb1/attachment.md","path":"references/components/tree-select/demo/async.md","size":1631,"sha256":"85c6a2d5d4d75d5547392110b6ac94129d45699d04c0bf75b449a4078107d23e","contentType":"text/markdown; charset=utf-8"},{"id":"6c94dbda-5ff5-5be1-9146-17fd59eef561","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/6c94dbda-5ff5-5be1-9146-17fd59eef561/attachment.md","path":"references/components/tree-select/demo/basic.md","size":1748,"sha256":"d132f1ea31922df977a6f3bc1a76d5452bc3f7e2d13a1d4412a355a2fe17546d","contentType":"text/markdown; charset=utf-8"},{"id":"5f3fc65c-4ee7-5009-9d3d-3a0e9e57dac3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5f3fc65c-4ee7-5009-9d3d-3a0e9e57dac3/attachment.md","path":"references/components/tree-select/demo/checkable.md","size":1151,"sha256":"52b6fb8930f4c70fc46d069837be4507604ad7609662c7615f288bdce7a68ebb","contentType":"text/markdown; charset=utf-8"},{"id":"2d61b328-2bfc-502d-ac5d-8feec866bd10","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2d61b328-2bfc-502d-ac5d-8feec866bd10/attachment.md","path":"references/components/tree-select/demo/maxCount.md","size":1318,"sha256":"dbc5e1d637e40e7dad41b6bd833e97f522046a1bfc37841a4f02b15085ff3e89","contentType":"text/markdown; charset=utf-8"},{"id":"b1bfd175-8fed-5158-a2e9-d590d651124c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b1bfd175-8fed-5158-a2e9-d590d651124c/attachment.md","path":"references/components/tree-select/demo/maxCountNoEffect.md","size":1401,"sha256":"4732d2bab02fd8d6c1ce8c7992921a9d630d0e1886d516f507c476aa3a4034b9","contentType":"text/markdown; charset=utf-8"},{"id":"91b4b2ab-08fe-5fcd-8614-cdba6b6e8b41","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/91b4b2ab-08fe-5fcd-8614-cdba6b6e8b41/attachment.md","path":"references/components/tree-select/demo/multiple.md","size":1437,"sha256":"5bab36e3051b89046656a695295fe22cd32d9d4a7eb47413d21d0e4e5b9b6b24","contentType":"text/markdown; charset=utf-8"},{"id":"91ed0511-7dd7-5a06-a35f-de82096ec1ee","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/91ed0511-7dd7-5a06-a35f-de82096ec1ee/attachment.md","path":"references/components/tree-select/demo/placement.md","size":1746,"sha256":"783e50cdb99bbb44b90c835465b63c15e62956047df2b32830bb4ed9ed4a4618","contentType":"text/markdown; charset=utf-8"},{"id":"8e94d43b-6981-50db-9f0d-1d7cd3ff2d56","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8e94d43b-6981-50db-9f0d-1d7cd3ff2d56/attachment.md","path":"references/components/tree-select/demo/status.md","size":399,"sha256":"2eb464aff0eacbab72cc234d6d14ace4801882aa68e17a191a4248156d37a518","contentType":"text/markdown; charset=utf-8"},{"id":"025bb938-008a-5f98-8890-a3540005e86d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/025bb938-008a-5f98-8890-a3540005e86d/attachment.md","path":"references/components/tree-select/demo/style-class.md","size":1719,"sha256":"fe6d47e23f08910bbf8ba71f4be14cabd2862b36b3c786e5dce34a289e878506","contentType":"text/markdown; charset=utf-8"},{"id":"08f4d9e6-eb31-54e4-bc0f-9fc344d98e92","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/08f4d9e6-eb31-54e4-bc0f-9fc344d98e92/attachment.md","path":"references/components/tree-select/demo/suffix.md","size":1767,"sha256":"a0926a8449ab7d64c9a6326fe7f306828c1d9161da8020e80acbb154e969c93e","contentType":"text/markdown; charset=utf-8"},{"id":"8c1a456c-b26e-53b2-93d8-d7a312b03c7f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8c1a456c-b26e-53b2-93d8-d7a312b03c7f/attachment.md","path":"references/components/tree-select/demo/treeData.md","size":1039,"sha256":"61421bfaec412f8a34e4564c97fa124dd15772f02c39f74e795b7d8202432790","contentType":"text/markdown; charset=utf-8"},{"id":"047a031c-045c-533c-b4e2-82b08c7addc6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/047a031c-045c-533c-b4e2-82b08c7addc6/attachment.md","path":"references/components/tree-select/demo/treeLine.md","size":1727,"sha256":"7c1b104cf40c8562a0f8832f5a23ff808290ffa9b9f549a171c147f15231a241","contentType":"text/markdown; charset=utf-8"},{"id":"fcb211ae-46ed-57ad-beea-02e87b492d0b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fcb211ae-46ed-57ad-beea-02e87b492d0b/attachment.md","path":"references/components/tree-select/demo/variant.md","size":656,"sha256":"6236f5f05fc5eb4978f48be7d96c3d775a616547a3f465686875b1a3bd824903","contentType":"text/markdown; charset=utf-8"},{"id":"18b5b052-1b66-5df3-930b-b6d2f87361fc","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/18b5b052-1b66-5df3-930b-b6d2f87361fc/attachment.md","path":"references/components/tree-select/docs.md","size":10406,"sha256":"c2e066511cf9d4a37c9952f78299d2deffe4faf8b0f3f4ec687fc4d3e8b573cc","contentType":"text/markdown; charset=utf-8"},{"id":"435aa7d2-643a-55b3-9a68-d83c5178c200","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/435aa7d2-643a-55b3-9a68-d83c5178c200/attachment.md","path":"references/components/tree-select/token.md","size":868,"sha256":"ed41030c3189374ace43714861ca8b2b7ce624f46be7afb370dc1c0510d5d749","contentType":"text/markdown; charset=utf-8"},{"id":"0aec52f0-0050-521c-a1ae-4c671b8928c3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0aec52f0-0050-521c-a1ae-4c671b8928c3/attachment.md","path":"references/components/tree/demo/_semantic.md","size":1507,"sha256":"188ed4e36b94674f56ad1299b853059e2b2d04df6d3c59855bce04afffdb3bec","contentType":"text/markdown; charset=utf-8"},{"id":"3b072dc3-7265-5306-89b4-121c49d0fb44","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3b072dc3-7265-5306-89b4-121c49d0fb44/attachment.md","path":"references/components/tree/demo/basic-controlled.md","size":2294,"sha256":"5bbdf3ad385e2b77bfd0e2d4d0f6739cf729ce8237627d3570386f0c468f480a","contentType":"text/markdown; charset=utf-8"},{"id":"02f289b2-ca63-5f60-8f27-0a33f09df8d9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/02f289b2-ca63-5f60-8f27-0a33f09df8d9/attachment.md","path":"references/components/tree/demo/basic.md","size":1604,"sha256":"5a639a2764e4d0dea32da2f1100bbe3e2c630ef68948ad0b4f64d23a34da9e39","contentType":"text/markdown; charset=utf-8"},{"id":"3b3dce07-6690-5479-b9a2-a4a6940d7f71","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3b3dce07-6690-5479-b9a2-a4a6940d7f71/attachment.md","path":"references/components/tree/demo/big-data.md","size":578,"sha256":"b34e0612adc45acef5a8ad0b7449ff08c942def7ba43b514314948488a46ffeb","contentType":"text/markdown; charset=utf-8"},{"id":"4387248d-1866-5cbd-ad79-8f552f979477","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/4387248d-1866-5cbd-ad79-8f552f979477/attachment.md","path":"references/components/tree/demo/block-node.md","size":701,"sha256":"1700245b0ae251c90fdd379a929e8fd29b8d90ac0b6f7c57076e8095a623c080","contentType":"text/markdown; charset=utf-8"},{"id":"a200e6e0-e558-52cc-8a05-2d33dc5baece","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a200e6e0-e558-52cc-8a05-2d33dc5baece/attachment.md","path":"references/components/tree/demo/customized-icon.md","size":950,"sha256":"ad1ba73aab82929c943cb3a51495b45a52cd9e4bcc2230551c9d5d310d55391c","contentType":"text/markdown; charset=utf-8"},{"id":"d2e7d6e2-fcf8-5aa6-aa91-89bbf15147f7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d2e7d6e2-fcf8-5aa6-aa91-89bbf15147f7/attachment.md","path":"references/components/tree/demo/directory.md","size":1026,"sha256":"a3a9e5dd8bb9e68f6e12107289a58e54270e95a57cde1cf684dda939aa0b137d","contentType":"text/markdown; charset=utf-8"},{"id":"1bd5e8f7-93cd-5881-8522-214e706e9ea2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1bd5e8f7-93cd-5881-8522-214e706e9ea2/attachment.md","path":"references/components/tree/demo/draggable.md","size":2957,"sha256":"c7ac901bcbb1148ab8ca0d6a2fe5fc4b2837445ebe97e3a458395a07c8e08b4b","contentType":"text/markdown; charset=utf-8"},{"id":"458aeaa1-cc6a-5e04-8022-927be6576c83","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/458aeaa1-cc6a-5e04-8022-927be6576c83/attachment.md","path":"references/components/tree/demo/dynamic.md","size":1427,"sha256":"fde908eabbda78cb9799cdcef375633efc7ba3a6870a37746312c405ce3c7b9e","contentType":"text/markdown; charset=utf-8"},{"id":"1ca46310-3671-5582-ad20-ac03c3483241","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1ca46310-3671-5582-ad20-ac03c3483241/attachment.md","path":"references/components/tree/demo/line.md","size":3326,"sha256":"69de8d9b9673ea5b34c696ac97557c2dcf94ea3483eff50c3f2e96700a29dc82","contentType":"text/markdown; charset=utf-8"},{"id":"d00720cb-47fe-5d68-be9b-518b98888292","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d00720cb-47fe-5d68-be9b-518b98888292/attachment.md","path":"references/components/tree/demo/multiple-line.md","size":1660,"sha256":"6de46c175b613b81b246abab6b0acff9a8a356df4f77db17e0e976cc453644a9","contentType":"text/markdown; charset=utf-8"},{"id":"5cec9b2e-e880-5c9b-8cdc-716a09654405","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5cec9b2e-e880-5c9b-8cdc-716a09654405/attachment.md","path":"references/components/tree/demo/search.md","size":3497,"sha256":"ceebf33b1c3a8faf4e8df558748fa21179fb0e643509776ebf7bd9da1ff46cf9","contentType":"text/markdown; charset=utf-8"},{"id":"39f7e7cc-78b8-5524-b1fd-5f491a3583d0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/39f7e7cc-78b8-5524-b1fd-5f491a3583d0/attachment.md","path":"references/components/tree/demo/style-class.md","size":1879,"sha256":"216c860b498dad5721dbec00532b4f2457cc450eb520c29dc5cbead43301003a","contentType":"text/markdown; charset=utf-8"},{"id":"3ac974e1-1e49-5f42-9845-7ad3f2150083","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3ac974e1-1e49-5f42-9845-7ad3f2150083/attachment.md","path":"references/components/tree/demo/switcher-icon.md","size":1551,"sha256":"b2cf166582a5617e4bfc4fa890c4e970c641fa26a33f74d50e93ac6d654aeca7","contentType":"text/markdown; charset=utf-8"},{"id":"e42e986b-fbde-53a8-ae1b-0669f03d9293","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e42e986b-fbde-53a8-ae1b-0669f03d9293/attachment.md","path":"references/components/tree/demo/virtual-scroll.md","size":794,"sha256":"0d62b2bdd90f7b8ba21e46403e1bf23e48bc92f826e30948418c425a1e6496c9","contentType":"text/markdown; charset=utf-8"},{"id":"cc423200-979e-536c-b19e-19e00467be69","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/cc423200-979e-536c-b19e-19e00467be69/attachment.md","path":"references/components/tree/docs.md","size":9984,"sha256":"69836209563fc97c4b6d1b73258788e1323fd3acf549c9fbe63077602032bd5b","contentType":"text/markdown; charset=utf-8"},{"id":"5d466d04-1af4-5327-92a4-0feb33a9ac6d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5d466d04-1af4-5327-92a4-0feb33a9ac6d/attachment.md","path":"references/components/tree/token.md","size":1020,"sha256":"8e2e07e610db51d64209a70ff04a5e59f4576a26db335a7c1e962c91a7a30d2c","contentType":"text/markdown; charset=utf-8"},{"id":"ff0d5e04-8dff-597f-b8d6-1adb4e10af2e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ff0d5e04-8dff-597f-b8d6-1adb4e10af2e/attachment.md","path":"references/components/typography/demo/_semantic.md","size":1673,"sha256":"7675de6ee6632defa0256c90c57cc667f7cf1eb8e53ab4d22ba962450a864e12","contentType":"text/markdown; charset=utf-8"},{"id":"c9d12ba0-e6d1-55e6-9668-a93fe4c670a0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c9d12ba0-e6d1-55e6-9668-a93fe4c670a0/attachment.md","path":"references/components/typography/demo/basic.md","size":5081,"sha256":"29552c3f8f6f523eb89e5b0eb2f7c23e13a846e192760ec464527978571e6a46","contentType":"text/markdown; charset=utf-8"},{"id":"acb624cd-991b-534d-9455-e8327d21ce30","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/acb624cd-991b-534d-9455-e8327d21ce30/attachment.md","path":"references/components/typography/demo/copyable.md","size":1183,"sha256":"509c0e45c8a578902bfa5a4760e3bea69c27f4e3fef10884cb07f31d0e4fd742","contentType":"text/markdown; charset=utf-8"},{"id":"0d48ef27-741d-5aab-b700-4087dd4fa876","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0d48ef27-741d-5aab-b700-4087dd4fa876/attachment.md","path":"references/components/typography/demo/editable.md","size":4261,"sha256":"7629e76557709f2f015cf5e88ef66ebd330ed2326646c1eb0fd25306530d530c","contentType":"text/markdown; charset=utf-8"},{"id":"9e2545a6-1598-59d6-afe9-cb676e21111c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9e2545a6-1598-59d6-afe9-cb676e21111c/attachment.md","path":"references/components/typography/demo/ellipsis-controlled.md","size":938,"sha256":"6f98b45248cc7ac536010b97c42865ca0c2a0a4dd9d20ecc87fae880fd255991","contentType":"text/markdown; charset=utf-8"},{"id":"575a1783-3c03-58cc-b73a-65f77bc3a200","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/575a1783-3c03-58cc-b73a-65f77bc3a200/attachment.md","path":"references/components/typography/demo/ellipsis-middle.md","size":782,"sha256":"a6ad6b09ae4f31d6d766ce9ff6d9409b3edd2ffe44589f0e97b06a079a4406f5","contentType":"text/markdown; charset=utf-8"},{"id":"f5caddab-4881-5db8-ba8d-ba6f40594a73","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f5caddab-4881-5db8-ba8d-ba6f40594a73/attachment.md","path":"references/components/typography/demo/ellipsis.md","size":2210,"sha256":"f1bc749a46417b970194dbd1c2f4dfedc3ea7e822a116a44a9247b4d239492d4","contentType":"text/markdown; charset=utf-8"},{"id":"e42964e7-7a15-5407-b288-67e8cf351cda","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/e42964e7-7a15-5407-b288-67e8cf351cda/attachment.md","path":"references/components/typography/demo/suffix.md","size":1242,"sha256":"41f6f6d5d7c037ecc201424c25a52d444a31567c0cbe11147e8a5b014ed07d53","contentType":"text/markdown; charset=utf-8"},{"id":"2cc31bdb-7d9c-58ba-bc41-00abafc55e5c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/2cc31bdb-7d9c-58ba-bc41-00abafc55e5c/attachment.md","path":"references/components/typography/demo/text.md","size":1382,"sha256":"4b3a29aa2528e0e3f475d909f1d2dfcd240ecfe1a9589abccbc1b1e1adb3307c","contentType":"text/markdown; charset=utf-8"},{"id":"1db50ecb-ce80-5848-97d5-6b5729ca3feb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/1db50ecb-ce80-5848-97d5-6b5729ca3feb/attachment.md","path":"references/components/typography/demo/title.md","size":533,"sha256":"3342d8cfc28a175dcaff51c0b3602ae521ea15fbdbe51b7c729b55c7408c7baa","contentType":"text/markdown; charset=utf-8"},{"id":"511568e2-b1f7-5cd1-b453-bcaa380714f6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/511568e2-b1f7-5cd1-b453-bcaa380714f6/attachment.md","path":"references/components/typography/docs.md","size":8435,"sha256":"bdbf1c25671b7f6a901d7bb612895f4924eda4f67b6126668c632ea924259cb0","contentType":"text/markdown; charset=utf-8"},{"id":"57365711-9e53-51c5-b20c-559e01e205ad","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/57365711-9e53-51c5-b20c-559e01e205ad/attachment.md","path":"references/components/typography/token.md","size":562,"sha256":"1ecbff21e35deb95011ec3a1c9a4cc2570e895a3c7ef0f10f4e95ea7dc472129","contentType":"text/markdown; charset=utf-8"},{"id":"5a480bfc-ae97-585c-8be5-c9bf71e117e6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5a480bfc-ae97-585c-8be5-c9bf71e117e6/attachment.md","path":"references/components/upload/demo/_semantic.md","size":1389,"sha256":"e9af033a786d706f59caa22786479e80f8618e33e7dc0b40e578e154177323f0","contentType":"text/markdown; charset=utf-8"},{"id":"c1876a33-d2aa-57fa-8d6f-4cfda2cd8db7","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c1876a33-d2aa-57fa-8d6f-4cfda2cd8db7/attachment.md","path":"references/components/upload/demo/avatar.md","size":3106,"sha256":"cb998a391809bf1042243ea92c0562567b7743f191a1d6b9405294515e6bd132","contentType":"text/markdown; charset=utf-8"},{"id":"039d4410-ee47-5f6d-9010-64ea500a9b47","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/039d4410-ee47-5f6d-9010-64ea500a9b47/attachment.md","path":"references/components/upload/demo/basic.md","size":1106,"sha256":"a75470d21237c8c7c4d6fda4520dfebaae5746357cb994b1b6617f3f7b6f804c","contentType":"text/markdown; charset=utf-8"},{"id":"c480fdc0-7a68-5c4a-835a-73e7cbfb758f","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c480fdc0-7a68-5c4a-835a-73e7cbfb758f/attachment.md","path":"references/components/upload/demo/component-token.md","size":1281,"sha256":"35b8e5efc261aea296725546a771e029ebec261e5111a172fcc1c110bc42fb79","contentType":"text/markdown; charset=utf-8"},{"id":"c2979512-ad20-5e41-abca-f0ec2a97f947","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c2979512-ad20-5e41-abca-f0ec2a97f947/attachment.md","path":"references/components/upload/demo/crop-image.md","size":2736,"sha256":"103eccc905b97e4b522871863357505bda7c9b35ebd0e678ecc8f218fa874e35","contentType":"text/markdown; charset=utf-8"},{"id":"37668178-bbc2-5b81-b369-bd432af9b5a4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/37668178-bbc2-5b81-b369-bd432af9b5a4/attachment.md","path":"references/components/upload/demo/customize-progress-bar.md","size":1262,"sha256":"95975c81af53d9a7caa9cd82499a5774b6047ea0fb4b428bcaf36f7f100785ed","contentType":"text/markdown; charset=utf-8"},{"id":"8e6c62bb-d658-57ce-913c-a5d56772c285","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/8e6c62bb-d658-57ce-913c-a5d56772c285/attachment.md","path":"references/components/upload/demo/defaultFileList.md","size":1129,"sha256":"f990cade397e842ebf184571b3e6d4cc8a8c7330eadb5fd94c0c924414efe745","contentType":"text/markdown; charset=utf-8"},{"id":"28abb22f-b1c6-5259-901d-57264577a987","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/28abb22f-b1c6-5259-901d-57264577a987/attachment.md","path":"references/components/upload/demo/directory.md","size":564,"sha256":"88ad9d107b664b5e4f81d94688825854bc5092b54e279e721b81747fd88b04fb","contentType":"text/markdown; charset=utf-8"},{"id":"21a94e6a-fe49-54fa-a1ea-4427c5c4dbd4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/21a94e6a-fe49-54fa-a1ea-4427c5c4dbd4/attachment.md","path":"references/components/upload/demo/drag-sorting.md","size":2927,"sha256":"08bbfc0608c85f5b0fc84a6e66901f921a2feb2ffbd2bce86c3e6144242224da","contentType":"text/markdown; charset=utf-8"},{"id":"72459344-83a3-5743-8859-8d4ed209bf96","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/72459344-83a3-5743-8859-8d4ed209bf96/attachment.md","path":"references/components/upload/demo/drag.md","size":1448,"sha256":"b529501ce80249b5087c1032289ce5da89cfa2fd4c6b7e0d6f98c04087ab504c","contentType":"text/markdown; charset=utf-8"},{"id":"129bc06e-0307-5b32-adb2-b786fb0e41b9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/129bc06e-0307-5b32-adb2-b786fb0e41b9/attachment.md","path":"references/components/upload/demo/file-type.md","size":3592,"sha256":"7fa55d57d675814c37f440608272a268501cf16f7dddf57ccb97eb806bd06b74","contentType":"text/markdown; charset=utf-8"},{"id":"5c70752a-2465-5622-a715-02bb52967453","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5c70752a-2465-5622-a715-02bb52967453/attachment.md","path":"references/components/upload/demo/fileList.md","size":1328,"sha256":"17c6cb0b9cf47403efc4cdd0f83bcbf3d87c9b828755affda2404bcee134eb37","contentType":"text/markdown; charset=utf-8"},{"id":"a9775ef2-6d02-5836-a466-0ec0f6680048","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a9775ef2-6d02-5836-a466-0ec0f6680048/attachment.md","path":"references/components/upload/demo/max-count.md","size":914,"sha256":"000c3e3eb89112edfb5a645412477a71f1432fd93aab87c934696543d311c1da","contentType":"text/markdown; charset=utf-8"},{"id":"05625cb8-9c1c-5f0b-9ce8-a2904cbc5f3d","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/05625cb8-9c1c-5f0b-9ce8-a2904cbc5f3d/attachment.md","path":"references/components/upload/demo/paste.md","size":1023,"sha256":"2178f15fdbb15998a2eb20360b70cce0a368260192829935a3a50d3a4034ad7a","contentType":"text/markdown; charset=utf-8"},{"id":"56e19363-14c0-5292-9e0b-fc3cc6b00bc2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/56e19363-14c0-5292-9e0b-fc3cc6b00bc2/attachment.md","path":"references/components/upload/demo/picture-card.md","size":2983,"sha256":"88c62797d49ddac0b8dfc937716a2e90b405e97ccc9bbcbbe06239b96d519f90","contentType":"text/markdown; charset=utf-8"},{"id":"9e1bc45a-533b-5ebd-b664-11b7925edb9e","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9e1bc45a-533b-5ebd-b664-11b7925edb9e/attachment.md","path":"references/components/upload/demo/picture-circle.md","size":2476,"sha256":"1bb2f17fd6658c2e5f7c404ef59bfc929bb6ddc366530e2c2c6d7a3782f5f082","contentType":"text/markdown; charset=utf-8"},{"id":"593fac6e-73cb-5064-ba2f-71ec8c9320cd","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/593fac6e-73cb-5064-ba2f-71ec8c9320cd/attachment.md","path":"references/components/upload/demo/picture-style.md","size":1098,"sha256":"01180da1d1c10ed1db3ae8dec212c1ec6861862cf630e23ca87187ff92325f30","contentType":"text/markdown; charset=utf-8"},{"id":"5f1341f9-026e-5ebe-be5c-93805cc8d34b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/5f1341f9-026e-5ebe-be5c-93805cc8d34b/attachment.md","path":"references/components/upload/demo/preview-file.md","size":858,"sha256":"56367028e1baf28a902545bddf4641498530cba89ad9ee0ec6b51bd1d0cb9d6a","contentType":"text/markdown; charset=utf-8"},{"id":"48359204-584f-5f8c-9765-79103703a1d8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/48359204-584f-5f8c-9765-79103703a1d8/attachment.md","path":"references/components/upload/demo/style-class.md","size":2316,"sha256":"1d5ee3cb57db98052c9f3ef7d910dcc5f5eecec49466f2d08dee7776caa09f36","contentType":"text/markdown; charset=utf-8"},{"id":"573f62b6-e3e3-5e9f-b9be-b44a23e99de0","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/573f62b6-e3e3-5e9f-b9be-b44a23e99de0/attachment.md","path":"references/components/upload/demo/transform-file.md","size":1505,"sha256":"4fcde3233b26ef8a4c2397eef249a470522c855a027b4f52a4a4097b762795f9","contentType":"text/markdown; charset=utf-8"},{"id":"476966d8-f061-5cf1-a897-a6e6f3d0945c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/476966d8-f061-5cf1-a897-a6e6f3d0945c/attachment.md","path":"references/components/upload/demo/upload-custom-action-icon.md","size":1716,"sha256":"dc927e8f8dc97ec454d32e486a33ec76632e9c1a2efa836e3abc665db62d0412","contentType":"text/markdown; charset=utf-8"},{"id":"a893cb06-a996-5fdc-b4b3-851d46a1dd66","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a893cb06-a996-5fdc-b4b3-851d46a1dd66/attachment.md","path":"references/components/upload/demo/upload-manually.md","size":1675,"sha256":"3c31cc1cf0b02e0809267c8bbda409a2352535e16476c628d715b8af994795d3","contentType":"text/markdown; charset=utf-8"},{"id":"7ce5c425-c55d-5076-9209-503812ebc679","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/7ce5c425-c55d-5076-9209-503812ebc679/attachment.md","path":"references/components/upload/demo/upload-png-only.md","size":1014,"sha256":"13fcd94d28180a95760fb8ac847b237d707efca591ca7c07b0107467431b326d","contentType":"text/markdown; charset=utf-8"},{"id":"29b80d91-95aa-55d1-9db2-74b5b7f2abdf","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/29b80d91-95aa-55d1-9db2-74b5b7f2abdf/attachment.md","path":"references/components/upload/demo/upload-with-aliyun-oss.md","size":2445,"sha256":"4ea7c362406ab60502179d8d855befbc8fae463b1d6d9b98ebf929c5502b6387","contentType":"text/markdown; charset=utf-8"},{"id":"d7ebd9b4-570d-5e8c-addb-9c9631e43eb6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d7ebd9b4-570d-5e8c-addb-9c9631e43eb6/attachment.md","path":"references/components/upload/docs.md","size":13227,"sha256":"4d3430d357f01db0af24aab00bba9e49104484c62dd6c2d1afede88a875ba90d","contentType":"text/markdown; charset=utf-8"},{"id":"b53a8423-248f-5f40-adff-4b294868bccf","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b53a8423-248f-5f40-adff-4b294868bccf/attachment.md","path":"references/components/upload/token.md","size":582,"sha256":"9957bcee4bfcb3841b4d3b32b9166ab8b706eac84f6ed377a7c422d3b829ded2","contentType":"text/markdown; charset=utf-8"},{"id":"fb65c8d5-1a86-54df-9812-fce3bbc6b7d8","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fb65c8d5-1a86-54df-9812-fce3bbc6b7d8/attachment.md","path":"references/components/watermark/demo/basic.md","size":183,"sha256":"e3a5835467bb165cb7fcd42ecd8612d3ed63dc875e8ce38cc9c7b0eec76a3df3","contentType":"text/markdown; charset=utf-8"},{"id":"fcb23792-ba7d-58e3-82aa-3afcfcaadb2c","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/fcb23792-ba7d-58e3-82aa-3afcfcaadb2c/attachment.md","path":"references/components/watermark/demo/custom.md","size":5040,"sha256":"d7b4608619000afacdd9510cf963cfe6c74bdc78b773358c216e265ab65d6c7d","contentType":"text/markdown; charset=utf-8"},{"id":"b2ab1944-6e5b-55b3-9426-9cb7d7f4b1a6","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/b2ab1944-6e5b-55b3-9426-9cb7d7f4b1a6/attachment.md","path":"references/components/watermark/demo/image.md","size":481,"sha256":"0be535a41d12c9659614d165ef6d7e0f7ab89ff737e661e234ef23f7efdcb65b","contentType":"text/markdown; charset=utf-8"},{"id":"c276ea3c-55aa-5052-93fb-73adc815292b","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/c276ea3c-55aa-5052-93fb-73adc815292b/attachment.md","path":"references/components/watermark/demo/multi-line.md","size":280,"sha256":"3b5b04dc0e7b64eae47e945b6d157f843fdd56c6e8bc0f958ef80694c1c0ac66","contentType":"text/markdown; charset=utf-8"},{"id":"0113ba98-02d4-5aab-8e6c-6a310fdaac26","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/0113ba98-02d4-5aab-8e6c-6a310fdaac26/attachment.md","path":"references/components/watermark/demo/portal.md","size":1596,"sha256":"121f490714744f4a2e8ca6a7d15f60739e2d5218cb16a4c02252445e0b9b3424","contentType":"text/markdown; charset=utf-8"},{"id":"612c2612-ab20-55fb-b5da-2c02bb1174de","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/612c2612-ab20-55fb-b5da-2c02bb1174de/attachment.md","path":"references/components/watermark/docs.md","size":3363,"sha256":"b37f7edd866fbb8b22a4fecf3933457efddb4befb08a19d781f6fc0cfcd1bd5a","contentType":"text/markdown; charset=utf-8"},{"id":"24e21b59-fea3-55e4-a7a7-405cda9b4273","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/24e21b59-fea3-55e4-a7a7-405cda9b4273/attachment.md","path":"references/docs/vue/common-props.md","size":552,"sha256":"77a092b6ea9ed501fd12b577148b76acdc4d57503b13f0fc55f6581c8fdb2727","contentType":"text/markdown; charset=utf-8"},{"id":"86d4870c-8a23-505d-9735-b706bae94fc3","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/86d4870c-8a23-505d-9735-b706bae94fc3/attachment.md","path":"references/docs/vue/compatible-style.md","size":12078,"sha256":"579a2543aee72da4c45def825ae5295d169c6d8f2c5e7e934cb95f011c255de8","contentType":"text/markdown; charset=utf-8"},{"id":"ab2ac4aa-cd4e-51ec-8f3e-37d7ff535c68","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/ab2ac4aa-cd4e-51ec-8f3e-37d7ff535c68/attachment.md","path":"references/docs/vue/customize-theme.md","size":12054,"sha256":"7d0925bbf182ef208ec33b1e4dd0dd1f4efc6c5810b6e8dd86860c3243d45795","contentType":"text/markdown; charset=utf-8"},{"id":"017265a5-fe5d-55bc-9fb2-8e05df609344","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/017265a5-fe5d-55bc-9fb2-8e05df609344/attachment.md","path":"references/docs/vue/faq.md","size":629,"sha256":"2664bd330a5c78368607a126c29366bfacd3194804e08c093bf3fdfd0de2d3cc","contentType":"text/markdown; charset=utf-8"},{"id":"f1f4483d-1dff-5a26-ad73-c45d9530f344","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/f1f4483d-1dff-5a26-ad73-c45d9530f344/attachment.md","path":"references/docs/vue/getting-started.md","size":3258,"sha256":"76d02ebbf9a9c4bc655b88a5d43e9c432f5ce18516a7e92f0789d46d72ab4bb7","contentType":"text/markdown; charset=utf-8"},{"id":"a6d898c9-2689-5380-9fe4-7a71169175fb","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/a6d898c9-2689-5380-9fe4-7a71169175fb/attachment.md","path":"references/docs/vue/i18n.md","size":3732,"sha256":"5fb45f5b8d9ba269775e5086318149dfba672469dd6c0b4e5a026791a951dc93","contentType":"text/markdown; charset=utf-8"},{"id":"9a5f7e64-5589-5404-ac72-b79e46ff2573","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/9a5f7e64-5589-5404-ac72-b79e46ff2573/attachment.md","path":"references/docs/vue/migration-antdv-next.md","size":15685,"sha256":"57ec4f5acbb9d8a8c1c9d2b98d697af2e82c7094441e3469c1cfb18b42d5b6f2","contentType":"text/markdown; charset=utf-8"},{"id":"17a452a9-42e6-50b6-a884-f9ab3e50b100","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/17a452a9-42e6-50b6-a884-f9ab3e50b100/attachment.md","path":"references/docs/vue/nuxt.md","size":2468,"sha256":"c069959fc8839b9ea3279d6824dbe531dcb25a9d6ec8e9fd70c41ca0582d7422","contentType":"text/markdown; charset=utf-8"},{"id":"acab1e91-2210-5bb0-8e0a-7c6a9acdacb9","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/acab1e91-2210-5bb0-8e0a-7c6a9acdacb9/attachment.md","path":"references/docs/vue/secondary-development.md","size":4210,"sha256":"97bdf905a0a93fd0f46f51314e52ebd3b27b75386713a40e95fd7ec78885ccc1","contentType":"text/markdown; charset=utf-8"},{"id":"cb4c1f18-f516-5485-bbbe-edc093cbf2f2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/cb4c1f18-f516-5485-bbbe-edc093cbf2f2/attachment.md","path":"references/docs/vue/tailwindcss.md","size":9614,"sha256":"17a83f223bd43a7bbfc958d02799328e1ca95a411aed151904ea3bf2fc7a7969","contentType":"text/markdown; charset=utf-8"},{"id":"3d003279-4a12-5fff-9930-ef635d47c6e4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3d003279-4a12-5fff-9930-ef635d47c6e4/attachment.md","path":"references/docs/vue/unocss.md","size":10003,"sha256":"96f307d8d42c6bea19bcc93be7bdcf244bc71bb7e6ce1da717f4a9aeba4a279a","contentType":"text/markdown; charset=utf-8"},{"id":"3f45c409-bac1-592c-a458-d71fe0aa6aa2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/3f45c409-bac1-592c-a458-d71fe0aa6aa2/attachment.md","path":"references/global-token.md","size":24573,"sha256":"9d96e7524f7b48c47d6660b8aac8af79b264f8b0aa4e47eee21f4fe927c4dd45","contentType":"text/markdown; charset=utf-8"},{"id":"d9fc73a2-7aea-5cd3-839b-b338a340eaf4","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/d9fc73a2-7aea-5cd3-839b-b338a340eaf4/attachment.json","path":"references/llms-semantic.json","size":66930,"sha256":"3a1666a05d2bb80c6520c0cc16ea7dca2d9cbb5042637a0b1fbb0edc1e47f53c","contentType":"application/json; charset=utf-8"},{"id":"cb50737f-99b3-563e-a09a-8b1a2ab79dd2","key":"uploads/10433ee7-ad12-4ae0-b34e-97553e46c6c8/cb50737f-99b3-563e-a09a-8b1a2ab79dd2/attachment.md","path":"references/llms-semantic.md","size":52216,"sha256":"7d04ca1efc3e0d48e7e710e891937a9c25baf33802be373b330bd67e1fb3e218","contentType":"text/markdown; charset=utf-8"}],"bundle_sha256":"0f2616deb82ef6b6dd487dcc69ee24702e3451cf56babfbc1b6ebf0a8de78096","attachment_count":1022,"text_attachments":1022,"attachment_storage":"skillopedia-attachments-v1","binary_attachments":0,"excluded_attachments":[]},"cluster_size":1,"skill_md_path":"skills/antdv-next/SKILL.md","import_metadata":{"date":"2026-06-05","author":"@skillopedia","version":"v1","category":"web-development","category_label":"Web"},"exact_dupes_collapsed_into_this":0},"version":"v1","category":"web-development","metadata":{"author":"Antdv Next team","source":"Generated from https://github.com/antdv-next/antdv-next, script located in this repo at scripts/generate-antdv-next-skill.ts","version":"2026-05-18"},"import_tag":"clean-skills-v1","description":"Antdv Next Vue 3 component library. Use when locating component API docs, props/events/slots, playground demos, or theme token definitions."}},"renderedAt":1782980644493}

Antdv Next The skill is based on Antdv Next docs and demos, generated at 2026-05-18. Language: en-US Docs and demos are copied into for offline use. Vue Docs | Doc | Path | | --- | --- | | common-props | references/docs/vue/common-props.md | | compatible-style | references/docs/vue/compatible-style.md | | customize-theme | references/docs/vue/customize-theme.md | | faq | references/docs/vue/faq.md | | getting-started | references/docs/vue/getting-started.md | | i18n | references/docs/vue/i18n.md | | migration-antdv-next | references/docs/vue/migration-antdv-next.md | | nuxt | references/docs/…