{"version":3,"sources":["webpack:///./src/views/advanced/form-examples/index.vue?8448","webpack:///src/views/advanced/form-examples/index.vue","webpack:///./src/views/advanced/form-examples/index.vue?23b5","webpack:///./src/views/advanced/form-examples/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","attrs","form","labelCol","wrapperCol","directives","name","rawName","value","rules","required","message","expression","initialValue","marks","_v","type","residences","staticStyle","style","display","width","textAlign","staticRenderFns","xs","sm","0","10","20","30","40","50","60","70","80","90","100","data","$form","createForm","component"],"mappings":"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","file":"js/chunk-2d0c73be.3c41846a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_vm._m(1),_c('a-form',{attrs:{\"form\":_vm.form}},[_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Full Name\"}},[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['fullName', {rules: [{ required: true, message: 'Please input your full name!' }]}]),expression:\"['fullName', {rules: [{ required: true, message: 'Please input your full name!' }]}]\"}],attrs:{\"placeholder\":\"Full Name\"}})],1),_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Email Address\"}},[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['fullName1', {rules: [{ required: true, message: 'Please input your email address!' }]}]),expression:\"['fullName1', {rules: [{ required: true, message: 'Please input your email address!' }]}]\"}],attrs:{\"placeholder\":\"Email Address\"}})],1),_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Budget\"}},[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['fullName2', {rules: [{ required: true, message: 'Please input your budget!' }]}]),expression:\"['fullName2', {rules: [{ required: true, message: 'Please input your budget!' }]}]\"}],attrs:{\"addonBefore\":\"$\",\"placeholder\":\"Budget\"}})],1),_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Amount\"}},[_c('a-slider',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['budget', { initialValue: 38 } ]),expression:\"['budget', { initialValue: 38 } ]\"}],attrs:{\"marks\":_vm.marks,\"tooltipVisible\":\"\"}})],1),_c('button',{staticClass:\"btn btn-success px-5\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Send Data\")])],1)],1)]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_vm._m(2),_c('a-form',{attrs:{\"form\":_vm.form,\"layout\":\"inline\"}},[_c('a-form-item',[_c('a-input',{attrs:{\"placeholder\":\"Coins Amount\",\"addonBefore\":\"$\",\"addonAfter\":\".00\"}})],1),_c('a-form-item',[_c('a-input',{attrs:{\"placeholder\":\"8 Digit Pin\",\"addonBefore\":\"$\"}})],1),_c('button',{staticClass:\"btn btn-success mt-1 mb-1\",attrs:{\"type\":\"button\"}},[_vm._v(\"Confirm Transaction\")])],1)],1)]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_vm._m(3),_c('a-form',{attrs:{\"form\":_vm.form,\"layout\":\"vertical\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('a-form-item',{attrs:{\"label\":\"Email\"}},[_c('a-input',{attrs:{\"placeholder\":\"Email\"}})],1)],1),_c('div',{staticClass:\"col-md-6\"},[_c('a-form-item',{attrs:{\"label\":\"Password\"}},[_c('a-input',{attrs:{\"placeholder\":\"Password\"}})],1)],1),_c('div',{staticClass:\"col-md-6\"},[_c('a-form-item',{attrs:{\"label\":\"Adress\"}},[_c('a-input',{attrs:{\"placeholder\":\"1234 Main St.\"}})],1)],1),_c('div',{staticClass:\"col-md-6\"},[_c('a-form-item',{attrs:{\"label\":\"Adress 2\"}},[_c('a-input',{attrs:{\"placeholder\":\"Apartment, studio, or floor\"}})],1)],1),_c('div',{staticClass:\"col-md-6\"},[_c('a-form-item',{attrs:{\"label\":\"City\"}},[_c('a-input')],1)],1),_c('div',{staticClass:\"col-md-4\"},[_c('a-form-item',{attrs:{\"label\":\"State\"}},[_c('a-cascader',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:([\n                'residence',\n                {\n                  initialValue: ['zhejiang', 'hangzhou', 'xihu'],\n                  rules: [{ type: 'array', message: 'Please select your habitual residence!' }],\n                }\n                ]),expression:\"[\\n                'residence',\\n                {\\n                  initialValue: ['zhejiang', 'hangzhou', 'xihu'],\\n                  rules: [{ type: 'array', message: 'Please select your habitual residence!' }],\\n                }\\n                ]\"}],attrs:{\"options\":_vm.residences}})],1)],1),_c('div',{staticClass:\"col-md-2\"},[_c('a-form-item',{attrs:{\"label\":\"Zip\"}},[_c('a-input')],1)],1),_c('div',{staticClass:\"col-12\"},[_c('a-form-item',[_c('a-upload-dragger',[_c('p',{staticClass:\"ant-upload-drag-icon\"},[_c('a-icon',{attrs:{\"type\":\"inbox\"}})],1),_c('p',{staticClass:\"ant-upload-text\"},[_vm._v(\"Click or drag file to this area to upload\")]),_c('p',{staticClass:\"ant-upload-hint\"},[_vm._v(\"Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files\")])])],1)],1),_c('div',{staticClass:\"col-12\"},[_c('a-form-item',[_c('a-checkbox',{attrs:{\"default-checked\":\"\"}},[_vm._v(\"I CONSENT TO HAVING MDTK SOFT COLLECT MY PERSONAL DETAILS.\")])],1),_c('a-form-item',[_c('button',{staticClass:\"btn btn-light px-5\",attrs:{\"type\":\"button\"}},[_vm._v(\"Sign in\")])])],1)])])],1)]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_vm._m(4),_c('div',{staticClass:\"bg-light rounded-lg p-5\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-8 mx-auto\"},[_c('a-form',[_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Fail\",\"validate-status\":\"error\",\"help\":\"Should be combination of numbers & alphabets\"}},[_c('a-input',{attrs:{\"placeholder\":\"unavailable choice\"}})],1),_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Warning\",\"validate-status\":\"warning\"}},[_c('a-input',{attrs:{\"placeholder\":\"Warning\"}})],1),_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Validating\",\"has-feedback\":\"\",\"validate-status\":\"validating\",\"help\":\"The information is being validated...\"}},[_c('a-input',{attrs:{\"id\":\"validating\",\"placeholder\":\"I'm the content is being validated\"}})],1),_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Success\",\"has-feedback\":\"\",\"validate-status\":\"success\"}},[_c('a-input',{attrs:{\"id\":\"success\",\"placeholder\":\"I'm the content\"}})],1),_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Warning\",\"has-feedback\":\"\",\"validate-status\":\"warning\"}},[_c('a-input',{attrs:{\"id\":\"warning\",\"placeholder\":\"Warning\"}})],1),_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Fail\",\"has-feedback\":\"\",\"validate-status\":\"error\",\"help\":\"Should be combination of numbers & alphabets\"}},[_c('a-input',{attrs:{\"id\":\"error\",\"placeholder\":\"unavailable choice\"}})],1),_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Success\",\"has-feedback\":\"\",\"validate-status\":\"success\"}},[_c('a-date-picker',{staticStyle:{\"width\":\"100%\"}})],1),_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Warning\",\"has-feedback\":\"\",\"validate-status\":\"warning\"}},[_c('a-time-picker',{staticStyle:{\"width\":\"100%\"}})],1),_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Error\",\"has-feedback\":\"\",\"validate-status\":\"error\"}},[_c('a-select',{attrs:{\"default-value\":\"1\"}},[_c('a-select-option',{attrs:{\"value\":\"1\"}},[_vm._v(\"Option 1\")]),_c('a-select-option',{attrs:{\"value\":\"2\"}},[_vm._v(\"Option 2\")]),_c('a-select-option',{attrs:{\"value\":\"3\"}},[_vm._v(\"Option 3\")])],1)],1),_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Validating\",\"has-feedback\":\"\",\"validate-status\":\"validating\",\"help\":\"The information is being validated...\"}},[_c('a-cascader',{attrs:{\"default-value\":['1'],\"options\":[]}})],1),_c('a-form-item',{staticStyle:{\"margin-bottom\":\"0\"},attrs:{\"label\":\"inline\",\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol}},[_c('a-form-item',{style:({ display: 'inline-block', width: 'calc(50% - 12px)' }),attrs:{\"validate-status\":\"error\",\"help\":\"Please select the correct date\"}},[_c('a-date-picker',{staticStyle:{\"width\":\"100%\"}})],1),_c('span',{style:({ display: 'inline-block', width: '24px', textAlign: 'center' })},[_vm._v(\"-\")]),_c('a-form-item',{style:({ display: 'inline-block', width: 'calc(50% - 12px)' })},[_c('a-date-picker',{staticStyle:{\"width\":\"100%\"}})],1)],1),_c('a-form-item',{attrs:{\"label-col\":_vm.labelCol,\"wrapper-col\":_vm.wrapperCol,\"label\":\"Success\",\"has-feedback\":\"\",\"validate-status\":\"success\"}},[_c('a-input-number',{staticStyle:{\"width\":\"100%\"}})],1),_c('div',{staticClass:\"border-top pt-4\"},[_c('a-form-item',[_c('a-button',{attrs:{\"type\":\"primary\",\"htmlType\":\"submit\"}},[_vm._v(\"Submit\")])],1)],1)],1)],1)])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"kit__utils__heading\"},[_c('h5',[_vm._v(\"Form Examples\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h5',{staticClass:\"mb-4\"},[_c('strong',[_vm._v(\"Basic Form\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h5',{staticClass:\"mb-4\"},[_c('strong',[_vm._v(\"Inline Form\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h5',{staticClass:\"mb-4\"},[_c('strong',[_vm._v(\"Two Columns\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h5',{staticClass:\"mb-4\"},[_c('strong',[_vm._v(\"Validation & Background\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"kit__utils__heading\">\r\n      <h5>Form Examples</h5>\r\n    </div>\r\n    <div class=\"card\">\r\n      <div class=\"card-body\">\r\n        <h5 class=\"mb-4\">\r\n          <strong>Basic Form</strong>\r\n        </h5>\r\n        <a-form :form=\"form\">\r\n          <a-form-item :label-col=\"labelCol\" :wrapper-col=\"wrapperCol\" label=\"Full Name\">\r\n            <a-input\r\n              placeholder=\"Full Name\"\r\n              v-decorator=\"['fullName', {rules: [{ required: true, message: 'Please input your full name!' }]}]\"\r\n            />\r\n          </a-form-item>\r\n          <a-form-item :label-col=\"labelCol\" :wrapper-col=\"wrapperCol\" label=\"Email Address\">\r\n            <a-input\r\n              placeholder=\"Email Address\"\r\n              v-decorator=\"['fullName1', {rules: [{ required: true, message: 'Please input your email address!' }]}]\"\r\n            />\r\n          </a-form-item>\r\n          <a-form-item :label-col=\"labelCol\" :wrapper-col=\"wrapperCol\" label=\"Budget\">\r\n            <a-input\r\n              addonBefore=\"$\"\r\n              placeholder=\"Budget\"\r\n              v-decorator=\"['fullName2', {rules: [{ required: true, message: 'Please input your budget!' }]}]\"\r\n            />\r\n          </a-form-item>\r\n          <a-form-item :label-col=\"labelCol\" :wrapper-col=\"wrapperCol\" label=\"Amount\">\r\n            <a-slider\r\n              :marks=\"marks\"\r\n              tooltipVisible\r\n              v-decorator=\"['budget', { initialValue: 38 } ]\"\r\n            />\r\n          </a-form-item>\r\n          <button type=\"submit\" class=\"btn btn-success px-5\">Send Data</button>\r\n        </a-form>\r\n      </div>\r\n    </div>\r\n    <div class=\"card\">\r\n      <div class=\"card-body\">\r\n        <h5 class=\"mb-4\">\r\n          <strong>Inline Form</strong>\r\n        </h5>\r\n        <a-form :form=\"form\" layout=\"inline\">\r\n          <a-form-item>\r\n            <a-input placeholder=\"Coins Amount\" addonBefore=\"$\" addonAfter=\".00\" />\r\n          </a-form-item>\r\n          <a-form-item>\r\n            <a-input placeholder=\"8 Digit Pin\" addonBefore=\"$\" />\r\n          </a-form-item>\r\n          <button type=\"button\" class=\"btn btn-success mt-1 mb-1\">Confirm Transaction</button>\r\n        </a-form>\r\n      </div>\r\n    </div>\r\n    <div class=\"card\">\r\n      <div class=\"card-body\">\r\n        <h5 class=\"mb-4\">\r\n          <strong>Two Columns</strong>\r\n        </h5>\r\n        <a-form :form=\"form\" layout=\"vertical\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6\">\r\n              <a-form-item label=\"Email\">\r\n                <a-input placeholder=\"Email\" />\r\n              </a-form-item>\r\n            </div>\r\n            <div class=\"col-md-6\">\r\n              <a-form-item label=\"Password\">\r\n                <a-input placeholder=\"Password\" />\r\n              </a-form-item>\r\n            </div>\r\n            <div class=\"col-md-6\">\r\n              <a-form-item label=\"Adress\">\r\n                <a-input placeholder=\"1234 Main St.\" />\r\n              </a-form-item>\r\n            </div>\r\n            <div class=\"col-md-6\">\r\n              <a-form-item label=\"Adress 2\">\r\n                <a-input placeholder=\"Apartment, studio, or floor\" />\r\n              </a-form-item>\r\n            </div>\r\n            <div class=\"col-md-6\">\r\n              <a-form-item label=\"City\">\r\n                <a-input />\r\n              </a-form-item>\r\n            </div>\r\n            <div class=\"col-md-4\">\r\n              <a-form-item label=\"State\">\r\n                <a-cascader\r\n                  v-decorator=\"[\r\n                  'residence',\r\n                  {\r\n                    initialValue: ['zhejiang', 'hangzhou', 'xihu'],\r\n                    rules: [{ type: 'array', message: 'Please select your habitual residence!' }],\r\n                  }\r\n                  ]\"\r\n                  :options=\"residences\"\r\n                />\r\n              </a-form-item>\r\n            </div>\r\n            <div class=\"col-md-2\">\r\n              <a-form-item label=\"Zip\">\r\n                <a-input />\r\n              </a-form-item>\r\n            </div>\r\n            <div class=\"col-12\">\r\n              <a-form-item>\r\n                <a-upload-dragger>\r\n                  <p class=\"ant-upload-drag-icon\">\r\n                    <a-icon type=\"inbox\" />\r\n                  </p>\r\n                  <p class=\"ant-upload-text\">Click or drag file to this area to upload</p>\r\n                  <p\r\n                    class=\"ant-upload-hint\"\r\n                  >Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files</p>\r\n                </a-upload-dragger>\r\n              </a-form-item>\r\n            </div>\r\n            <div class=\"col-12\">\r\n              <a-form-item>\r\n                <a-checkbox\r\n                  default-checked\r\n                >I CONSENT TO HAVING MDTK SOFT COLLECT MY PERSONAL DETAILS.</a-checkbox>\r\n              </a-form-item>\r\n              <a-form-item>\r\n                <button type=\"button\" class=\"btn btn-light px-5\">Sign in</button>\r\n              </a-form-item>\r\n            </div>\r\n          </div>\r\n        </a-form>\r\n      </div>\r\n    </div>\r\n    <div class=\"card\">\r\n      <div class=\"card-body\">\r\n        <h5 class=\"mb-4\">\r\n          <strong>Validation & Background</strong>\r\n        </h5>\r\n        <div class=\"bg-light rounded-lg p-5\">\r\n          <div class=\"row\">\r\n            <div class=\"col-lg-8 mx-auto\">\r\n              <a-form>\r\n                <a-form-item\r\n                  :label-col=\"labelCol\"\r\n                  :wrapper-col=\"wrapperCol\"\r\n                  label=\"Fail\"\r\n                  validate-status=\"error\"\r\n                  help=\"Should be combination of numbers & alphabets\"\r\n                >\r\n                  <a-input placeholder=\"unavailable choice\" />\r\n                </a-form-item>\r\n\r\n                <a-form-item\r\n                  :label-col=\"labelCol\"\r\n                  :wrapper-col=\"wrapperCol\"\r\n                  label=\"Warning\"\r\n                  validate-status=\"warning\"\r\n                >\r\n                  <a-input placeholder=\"Warning\" />\r\n                </a-form-item>\r\n\r\n                <a-form-item\r\n                  :label-col=\"labelCol\"\r\n                  :wrapper-col=\"wrapperCol\"\r\n                  label=\"Validating\"\r\n                  has-feedback\r\n                  validate-status=\"validating\"\r\n                  help=\"The information is being validated...\"\r\n                >\r\n                  <a-input id=\"validating\" placeholder=\"I'm the content is being validated\" />\r\n                </a-form-item>\r\n\r\n                <a-form-item\r\n                  :label-col=\"labelCol\"\r\n                  :wrapper-col=\"wrapperCol\"\r\n                  label=\"Success\"\r\n                  has-feedback\r\n                  validate-status=\"success\"\r\n                >\r\n                  <a-input id=\"success\" placeholder=\"I'm the content\" />\r\n                </a-form-item>\r\n\r\n                <a-form-item\r\n                  :label-col=\"labelCol\"\r\n                  :wrapper-col=\"wrapperCol\"\r\n                  label=\"Warning\"\r\n                  has-feedback\r\n                  validate-status=\"warning\"\r\n                >\r\n                  <a-input id=\"warning\" placeholder=\"Warning\" />\r\n                </a-form-item>\r\n\r\n                <a-form-item\r\n                  :label-col=\"labelCol\"\r\n                  :wrapper-col=\"wrapperCol\"\r\n                  label=\"Fail\"\r\n                  has-feedback\r\n                  validate-status=\"error\"\r\n                  help=\"Should be combination of numbers & alphabets\"\r\n                >\r\n                  <a-input id=\"error\" placeholder=\"unavailable choice\" />\r\n                </a-form-item>\r\n\r\n                <a-form-item\r\n                  :label-col=\"labelCol\"\r\n                  :wrapper-col=\"wrapperCol\"\r\n                  label=\"Success\"\r\n                  has-feedback\r\n                  validate-status=\"success\"\r\n                >\r\n                  <a-date-picker style=\"width: 100%\" />\r\n                </a-form-item>\r\n\r\n                <a-form-item\r\n                  :label-col=\"labelCol\"\r\n                  :wrapper-col=\"wrapperCol\"\r\n                  label=\"Warning\"\r\n                  has-feedback\r\n                  validate-status=\"warning\"\r\n                >\r\n                  <a-time-picker style=\"width: 100%\" />\r\n                </a-form-item>\r\n\r\n                <a-form-item\r\n                  :label-col=\"labelCol\"\r\n                  :wrapper-col=\"wrapperCol\"\r\n                  label=\"Error\"\r\n                  has-feedback\r\n                  validate-status=\"error\"\r\n                >\r\n                  <a-select default-value=\"1\">\r\n                    <a-select-option value=\"1\">Option 1</a-select-option>\r\n                    <a-select-option value=\"2\">Option 2</a-select-option>\r\n                    <a-select-option value=\"3\">Option 3</a-select-option>\r\n                  </a-select>\r\n                </a-form-item>\r\n\r\n                <a-form-item\r\n                  :label-col=\"labelCol\"\r\n                  :wrapper-col=\"wrapperCol\"\r\n                  label=\"Validating\"\r\n                  has-feedback\r\n                  validate-status=\"validating\"\r\n                  help=\"The information is being validated...\"\r\n                >\r\n                  <a-cascader :default-value=\"['1']\" :options=\"[]\" />\r\n                </a-form-item>\r\n\r\n                <a-form-item\r\n                  label=\"inline\"\r\n                  :label-col=\"labelCol\"\r\n                  :wrapper-col=\"wrapperCol\"\r\n                  style=\"margin-bottom:0;\"\r\n                >\r\n                  <a-form-item\r\n                    validate-status=\"error\"\r\n                    help=\"Please select the correct date\"\r\n                    :style=\"{ display: 'inline-block', width: 'calc(50% - 12px)' }\"\r\n                  >\r\n                    <a-date-picker style=\"width: 100%\" />\r\n                  </a-form-item>\r\n                  <span :style=\"{ display: 'inline-block', width: '24px', textAlign: 'center' }\">-</span>\r\n                  <a-form-item :style=\"{ display: 'inline-block', width: 'calc(50% - 12px)' }\">\r\n                    <a-date-picker style=\"width: 100%\" />\r\n                  </a-form-item>\r\n                </a-form-item>\r\n                <a-form-item\r\n                  :label-col=\"labelCol\"\r\n                  :wrapper-col=\"wrapperCol\"\r\n                  label=\"Success\"\r\n                  has-feedback\r\n                  validate-status=\"success\"\r\n                >\r\n                  <a-input-number style=\"width: 100%\" />\r\n                </a-form-item>\r\n                <div class=\"border-top pt-4\">\r\n                  <a-form-item>\r\n                    <a-button type=\"primary\" htmlType=\"submit\">Submit</a-button>\r\n                  </a-form-item>\r\n                </div>\r\n              </a-form>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nconst labelCol = {\r\n  xs: { span: 24 },\r\n  sm: { span: 4 },\r\n}\r\nconst wrapperCol = {\r\n  xs: { span: 24 },\r\n  sm: { span: 12 },\r\n}\r\nconst marks = {\r\n  0: '0',\r\n  10: '10',\r\n  20: '20',\r\n  30: '30',\r\n  40: '40',\r\n  50: '50',\r\n  60: '60',\r\n  70: '70',\r\n  80: '80',\r\n  90: '90',\r\n  100: '100',\r\n}\r\nconst residences = [\r\n  {\r\n    value: 'zhejiang',\r\n    label: 'Zhejiang',\r\n    children: [\r\n      {\r\n        value: 'hangzhou',\r\n        label: 'Hangzhou',\r\n        children: [\r\n          {\r\n            value: 'xihu',\r\n            label: 'West Lake',\r\n          },\r\n        ],\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    value: 'jiangsu',\r\n    label: 'Jiangsu',\r\n    children: [\r\n      {\r\n        value: 'nanjing',\r\n        label: 'Nanjing',\r\n        children: [\r\n          {\r\n            value: 'zhonghuamen',\r\n            label: 'Zhong Hua Men',\r\n          },\r\n        ],\r\n      },\r\n    ],\r\n  },\r\n]\r\nexport default {\r\n  data: function () {\r\n    return {\r\n      form: this.$form.createForm(this),\r\n      labelCol,\r\n      wrapperCol,\r\n      marks,\r\n      residences,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=137050ac&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}