yw-ui-vue2 2.0.7 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6525,7 +6525,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_
6525
6525
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6526
6526
 
6527
6527
  "use strict";
6528
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.runtime.esm.js\");\nconst __default__ = {\n name: 'YwLoading',\n props: {\n loading: {\n type: Boolean,\n default: true\n },\n // 大小 可选值为 small default large\n size: {\n type: String,\n default: 'default'\n },\n // 位置 可选值为 center top \n position: {\n type: String,\n default: 'center'\n }\n },\n computed: {\n boxStyle() {\n return this.boxSize[this.size];\n },\n shadowStyle() {\n return this.shadowSize[this.size];\n },\n getTop() {\n return this.position === 'center' ? '50%' : '0';\n },\n getCenter() {\n return this.position === 'center' ? '-50%' : '0';\n },\n getSize() {\n return this.LoadingSize[this.size];\n }\n },\n data() {\n return {\n LoadingSize: {\n small: '20px',\n default: '30px',\n large: '40px'\n }\n };\n }\n};\n\nconst __injectCSSVars__ = () => {\n (0,vue__WEBPACK_IMPORTED_MODULE_0__.useCssVars)((_vm, _setup) => ({\n \"3cca77df-getSize\": _vm.getSize,\n \"3cca77df-getTop\": _vm.getTop,\n \"3cca77df-getCenter\": _vm.getCenter\n }));\n};\nconst __setup__ = __default__.setup;\n__default__.setup = __setup__ ? (props, ctx) => {\n __injectCSSVars__();\n return __setup__(props, ctx);\n} : __injectCSSVars__;\n/* harmony default export */ __webpack_exports__[\"default\"] = (__default__);\n\n//# sourceURL=webpack://yw-ui-vue2/./packages/components/loading/src/index.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options");
6528
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.runtime.esm.js\");\nconst __default__ = {\n name: \"YwLoading\",\n props: {\n loading: {\n type: Boolean,\n default: true\n },\n // 大小 可选值为 small default large\n size: {\n type: String,\n default: \"default\"\n },\n // 位置 可选值为 center top\n position: {\n type: String,\n default: \"center\"\n },\n minHeight: {\n type: String,\n default: \"\"\n }\n },\n computed: {\n boxStyle() {\n return this.boxSize[this.size];\n },\n shadowStyle() {\n return this.shadowSize[this.size];\n },\n getTop() {\n return this.position === \"center\" ? \"50%\" : \"10px\";\n },\n getCenter() {\n return this.position === \"center\" ? \"-50%\" : \"0\";\n },\n getSize() {\n return this.LoadingSize[this.size];\n },\n setContainerHeight() {\n return this.minHeight ? `${this.minHeight}px` : `${parseInt(this.getSize, 10) + 20}px`;\n }\n },\n data() {\n return {\n LoadingSize: {\n small: \"20px\",\n default: \"30px\",\n large: \"40px\"\n }\n };\n }\n};\n\nconst __injectCSSVars__ = () => {\n (0,vue__WEBPACK_IMPORTED_MODULE_0__.useCssVars)((_vm, _setup) => ({\n \"3cca77df-setContainerHeight\": _vm.setContainerHeight,\n \"3cca77df-getSize\": _vm.getSize,\n \"3cca77df-getTop\": _vm.getTop,\n \"3cca77df-getCenter\": _vm.getCenter\n }));\n};\nconst __setup__ = __default__.setup;\n__default__.setup = __setup__ ? (props, ctx) => {\n __injectCSSVars__();\n return __setup__(props, ctx);\n} : __injectCSSVars__;\n/* harmony default export */ __webpack_exports__[\"default\"] = (__default__);\n\n//# sourceURL=webpack://yw-ui-vue2/./packages/components/loading/src/index.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options");
6529
6529
 
6530
6530
  /***/ }),
6531
6531
 
@@ -6613,7 +6613,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Bat
6613
6613
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6614
6614
 
6615
6615
  "use strict";
6616
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* binding */ render; },\n/* harmony export */ staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"yw-config-provider\", {\n attrs: {\n locale: _vm.locale.zhCN\n }\n }, [_c(\"div\", {\n attrs: {\n id: \"app\"\n }\n }, [_c(\"YwMultipleCascader\", {\n attrs: {\n data: _vm.cityData,\n width: \"500\",\n maxTagCount: 2,\n maxTagLength: 2\n },\n on: {\n change: _vm.tchange\n },\n model: {\n value: _vm.city,\n callback: function ($$v) {\n _vm.city = $$v;\n },\n expression: \"city\"\n }\n }), _vm._v(\" \"), _c(\"h1\", {\n staticClass: \"test\"\n }, [_vm._v(\"ui-test\")]), _vm._v(\" \"), _c(\"a-button\", {\n on: {\n click: function ($event) {\n _vm.transferVisible = !_vm.transferVisible;\n }\n }\n }, [_vm._v(\"open\")]), _vm._v(\" \"), _c(\"YwTransferModal\", {\n attrs: {\n resourcePoolList: [{\n value: \"1\",\n label: 1\n }, {\n value: \"12\",\n label: \"我是2\"\n }],\n show: _vm.transferVisible,\n transferProps: _vm.transferProps,\n resourceTypeList: _vm.resourceTypeList\n },\n on: {\n \"update:show\": function ($event) {\n _vm.transferVisible = $event;\n },\n updateTypeList: _vm.changeList,\n updateTransferData: _vm.changeTransferData,\n confirm: _vm.confirm\n }\n }), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"div\", [_c(\"h2\", [_vm._v(\"select测试\")]), _vm._v(\" \"), _c(\"yw-select\", {\n staticStyle: {\n width: \"120px\"\n },\n attrs: {\n \"default-value\": \"lucy\"\n }\n }, [_c(\"yw-select-option\", {\n attrs: {\n value: \"jack\"\n }\n }, [_vm._v(\" Jack \")]), _vm._v(\" \"), _c(\"yw-select-option\", {\n attrs: {\n value: \"lucy\"\n }\n }, [_vm._v(\" Lucy \")]), _vm._v(\" \"), _c(\"yw-select-option\", {\n attrs: {\n value: \"disabled\",\n disabled: \"\"\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\tDisabled\\n\\t\\t\\t\\t\")]), _vm._v(\" \"), _c(\"yw-select-option\", {\n attrs: {\n value: \"Yiminghe\"\n }\n }, [_vm._v(\" yiminghe \")])], 1), _vm._v(\" \"), _c(\"yw-select\", {\n staticStyle: {\n width: \"120px\"\n },\n attrs: {\n \"default-value\": \"lucy\",\n disabled: \"\"\n }\n }, [_c(\"yw-select-option\", {\n attrs: {\n value: \"lucy\"\n }\n }, [_vm._v(\" Lucy \")])], 1), _vm._v(\" \"), _c(\"yw-select\", {\n staticStyle: {\n width: \"120px\"\n },\n attrs: {\n \"default-value\": \"lucy\",\n loading: \"\"\n }\n }, [_c(\"yw-select-option\", {\n attrs: {\n value: \"lucy\"\n }\n }, [_vm._v(\" Lucy \")])], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"多选测试\")]), _vm._v(\" \"), _c(\"yw-select\", {\n staticStyle: {\n width: \"200px\"\n },\n attrs: {\n mode: \"multiple\",\n placeholder: \"Please select\",\n \"default-value\": [\"a1\", \"b2\"],\n showArrow: \"\"\n },\n on: {\n change: _vm.handleChange\n }\n }, _vm._l(25, function (i) {\n return _c(\"yw-select-option\", {\n key: (i + 9).toString(36) + i\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\" + _vm._s((i + 9).toString(36) + i) + \"\\n\\t\\t\\t\\t\")]);\n }), 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"menu测试\")]), _vm._v(\" \"), _c(\"div\", {\n staticStyle: {\n width: \"256px\",\n margin: \"40px auto\"\n }\n }, [_c(\"yw-button\", {\n on: {\n click: _vm.toggleCollapsed\n }\n }, [_vm._v(\"折叠\")]), _vm._v(\" \"), _c(\"yw-menu\", {\n attrs: {\n \"default-selected-keys\": [\"1\"],\n \"default-open-keys\": [\"sub1\"],\n mode: \"inline\",\n theme: \"light\",\n \"inline-collapsed\": _vm.collapsed\n }\n }, [_c(\"yw-menu-item\", {\n key: \"1\"\n }, [_c(\"yw-icon\", {\n attrs: {\n type: \"pie-chart\"\n }\n }), _vm._v(\" \"), _c(\"span\", [_vm._v(\"Option 1\")])], 1), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"2\"\n }, [_c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\",\n color: \"\"\n }\n }), _vm._v(\" \"), _c(\"span\", [_vm._v(\"Option 2\")])], 1), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"3\"\n }, [_c(\"a-icon\", {\n attrs: {\n type: \"inbox\"\n }\n }), _vm._v(\" \"), _c(\"span\", [_vm._v(\"Option 3\")])], 1), _vm._v(\" \"), _c(\"yw-sub-menu\", {\n key: \"sub1\"\n }, [_c(\"span\", {\n attrs: {\n slot: \"title\"\n },\n slot: \"title\"\n }, [_c(\"a-icon\", {\n attrs: {\n type: \"mail\"\n }\n }), _c(\"span\", [_vm._v(\"Navigation One\")])], 1), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"5\"\n }, [_vm._v(\" Option 5 \")]), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"6\"\n }, [_vm._v(\" Option 6 \")]), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"7\"\n }, [_vm._v(\" Option 7 \")]), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"8\"\n }, [_vm._v(\" Option 8 \")])], 1), _vm._v(\" \"), _c(\"yw-sub-menu\", {\n key: \"sub2\"\n }, [_c(\"span\", {\n attrs: {\n slot: \"title\"\n },\n slot: \"title\"\n }, [_c(\"a-icon\", {\n attrs: {\n type: \"appstore\"\n }\n }), _c(\"span\", [_vm._v(\"Navigation Two\")])], 1), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"9\"\n }, [_vm._v(\" Option 9 \")]), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"10\"\n }, [_vm._v(\" Option 10 \")]), _vm._v(\" \"), _c(\"yw-sub-menu\", {\n key: \"sub3\",\n attrs: {\n title: \"Submenu\"\n }\n }, [_c(\"yw-menu-item\", {\n key: \"11\"\n }, [_vm._v(\" Option 11 \")]), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"12\"\n }, [_vm._v(\" Option 12 \")])], 1)], 1)], 1)], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"tabs测试\")]), _vm._v(\" \"), _c(\"yw-tabs\", {\n attrs: {\n type: \"card\"\n },\n on: {\n change: _vm.callback\n }\n }, [_c(\"yw-tab-pane\", {\n key: \"1\",\n attrs: {\n tab: \"Tab 1\"\n }\n }, [_vm._v(\" Content of Tab Pane 1 \")]), _vm._v(\" \"), _c(\"yw-tab-pane\", {\n key: \"2\",\n attrs: {\n tab: \"Tab 2\"\n }\n }, [_vm._v(\" Content of Tab Pane 2 \")]), _vm._v(\" \"), _c(\"yw-tab-pane\", {\n key: \"3\",\n attrs: {\n tab: \"Tab 3\"\n }\n }, [_vm._v(\" Content of Tab Pane 3 \")])], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"pagination测试\")]), _vm._v(\" \"), _c(\"yw-pagination\", {\n attrs: {\n \"show-less-items\": \"\",\n \"default-current\": 2,\n total: 500\n }\n }), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"pagination测试1\")]), _vm._v(\" \"), [_c(\"yw-pagination\", {\n attrs: {\n \"show-quick-jumper\": \"\",\n \"page-size-options\": _vm.pageSizeOptions,\n total: _vm.total,\n \"show-total\": () => `共 0 条`,\n \"show-size-changer\": \"\",\n \"page-size\": _vm.pageSize\n },\n on: {\n showSizeChange: _vm.onShowSizeChange\n },\n scopedSlots: _vm._u([{\n key: \"buildOptionText\",\n fn: function (props) {\n return [props.value !== \"50\" ? _c(\"span\", [_vm._v(_vm._s(props.value) + \"条/页\")]) : _vm._e(), _vm._v(\" \"), props.value === \"50\" ? _c(\"span\", [_vm._v(\"全部\")]) : _vm._e()];\n }\n }]),\n model: {\n value: _vm.current,\n callback: function ($$v) {\n _vm.current = $$v;\n },\n expression: \"current\"\n }\n })], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"drawer测试\")]), _vm._v(\" \"), _c(\"div\", [_c(\"yw-button\", {\n attrs: {\n type: \"primary\"\n },\n on: {\n click: _vm.showDrawer\n }\n }, [_vm._v(\" Open \")]), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n type: \"primary\",\n icon: \"setting\"\n },\n on: {\n click: _vm.showDrawer\n }\n }), _vm._v(\" \"), _c(\"yw-drawer\", {\n attrs: {\n title: \"Basic Drawer\",\n placement: \"right\",\n closable: false,\n visible: _vm.visible,\n \"after-visible-change\": _vm.afterVisibleChange\n },\n on: {\n close: _vm.onClose\n }\n }, [_c(\"p\", [_vm._v(\"Some contents...\")]), _vm._v(\" \"), _c(\"p\", [_vm._v(\"Some contents...\")]), _vm._v(\" \"), _c(\"p\", [_vm._v(\"Some contents...\")])])], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"icon测试\")]), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\",\n color: \"\"\n }\n }), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n iconClass: \"paibanshitu\"\n }\n }), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gaojisousuo1\"\n }\n }), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n iconClass: \"touxiang-zhanwei\"\n }\n }), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n iconClass: \"biaoqian\"\n }\n }), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"button space测试\")]), _vm._v(\" \"), _c(\"yw-space\", [_c(\"YwButton\", {\n attrs: {\n size: \"large\"\n }\n }, [_vm._v(\"大按钮\")]), _vm._v(\" \"), _c(\"YwButton\", {\n attrs: {\n size: \"default\"\n }\n }, [_vm._v(\"中按钮\")]), _vm._v(\" \"), _c(\"YwButton\", {\n attrs: {\n size: \"small\"\n }\n }, [_vm._v(\"小按钮\")])], 1), _vm._v(\" \"), _c(\"yw-space\", [_c(\"YwButton\", {\n attrs: {\n size: \"small\"\n }\n }, [_vm._v(\"click\")]), _vm._v(\" \"), _c(\"YwButton\", {\n attrs: {\n type: \"primary\"\n }\n }, [_vm._v(\"危险按钮\")]), _vm._v(\" \"), _c(\"YwButton\", {\n attrs: {\n size: \"small\",\n type: \"danger\"\n }\n }, [_vm._v(\"危险按钮2\")]), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n type: \"primary\"\n }\n }, [_vm._v(\"危险按钮3\")]), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n type: \"advanced\"\n }\n }, [_c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\",\n size: \"12\"\n }\n }), _vm._v(\"高级搜索\\n\\t\\t\\t\\t\")], 1), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\"\n },\n on: {\n click: _vm.iconClick\n }\n }), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n type: \"setting\"\n },\n on: {\n click: _vm.iconClick\n }\n }), _vm._v(\" \"), _c(\"a-icon\", {\n attrs: {\n type: \"setting\"\n },\n on: {\n click: _vm.iconClick\n }\n })], 1), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n size: \"small\"\n }\n }, [_c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\"\n }\n }), _vm._v(\"高级搜索\\n\\t\\t\\t\")], 1), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n size: \"large\"\n }\n }, [_c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\"\n }\n }), _vm._v(\"高级搜索\\n\\t\\t\\t\")], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"input测试\")]), _vm._v(\" \"), _c(\"YwInput\", {\n attrs: {\n type: \"text\",\n placeholder: \"请输入字段类型\",\n iconClass: \"xian16-gongzuotai\",\n iconSize: \"16px\",\n iconColor: \"blue\"\n },\n scopedSlots: _vm._u([{\n key: \"prefix\",\n fn: function () {\n return [_c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\",\n color: \"blue\",\n size: \"16px\"\n }\n })];\n },\n proxy: true\n }])\n }), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"layout测试\")]), _vm._v(\" \"), _c(\"yw-layout\", {\n attrs: {\n id: \"components-layout-demo-custom-trigger\"\n }\n }, [_c(\"yw-layout-sider\", {\n attrs: {\n trigger: null,\n collapsible: \"\",\n theme: \"light\"\n },\n model: {\n value: _vm.collapsed,\n callback: function ($$v) {\n _vm.collapsed = $$v;\n },\n expression: \"collapsed\"\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\tslider\\n\\t\\t\\t\\t\")]), _vm._v(\" \"), _c(\"yw-layout-content\", {\n style: {\n margin: \"24px 16px\",\n padding: \"24px\",\n background: \"#fff\",\n minHeight: \"280px\"\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\tContent\\n\\t\\t\\t\\t\")])], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"from测试\")]), _vm._v(\" \"), _c(\"yw-form\", {\n attrs: {\n layout: \"inline\",\n form: _vm.form\n },\n on: {\n submit: _vm.handleSubmit\n }\n }, [_c(\"yw-form-item\", {\n attrs: {\n \"validate-status\": _vm.userNameError() ? \"error\" : \"\",\n help: _vm.userNameError() || \"\"\n }\n }, [_c(\"yw-input\", {\n directives: [{\n name: \"decorator\",\n rawName: \"v-decorator\",\n value: [\"userName\", {\n rules: [{\n required: true,\n message: \"Please input your username!\"\n }]\n }],\n expression: \"[\\n\\t\\t\\t\\t\\t\\t\\t'userName',\\n\\t\\t\\t\\t\\t\\t\\t{\\n\\t\\t\\t\\t\\t\\t\\t\\trules: [\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{ required: true, message: 'Please input your username!' },\\n\\t\\t\\t\\t\\t\\t\\t\\t],\\n\\t\\t\\t\\t\\t\\t\\t},\\n\\t\\t\\t\\t\\t\\t]\"\n }],\n attrs: {\n placeholder: \"Username\"\n }\n })], 1), _vm._v(\" \"), _c(\"yw-form-item\", {\n attrs: {\n \"validate-status\": _vm.passwordError() ? \"error\" : \"\",\n help: _vm.passwordError() || \"\"\n }\n }, [_c(\"yw-input\", {\n directives: [{\n name: \"decorator\",\n rawName: \"v-decorator\",\n value: [\"password\", {\n rules: [{\n required: true,\n message: \"Please input your Password!\"\n }]\n }],\n expression: \"[\\n\\t\\t\\t\\t\\t\\t\\t'password',\\n\\t\\t\\t\\t\\t\\t\\t{\\n\\t\\t\\t\\t\\t\\t\\t\\trules: [\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{ required: true, message: 'Please input your Password!' },\\n\\t\\t\\t\\t\\t\\t\\t\\t],\\n\\t\\t\\t\\t\\t\\t\\t},\\n\\t\\t\\t\\t\\t\\t]\"\n }],\n attrs: {\n type: \"password\",\n placeholder: \"Password\"\n }\n })], 1), _vm._v(\" \"), _c(\"yw-form-item\", [_c(\"yw-button\", {\n attrs: {\n type: \"primary\",\n \"html-type\": \"submit\",\n disabled: _vm.hasErrors(_vm.form.getFieldsError())\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\tLog in\\n\\t\\t\\t\\t\\t\")])], 1)], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"table测试\")]), _vm._v(\" \"), _c(\"yw-button\", {\n on: {\n click: _vm.add\n }\n }, [_vm._v(\"add\")]), _vm._v(\" \"), _c(\"yw-table\", {\n attrs: {\n columns: _vm.columns,\n \"data-source\": _vm.data,\n bordered: \"\",\n loading: true\n },\n scopedSlots: _vm._u([{\n key: \"name\",\n fn: function (text) {\n return [_c(\"a\", [_vm._v(_vm._s(text))])];\n }\n }])\n }), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"breadrumb测试\")]), _vm._v(\" \"), _c(\"yw-breadcrumb\", [_c(\"yw-breadcrumb-item\", [_vm._v(\"Home\")]), _vm._v(\" \"), _c(\"yw-breadcrumb-item\", [_c(\"a\", {\n attrs: {\n href: \"\"\n }\n }, [_vm._v(\"Application Center\")])]), _vm._v(\" \"), _c(\"yw-breadcrumb-item\", [_c(\"a\", {\n attrs: {\n href: \"\"\n }\n }, [_vm._v(\"Application List\")])]), _vm._v(\" \"), _c(\"yw-breadcrumb-item\", [_vm._v(\"An Application\")])], 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Formmodel测试\")]), _vm._v(\" \"), _c(\"yw-form-model\", [_c(\"yw-form-model-item\", {\n attrs: {\n label: \"Activity name\"\n }\n }, [_c(\"yw-input\")], 1)], 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Spin组件配置\")]), _vm._v(\" \"), _c(\"yw-spin\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Modal组件测试\")]), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n type: \"primary\"\n },\n on: {\n click: _vm.showModal\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\tOpen Modal with async logic\\n\\t\\t\\t\")]), _vm._v(\" \"), _c(\"yw-modal\", {\n attrs: {\n title: \"Title\",\n visible: _vm.visible,\n \"confirm-loading\": _vm.confirmLoading\n },\n on: {\n ok: _vm.handleOk,\n cancel: _vm.handleCancel\n }\n }, [_c(\"p\", [_vm._v(_vm._s(_vm.ModalText))])]), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"card测试\")]), _vm._v(\" \"), _c(\"yw-card\", {\n staticClass: \"search-bar\",\n attrs: {\n \"body-style\": {\n width: \"100%\"\n }\n }\n }, [_c(\"a-form-model\", [_c(\"a-form-model-item\")], 1)], 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Button测试\")]), _vm._v(\" \"), [_c(\"yw-Dropdown\", {\n attrs: {\n trigger: [\"click\"]\n }\n }, [_c(\"a\", {\n staticClass: \"ant-dropdown-link\",\n on: {\n click: e => e.preventDefault()\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\tClick me \"), _c(\"a-icon\", {\n attrs: {\n type: \"down\"\n }\n })], 1), _vm._v(\" \"), _c(\"yw-menu\", {\n attrs: {\n slot: \"overlay\"\n },\n slot: \"overlay\"\n }, [_c(\"yw-menu-item\", {\n key: \"0\"\n }, [_c(\"a\", {\n attrs: {\n href: \"http://www.alipay.com/\"\n }\n }, [_vm._v(\"1st menu item\")])]), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"1\"\n }, [_c(\"a\", {\n attrs: {\n href: \"http://www.taobao.com/\"\n }\n }, [_vm._v(\"2nd menu item\")])]), _vm._v(\" \"), _c(\"yw-menu-divider\"), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"3\"\n }, [_vm._v(\" 3rd menu item \")])], 1)], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"popconfirm测试\")]), _vm._v(\" \"), [_c(\"yw-popover\", {\n attrs: {\n title: \"Title\"\n }\n }, [_c(\"template\", {\n slot: \"content\"\n }, [_c(\"p\", [_vm._v(\"Content\")]), _vm._v(\" \"), _c(\"p\", [_vm._v(\"Content\")])]), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n type: \"primary\"\n }\n }, [_vm._v(\" Hover me \")])], 2)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"PageHeader测试\")]), _vm._v(\" \"), [_c(\"yw-page-header\", {\n staticStyle: {\n border: \"1px solid rgb(235, 237, 240)\"\n },\n attrs: {\n title: \"Title\",\n \"sub-title\": \"This is a subtitle\"\n },\n on: {\n back: () => null\n }\n })], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Radio测试\")]), _vm._v(\" \"), [_c(\"yw-radio-group\", {\n attrs: {\n name: \"radioGroup\",\n \"default-value\": 1\n }\n }, [_c(\"yw-radio\", {\n attrs: {\n value: 1\n }\n }, [_vm._v(\" A \")]), _vm._v(\" \"), _c(\"yw-radio\", {\n attrs: {\n value: 2\n }\n }, [_vm._v(\" B \")]), _vm._v(\" \"), _c(\"yw-radio\", {\n attrs: {\n value: 3\n }\n }, [_vm._v(\" C \")]), _vm._v(\" \"), _c(\"yw-radio\", {\n attrs: {\n value: 4\n }\n }, [_vm._v(\" D \")])], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"checkbox测试\")]), _vm._v(\" \"), _c(\"yw-checkbox\", {\n on: {\n change: _vm.onChange\n }\n }, [_vm._v(\" Checkbox \")]), _vm._v(\" \"), _c(\"br\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"message测试\")]), _vm._v(\" \"), [_c(\"div\", [_c(\"yw-button\", {\n on: {\n click: _vm.success\n }\n }, [_vm._v(\" Success \")]), _vm._v(\" \"), _c(\"yw-button\", {\n on: {\n click: _vm.error\n }\n }, [_vm._v(\" Error \")]), _vm._v(\" \"), _c(\"yw-button\", {\n on: {\n click: _vm.warning\n }\n }, [_vm._v(\" Warning \")])], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"List测试\")]), _vm._v(\" \"), [_c(\"yw-list\", {\n attrs: {\n \"item-layout\": \"vertical\",\n pagination: _vm.pagination,\n \"data-source\": _vm.listData\n },\n scopedSlots: _vm._u([{\n key: \"renderItem\",\n fn: function (item) {\n return _c(\"yw-list-item\", {\n key: \"item.title\"\n }, [_vm._l(_vm.actions, function ({\n type,\n text\n }) {\n return _c(\"template\", {\n slot: \"actions\"\n }, [_c(\"span\", {\n key: type\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\" + _vm._s(text) + \"\\n\\t\\t\\t\\t\\t\\t\\t\")])]);\n }), _vm._v(\" \"), _c(\"img\", {\n attrs: {\n slot: \"extra\",\n width: \"272\",\n alt: \"logo\",\n src: \"https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png\"\n },\n slot: \"extra\"\n }), _vm._v(\" \"), _c(\"yw-list-item-meta\", {\n attrs: {\n description: item.description\n }\n }, [_c(\"a\", {\n attrs: {\n slot: \"title\",\n href: item.href\n },\n slot: \"title\"\n }, [_vm._v(_vm._s(item.title))]), _vm._v(\" \"), _c(\"a-avatar\", {\n attrs: {\n slot: \"avatar\",\n src: item.avatar\n },\n slot: \"avatar\"\n })], 1), _vm._v(\"\\n\\t\\t\\t\\t\\t\\t\" + _vm._s(item.content) + \"\\n\\t\\t\\t\\t\\t\")], 2);\n }\n }])\n }, [_c(\"div\", {\n attrs: {\n slot: \"footer\"\n },\n slot: \"footer\"\n }, [_c(\"b\", [_vm._v(\"ant design vue\")]), _vm._v(\" footer part\")])])], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"mentions测试\")]), _vm._v(\" \"), [_c(\"yw-mentions\", {\n on: {\n change: _vm.onChange,\n select: _vm.onSelect\n },\n model: {\n value: _vm.value,\n callback: function ($$v) {\n _vm.value = $$v;\n },\n expression: \"value\"\n }\n }, [_c(\"yw-mentions-option\", {\n attrs: {\n value: \"afc163\"\n }\n }, [_vm._v(\" afc163 \")]), _vm._v(\" \"), _c(\"yw-mentions-option\", {\n attrs: {\n value: \"zombieJ\"\n }\n }, [_vm._v(\" zombieJ \")]), _vm._v(\" \"), _c(\"yw-mentions-option\", {\n attrs: {\n value: \"yesmeck\"\n }\n }, [_vm._v(\" yesmeck \")])], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Rate测试\")]), _vm._v(\" \"), [_c(\"yw-rate\", {\n model: {\n value: _vm.value1,\n callback: function ($$v) {\n _vm.value1 = $$v;\n },\n expression: \"value1\"\n }\n })], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"datePicker测试\")]), _vm._v(\" \"), _c(\"YwRangePicker\"), _vm._v(\" \"), _c(\"YwMonthPicker\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"tree测试\")]), _vm._v(\" \"), _c(\"yw-tree\", {\n attrs: {\n checkable: \"\",\n \"tree-data\": _vm.treeData,\n \"default-expanded-keys\": [\"0-0-0\", \"0-0-1\"],\n \"default-selected-keys\": [\"0-0-0\", \"0-0-1\"],\n \"default-checked-keys\": [\"0-0-0\", \"0-0-1\"]\n },\n on: {\n select: _vm.onSelect,\n check: _vm.onCheck\n }\n }, [_c(\"span\", {\n staticStyle: {\n color: \"#1890ff\"\n },\n attrs: {\n slot: \"title0010\"\n },\n slot: \"title0010\"\n }, [_vm._v(\"sss\")])]), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"progress测试\")]), _vm._v(\" \"), _c(\"yw-progress\", {\n attrs: {\n percent: 30\n }\n }), _vm._v(\" \"), _c(\"yw-progress\", {\n attrs: {\n type: \"circle\",\n percent: 30\n }\n }), _vm._v(\" \"), _c(\"yw-progress\", {\n attrs: {\n type: \"circle\",\n percent: 30,\n status: \"exception\"\n }\n }), _vm._v(\" \"), _c(\"yw-progress\", {\n attrs: {\n type: \"circle\",\n percent: 100,\n format: () => \"Done\"\n }\n }), _vm._v(\" \"), _c(\"yw-progress\", {\n attrs: {\n type: \"circle\",\n \"stroke-color\": {\n \"0%\": \"#108ee9\",\n \"100%\": \"#87d068\"\n },\n percent: 99.9\n }\n }), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"YwTooltip测试\")]), _vm._v(\" \"), _c(\"div\", {\n attrs: {\n id: \"components-a-tooltip-demo-placement\"\n }\n }, [_c(\"div\", {\n style: {\n marginLeft: `${_vm.buttonWidth}px`,\n whiteSpace: \"nowrap\"\n }\n }, [_c(\"yw-tooltip\", {\n attrs: {\n placement: \"topLeft\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"TL\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"top\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"Top\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"topRight\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"TR\")])], 2)], 1), _vm._v(\" \"), _c(\"div\", {\n style: {\n width: `${_vm.buttonWidth}px`,\n float: \"left\"\n }\n }, [_c(\"yw-tooltip\", {\n attrs: {\n placement: \"leftTop\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"LT\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"left\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"Left\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"leftBottom\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"LB\")])], 2)], 1), _vm._v(\" \"), _c(\"div\", {\n style: {\n width: `${_vm.buttonWidth}px`,\n marginLeft: `${_vm.buttonWidth * 4 + 24}px`\n }\n }, [_c(\"yw-tooltip\", {\n attrs: {\n placement: \"rightTop\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"RT\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"right\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"Right\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"rightBottom\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"RB\")])], 2)], 1), _vm._v(\" \"), _c(\"div\", {\n style: {\n marginLeft: `${_vm.buttonWidth}px`,\n clear: \"both\",\n whiteSpace: \"nowrap\"\n }\n }, [_c(\"yw-tooltip\", {\n attrs: {\n placement: \"bottomLeft\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"BL\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"bottom\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"Bottom\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"bottomRight\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"BR\")])], 2)], 1)]), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"steps测试\")]), _vm._v(\" \"), _c(\"yw-steps\", {\n attrs: {\n current: 1\n },\n scopedSlots: _vm._u([{\n key: \"progressDot\",\n fn: function ({\n index,\n status,\n prefixCls\n }) {\n return _c(\"yw-popover\", {}, [_c(\"template\", {\n slot: \"content\"\n }, [_c(\"span\", [_vm._v(\"step \" + _vm._s(index) + \" status: \" + _vm._s(status))])]), _vm._v(\" \"), _c(\"span\", {\n class: `${prefixCls}-icon-dot`\n })], 2);\n }\n }])\n }, [_vm._v(\" \"), _c(\"yw-step\", {\n attrs: {\n title: \"Finished\",\n description: \"You can hover on the dot.\"\n }\n }), _vm._v(\" \"), _c(\"yw-step\", {\n attrs: {\n title: \"In Progress\",\n description: \"You can hover on the dot.\"\n }\n }), _vm._v(\" \"), _c(\"yw-step\", {\n attrs: {\n title: \"Waiting\",\n description: \"You can hover on the dot.\"\n }\n }), _vm._v(\" \"), _c(\"yw-step\", {\n attrs: {\n title: \"Waiting\",\n description: \"You can hover on the dot.\"\n }\n })], 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Checkbox测试\")]), _vm._v(\" \"), _c(\"yw-checkbox\", {\n on: {\n change: _vm.callback\n }\n }, [_vm._v(\" Checkbox \")]), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"cascader测试\")]), _vm._v(\" \"), _c(\"yw-cascader\", {\n attrs: {\n options: _vm.options,\n placeholder: \"Please select\"\n },\n on: {\n change: _vm.callback\n }\n }), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"\\n\\t\\t\\t\\tswitch测试\\n\\t\\t\\t\\t\"), _c(\"yw-switch\", {\n attrs: {\n \"default-checked\": \"\"\n },\n on: {\n change: _vm.callback\n }\n })], 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"pageHeader测试\")]), _vm._v(\" \"), _c(\"yw-page-header\", {\n staticStyle: {\n border: \"1px solid rgb(235, 237, 240)\"\n },\n attrs: {\n title: \"Title\",\n breadcrumb: {\n props: {\n routes: _vm.routes\n }\n },\n \"sub-title\": \"This is a subtitle\"\n },\n on: {\n back: () => null\n }\n }), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Autocomplete测试\")]), _vm._v(\" \"), [_c(\"yw-auto-complete\", {\n staticStyle: {\n width: \"200px\"\n },\n attrs: {\n \"data-source\": _vm.dataSource\n },\n on: {\n search: _vm.handleSearch,\n select: _vm.onSelect1\n }\n }, [_c(\"a-textarea\", {\n staticClass: \"custom\",\n staticStyle: {\n height: \"50px\"\n },\n attrs: {\n placeholder: \"input here\"\n },\n on: {\n keypress: _vm.handleKeyPress\n }\n })], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"InputNumber测试\")]), _vm._v(\" \"), [_c(\"div\", [_c(\"yw-input-number\", {\n attrs: {\n id: \"inputNumber\",\n min: 1,\n max: 10\n },\n on: {\n change: _vm.onChange1\n },\n model: {\n value: _vm.value2,\n callback: function ($$v) {\n _vm.value2 = $$v;\n },\n expression: \"value2\"\n }\n }), _vm._v(\"\\n\\t\\t\\t\\t\\t当前值:\" + _vm._s(_vm.value2) + \"\\n\\t\\t\\t\\t\")], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Notification\")]), _vm._v(\" \"), [_c(\"yw-button\", {\n attrs: {\n type: \"primary\"\n },\n on: {\n click: _vm.openNotification\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\tOpen the notification box\\n\\t\\t\\t\\t\")])], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"input测试\")]), _vm._v(\" \"), [_c(\"yw-input\", {\n attrs: {\n \"addon-before\": \"Http://\",\n \"addon-after\": \".com\",\n \"default-value\": \"mysite\"\n }\n })], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"message测试\")]), _vm._v(\" \"), [_c(\"yw-button\", {\n attrs: {\n type: \"primary\"\n },\n on: {\n click: _vm.info\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\tDisplay normal message\\n\\t\\t\\t\\t\")])], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"timepicker测试\")]), _vm._v(\" \"), _c(\"yw-button\", {\n on: {\n click: function ($event) {\n _vm.IsShow = !_vm.IsShow;\n }\n }\n }, [_vm._v(\"change\")]), _vm._v(\" \"), _c(\"yw-container\", {\n staticStyle: {\n height: \"200px\"\n }\n }, [_vm.IsShow ? _c(\"div\", [_c(\"yw-time-picker\", {\n attrs: {\n \"use12-hours\": \"\"\n },\n on: {\n change: _vm.onChange\n }\n }), _vm._v(\" \"), _c(\"yw-time-picker\", {\n attrs: {\n \"use12-hours\": \"\",\n format: \"h:mm:ss A\"\n },\n on: {\n change: _vm.onChange\n }\n }), _vm._v(\" \"), _c(\"yw-time-picker\", {\n attrs: {\n \"use12-hours\": \"\",\n format: \"h:mm a\"\n },\n on: {\n change: _vm.onChange\n }\n })], 1) : _c(\"yw-input\", {\n attrs: {\n \"addon-before\": \"Http://\",\n \"addon-after\": \".com\",\n \"default-value\": \"mysite\"\n }\n })], 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"测试YwCollapse\")]), _vm._v(\" \"), [_c(\"div\", [_c(\"yw-collapse\", {\n attrs: {\n \"default-active-key\": \"1\",\n bordered: false\n }\n }, [_c(\"yw-collapse-panel\", {\n key: \"1\",\n attrs: {\n header: \"This is panel header 1\"\n }\n }, [_c(\"p\", [_vm._v(_vm._s(_vm.text))])]), _vm._v(\" \"), _c(\"yw-collapse-panel\", {\n key: \"2\",\n attrs: {\n header: \"This is panel header 2\",\n disabled: false\n }\n }, [_c(\"p\", [_vm._v(_vm._s(_vm.text))])]), _vm._v(\" \"), _c(\"yw-collapse-panel\", {\n key: \"3\",\n attrs: {\n header: \"This is panel header 3\"\n }\n }, [_c(\"p\", [_vm._v(_vm._s(_vm.text))])])], 1)], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Notification测试\")]), _vm._v(\" \"), [_c(\"div\", [_c(\"yw-button\", {\n on: {\n click: () => _vm.openNotificationWithIcon(\"success\")\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\tSuccess\\n\\t\\t\\t\\t\\t\")])], 1)], _vm._v(\" \"), [_c(\"div\", [_c(\"yw-button\", {\n on: {\n click: () => _vm.openNotificationWithIcon(\"info\")\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\tinfo\\n\\t\\t\\t\\t\\t\")])], 1)], _vm._v(\" \"), [_c(\"div\", [_c(\"yw-button\", {\n on: {\n click: () => _vm.openNotificationWithIcon(\"error\")\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\terror\\n\\t\\t\\t\\t\\t\")])], 1)], _vm._v(\" \"), [_c(\"div\", [_c(\"yw-button\", {\n on: {\n click: () => _vm.openNotificationWithIcon(\"warning\")\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\twarning\\n\\t\\t\\t\\t\\t\")])], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"穿梭框测试\")]), _vm._v(\" \"), [_c(\"yw-transfer\", {\n attrs: {\n \"data-source\": _vm.mockData,\n \"show-search\": \"\",\n \"filter-option\": _vm.filterOption,\n \"target-keys\": _vm.targetKeys,\n render: _vm.renderItem,\n titles: [\"资源实例\", \"目标资源\"]\n },\n on: {\n change: _vm.handleChange,\n search: _vm.handleSearch\n }\n })], _vm._v(\" \"), _c(\"h3\", [_vm._v(\"穿梭框测试1\")]), _vm._v(\" \"), void 0, _vm._v(\" \"), _c(\"h2\", [_vm._v(\"加载动画测试\")]), _vm._v(\" \"), [_c(\"div\", {\n staticStyle: {\n width: \"300px\",\n \"margin-bottom\": \"50px\"\n }\n }, [_c(\"yw-loading\", [_c(\"div\", {\n staticClass: \"load-content\"\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t可以点击‘切换’按钮,控制本区域的spin展示。\\n\\t\\t\\t\\t\\t\\t\")])]), _vm._v(\"\\n\\t\\t\\t\\t\\t切换:\"), _c(\"yw-switch\", {\n attrs: {\n \"default-checked\": \"\"\n },\n on: {\n change: _vm.callback\n },\n model: {\n value: _vm.switchValue,\n callback: function ($$v) {\n _vm.switchValue = $$v;\n },\n expression: \"switchValue\"\n }\n })], 1)]], 2)], 1)]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://yw-ui-vue2/./examples/App.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B3%5D!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options");
6616
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* binding */ render; },\n/* harmony export */ staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"yw-config-provider\", {\n attrs: {\n locale: _vm.locale.zhCN\n }\n }, [_c(\"div\", {\n attrs: {\n id: \"app\"\n }\n }, [_c(\"YwMultipleCascader\", {\n attrs: {\n data: _vm.cityData,\n width: \"500\",\n maxTagCount: 2,\n maxTagLength: 2\n },\n on: {\n change: _vm.tchange\n },\n model: {\n value: _vm.city,\n callback: function ($$v) {\n _vm.city = $$v;\n },\n expression: \"city\"\n }\n }), _vm._v(\" \"), _c(\"h1\", {\n staticClass: \"test\"\n }, [_vm._v(\"ui-test\")]), _vm._v(\" \"), _c(\"a-button\", {\n on: {\n click: function ($event) {\n _vm.transferVisible = !_vm.transferVisible;\n }\n }\n }, [_vm._v(\"open\")]), _vm._v(\" \"), _c(\"YwTransferModal\", {\n attrs: {\n resourcePoolList: [{\n value: \"1\",\n label: 1\n }, {\n value: \"12\",\n label: \"我是2\"\n }],\n show: _vm.transferVisible,\n transferProps: _vm.transferProps,\n resourceTypeList: _vm.resourceTypeList\n },\n on: {\n \"update:show\": function ($event) {\n _vm.transferVisible = $event;\n },\n updateTypeList: _vm.changeList,\n updateTransferData: _vm.changeTransferData,\n confirm: _vm.confirm\n }\n }), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"div\", [_c(\"h2\", [_vm._v(\"select测试\")]), _vm._v(\" \"), _c(\"yw-select\", {\n staticStyle: {\n width: \"120px\"\n },\n attrs: {\n \"default-value\": \"lucy\"\n }\n }, [_c(\"yw-select-option\", {\n attrs: {\n value: \"jack\"\n }\n }, [_vm._v(\" Jack \")]), _vm._v(\" \"), _c(\"yw-select-option\", {\n attrs: {\n value: \"lucy\"\n }\n }, [_vm._v(\" Lucy \")]), _vm._v(\" \"), _c(\"yw-select-option\", {\n attrs: {\n value: \"disabled\",\n disabled: \"\"\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\tDisabled\\n\\t\\t\\t\\t\")]), _vm._v(\" \"), _c(\"yw-select-option\", {\n attrs: {\n value: \"Yiminghe\"\n }\n }, [_vm._v(\" yiminghe \")])], 1), _vm._v(\" \"), _c(\"yw-select\", {\n staticStyle: {\n width: \"120px\"\n },\n attrs: {\n \"default-value\": \"lucy\",\n disabled: \"\"\n }\n }, [_c(\"yw-select-option\", {\n attrs: {\n value: \"lucy\"\n }\n }, [_vm._v(\" Lucy \")])], 1), _vm._v(\" \"), _c(\"yw-select\", {\n staticStyle: {\n width: \"120px\"\n },\n attrs: {\n \"default-value\": \"lucy\",\n loading: \"\"\n }\n }, [_c(\"yw-select-option\", {\n attrs: {\n value: \"lucy\"\n }\n }, [_vm._v(\" Lucy \")])], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"多选测试\")]), _vm._v(\" \"), _c(\"yw-select\", {\n staticStyle: {\n width: \"200px\"\n },\n attrs: {\n mode: \"multiple\",\n placeholder: \"Please select\",\n \"default-value\": [\"a1\", \"b2\"],\n showArrow: \"\"\n },\n on: {\n change: _vm.handleChange\n }\n }, _vm._l(25, function (i) {\n return _c(\"yw-select-option\", {\n key: (i + 9).toString(36) + i\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\" + _vm._s((i + 9).toString(36) + i) + \"\\n\\t\\t\\t\\t\")]);\n }), 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"menu测试\")]), _vm._v(\" \"), _c(\"div\", {\n staticStyle: {\n width: \"256px\",\n margin: \"40px auto\"\n }\n }, [_c(\"yw-button\", {\n on: {\n click: _vm.toggleCollapsed\n }\n }, [_vm._v(\"折叠\")]), _vm._v(\" \"), _c(\"yw-menu\", {\n attrs: {\n \"default-selected-keys\": [\"1\"],\n \"default-open-keys\": [\"sub1\"],\n mode: \"inline\",\n theme: \"light\",\n \"inline-collapsed\": _vm.collapsed\n }\n }, [_c(\"yw-menu-item\", {\n key: \"1\"\n }, [_c(\"yw-icon\", {\n attrs: {\n type: \"pie-chart\"\n }\n }), _vm._v(\" \"), _c(\"span\", [_vm._v(\"Option 1\")])], 1), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"2\"\n }, [_c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\",\n color: \"\"\n }\n }), _vm._v(\" \"), _c(\"span\", [_vm._v(\"Option 2\")])], 1), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"3\"\n }, [_c(\"a-icon\", {\n attrs: {\n type: \"inbox\"\n }\n }), _vm._v(\" \"), _c(\"span\", [_vm._v(\"Option 3\")])], 1), _vm._v(\" \"), _c(\"yw-sub-menu\", {\n key: \"sub1\"\n }, [_c(\"span\", {\n attrs: {\n slot: \"title\"\n },\n slot: \"title\"\n }, [_c(\"a-icon\", {\n attrs: {\n type: \"mail\"\n }\n }), _c(\"span\", [_vm._v(\"Navigation One\")])], 1), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"5\"\n }, [_vm._v(\" Option 5 \")]), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"6\"\n }, [_vm._v(\" Option 6 \")]), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"7\"\n }, [_vm._v(\" Option 7 \")]), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"8\"\n }, [_vm._v(\" Option 8 \")])], 1), _vm._v(\" \"), _c(\"yw-sub-menu\", {\n key: \"sub2\"\n }, [_c(\"span\", {\n attrs: {\n slot: \"title\"\n },\n slot: \"title\"\n }, [_c(\"a-icon\", {\n attrs: {\n type: \"appstore\"\n }\n }), _c(\"span\", [_vm._v(\"Navigation Two\")])], 1), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"9\"\n }, [_vm._v(\" Option 9 \")]), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"10\"\n }, [_vm._v(\" Option 10 \")]), _vm._v(\" \"), _c(\"yw-sub-menu\", {\n key: \"sub3\",\n attrs: {\n title: \"Submenu\"\n }\n }, [_c(\"yw-menu-item\", {\n key: \"11\"\n }, [_vm._v(\" Option 11 \")]), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"12\"\n }, [_vm._v(\" Option 12 \")])], 1)], 1)], 1)], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"tabs测试\")]), _vm._v(\" \"), _c(\"yw-tabs\", {\n attrs: {\n type: \"card\"\n },\n on: {\n change: _vm.callback\n }\n }, [_c(\"yw-tab-pane\", {\n key: \"1\",\n attrs: {\n tab: \"Tab 1\"\n }\n }, [_vm._v(\" Content of Tab Pane 1 \")]), _vm._v(\" \"), _c(\"yw-tab-pane\", {\n key: \"2\",\n attrs: {\n tab: \"Tab 2\"\n }\n }, [_vm._v(\" Content of Tab Pane 2 \")]), _vm._v(\" \"), _c(\"yw-tab-pane\", {\n key: \"3\",\n attrs: {\n tab: \"Tab 3\"\n }\n }, [_vm._v(\" Content of Tab Pane 3 \")])], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"pagination测试\")]), _vm._v(\" \"), _c(\"yw-pagination\", {\n attrs: {\n \"show-less-items\": \"\",\n \"default-current\": 2,\n total: 500\n }\n }), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"pagination测试1\")]), _vm._v(\" \"), [_c(\"yw-pagination\", {\n attrs: {\n \"show-quick-jumper\": \"\",\n \"page-size-options\": _vm.pageSizeOptions,\n total: _vm.total,\n \"show-total\": () => `共 0 条`,\n \"show-size-changer\": \"\",\n \"page-size\": _vm.pageSize\n },\n on: {\n showSizeChange: _vm.onShowSizeChange\n },\n scopedSlots: _vm._u([{\n key: \"buildOptionText\",\n fn: function (props) {\n return [props.value !== \"50\" ? _c(\"span\", [_vm._v(_vm._s(props.value) + \"条/页\")]) : _vm._e(), _vm._v(\" \"), props.value === \"50\" ? _c(\"span\", [_vm._v(\"全部\")]) : _vm._e()];\n }\n }]),\n model: {\n value: _vm.current,\n callback: function ($$v) {\n _vm.current = $$v;\n },\n expression: \"current\"\n }\n })], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"drawer测试\")]), _vm._v(\" \"), _c(\"div\", [_c(\"yw-button\", {\n attrs: {\n type: \"primary\"\n },\n on: {\n click: _vm.showDrawer\n }\n }, [_vm._v(\" Open \")]), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n type: \"primary\",\n icon: \"setting\"\n },\n on: {\n click: _vm.showDrawer\n }\n }), _vm._v(\" \"), _c(\"yw-drawer\", {\n attrs: {\n title: \"Basic Drawer\",\n placement: \"right\",\n closable: false,\n visible: _vm.visible,\n \"after-visible-change\": _vm.afterVisibleChange\n },\n on: {\n close: _vm.onClose\n }\n }, [_c(\"p\", [_vm._v(\"Some contents...\")]), _vm._v(\" \"), _c(\"p\", [_vm._v(\"Some contents...\")]), _vm._v(\" \"), _c(\"p\", [_vm._v(\"Some contents...\")])])], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"icon测试\")]), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\",\n color: \"\"\n }\n }), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n iconClass: \"paibanshitu\"\n }\n }), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gaojisousuo1\"\n }\n }), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n iconClass: \"touxiang-zhanwei\"\n }\n }), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n iconClass: \"biaoqian\"\n }\n }), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"button space测试\")]), _vm._v(\" \"), _c(\"yw-space\", [_c(\"YwButton\", {\n attrs: {\n size: \"large\"\n }\n }, [_vm._v(\"大按钮\")]), _vm._v(\" \"), _c(\"YwButton\", {\n attrs: {\n size: \"default\"\n }\n }, [_vm._v(\"中按钮\")]), _vm._v(\" \"), _c(\"YwButton\", {\n attrs: {\n size: \"small\"\n }\n }, [_vm._v(\"小按钮\")])], 1), _vm._v(\" \"), _c(\"yw-space\", [_c(\"YwButton\", {\n attrs: {\n size: \"small\"\n }\n }, [_vm._v(\"click\")]), _vm._v(\" \"), _c(\"YwButton\", {\n attrs: {\n type: \"primary\"\n }\n }, [_vm._v(\"危险按钮\")]), _vm._v(\" \"), _c(\"YwButton\", {\n attrs: {\n size: \"small\",\n type: \"danger\"\n }\n }, [_vm._v(\"危险按钮2\")]), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n type: \"primary\"\n }\n }, [_vm._v(\"危险按钮3\")]), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n type: \"advanced\"\n }\n }, [_c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\",\n size: \"12\"\n }\n }), _vm._v(\"高级搜索\\n\\t\\t\\t\\t\")], 1), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\"\n },\n on: {\n click: _vm.iconClick\n }\n }), _vm._v(\" \"), _c(\"yw-icon\", {\n attrs: {\n type: \"setting\"\n },\n on: {\n click: _vm.iconClick\n }\n }), _vm._v(\" \"), _c(\"a-icon\", {\n attrs: {\n type: \"setting\"\n },\n on: {\n click: _vm.iconClick\n }\n })], 1), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n size: \"small\"\n }\n }, [_c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\"\n }\n }), _vm._v(\"高级搜索\\n\\t\\t\\t\")], 1), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n size: \"large\"\n }\n }, [_c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\"\n }\n }), _vm._v(\"高级搜索\\n\\t\\t\\t\")], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"input测试\")]), _vm._v(\" \"), _c(\"YwInput\", {\n attrs: {\n type: \"text\",\n placeholder: \"请输入字段类型\",\n iconClass: \"xian16-gongzuotai\",\n iconSize: \"16px\",\n iconColor: \"blue\"\n },\n scopedSlots: _vm._u([{\n key: \"prefix\",\n fn: function () {\n return [_c(\"yw-icon\", {\n attrs: {\n iconClass: \"xian16-gongzuotai\",\n color: \"blue\",\n size: \"16px\"\n }\n })];\n },\n proxy: true\n }])\n }), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"layout测试\")]), _vm._v(\" \"), _c(\"yw-layout\", {\n attrs: {\n id: \"components-layout-demo-custom-trigger\"\n }\n }, [_c(\"yw-layout-sider\", {\n attrs: {\n trigger: null,\n collapsible: \"\",\n theme: \"light\"\n },\n model: {\n value: _vm.collapsed,\n callback: function ($$v) {\n _vm.collapsed = $$v;\n },\n expression: \"collapsed\"\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\tslider\\n\\t\\t\\t\\t\")]), _vm._v(\" \"), _c(\"yw-layout-content\", {\n style: {\n margin: \"24px 16px\",\n padding: \"24px\",\n background: \"#fff\",\n minHeight: \"280px\"\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\tContent\\n\\t\\t\\t\\t\")])], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"from测试\")]), _vm._v(\" \"), _c(\"yw-form\", {\n attrs: {\n layout: \"inline\",\n form: _vm.form\n },\n on: {\n submit: _vm.handleSubmit\n }\n }, [_c(\"yw-form-item\", {\n attrs: {\n \"validate-status\": _vm.userNameError() ? \"error\" : \"\",\n help: _vm.userNameError() || \"\"\n }\n }, [_c(\"yw-input\", {\n directives: [{\n name: \"decorator\",\n rawName: \"v-decorator\",\n value: [\"userName\", {\n rules: [{\n required: true,\n message: \"Please input your username!\"\n }]\n }],\n expression: \"[\\n\\t\\t\\t\\t\\t\\t\\t'userName',\\n\\t\\t\\t\\t\\t\\t\\t{\\n\\t\\t\\t\\t\\t\\t\\t\\trules: [\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{ required: true, message: 'Please input your username!' },\\n\\t\\t\\t\\t\\t\\t\\t\\t],\\n\\t\\t\\t\\t\\t\\t\\t},\\n\\t\\t\\t\\t\\t\\t]\"\n }],\n attrs: {\n placeholder: \"Username\"\n }\n })], 1), _vm._v(\" \"), _c(\"yw-form-item\", {\n attrs: {\n \"validate-status\": _vm.passwordError() ? \"error\" : \"\",\n help: _vm.passwordError() || \"\"\n }\n }, [_c(\"yw-input\", {\n directives: [{\n name: \"decorator\",\n rawName: \"v-decorator\",\n value: [\"password\", {\n rules: [{\n required: true,\n message: \"Please input your Password!\"\n }]\n }],\n expression: \"[\\n\\t\\t\\t\\t\\t\\t\\t'password',\\n\\t\\t\\t\\t\\t\\t\\t{\\n\\t\\t\\t\\t\\t\\t\\t\\trules: [\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t{ required: true, message: 'Please input your Password!' },\\n\\t\\t\\t\\t\\t\\t\\t\\t],\\n\\t\\t\\t\\t\\t\\t\\t},\\n\\t\\t\\t\\t\\t\\t]\"\n }],\n attrs: {\n type: \"password\",\n placeholder: \"Password\"\n }\n })], 1), _vm._v(\" \"), _c(\"yw-form-item\", [_c(\"yw-button\", {\n attrs: {\n type: \"primary\",\n \"html-type\": \"submit\",\n disabled: _vm.hasErrors(_vm.form.getFieldsError())\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\tLog in\\n\\t\\t\\t\\t\\t\")])], 1)], 1), _vm._v(\" \"), _c(\"hr\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"table测试\")]), _vm._v(\" \"), _c(\"yw-button\", {\n on: {\n click: _vm.add\n }\n }, [_vm._v(\"add\")]), _vm._v(\" \"), _c(\"yw-table\", {\n attrs: {\n columns: _vm.columns,\n \"data-source\": _vm.data,\n bordered: \"\",\n loading: true\n },\n scopedSlots: _vm._u([{\n key: \"name\",\n fn: function (text) {\n return [_c(\"a\", [_vm._v(_vm._s(text))])];\n }\n }])\n }), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"breadrumb测试\")]), _vm._v(\" \"), _c(\"yw-breadcrumb\", [_c(\"yw-breadcrumb-item\", [_vm._v(\"Home\")]), _vm._v(\" \"), _c(\"yw-breadcrumb-item\", [_c(\"a\", {\n attrs: {\n href: \"\"\n }\n }, [_vm._v(\"Application Center\")])]), _vm._v(\" \"), _c(\"yw-breadcrumb-item\", [_c(\"a\", {\n attrs: {\n href: \"\"\n }\n }, [_vm._v(\"Application List\")])]), _vm._v(\" \"), _c(\"yw-breadcrumb-item\", [_vm._v(\"An Application\")])], 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Formmodel测试\")]), _vm._v(\" \"), _c(\"yw-form-model\", [_c(\"yw-form-model-item\", {\n attrs: {\n label: \"Activity name\"\n }\n }, [_c(\"yw-input\")], 1)], 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Spin组件配置\")]), _vm._v(\" \"), _c(\"yw-spin\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Modal组件测试\")]), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n type: \"primary\"\n },\n on: {\n click: _vm.showModal\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\tOpen Modal with async logic\\n\\t\\t\\t\")]), _vm._v(\" \"), _c(\"yw-modal\", {\n attrs: {\n title: \"Title\",\n visible: _vm.visible,\n \"confirm-loading\": _vm.confirmLoading\n },\n on: {\n ok: _vm.handleOk,\n cancel: _vm.handleCancel\n }\n }, [_c(\"p\", [_vm._v(_vm._s(_vm.ModalText))])]), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"card测试\")]), _vm._v(\" \"), _c(\"yw-card\", {\n staticClass: \"search-bar\",\n attrs: {\n \"body-style\": {\n width: \"100%\"\n }\n }\n }, [_c(\"a-form-model\", [_c(\"a-form-model-item\")], 1)], 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Button测试\")]), _vm._v(\" \"), [_c(\"yw-Dropdown\", {\n attrs: {\n trigger: [\"click\"]\n }\n }, [_c(\"a\", {\n staticClass: \"ant-dropdown-link\",\n on: {\n click: e => e.preventDefault()\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\tClick me \"), _c(\"a-icon\", {\n attrs: {\n type: \"down\"\n }\n })], 1), _vm._v(\" \"), _c(\"yw-menu\", {\n attrs: {\n slot: \"overlay\"\n },\n slot: \"overlay\"\n }, [_c(\"yw-menu-item\", {\n key: \"0\"\n }, [_c(\"a\", {\n attrs: {\n href: \"http://www.alipay.com/\"\n }\n }, [_vm._v(\"1st menu item\")])]), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"1\"\n }, [_c(\"a\", {\n attrs: {\n href: \"http://www.taobao.com/\"\n }\n }, [_vm._v(\"2nd menu item\")])]), _vm._v(\" \"), _c(\"yw-menu-divider\"), _vm._v(\" \"), _c(\"yw-menu-item\", {\n key: \"3\"\n }, [_vm._v(\" 3rd menu item \")])], 1)], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"popconfirm测试\")]), _vm._v(\" \"), [_c(\"yw-popover\", {\n attrs: {\n title: \"Title\"\n }\n }, [_c(\"template\", {\n slot: \"content\"\n }, [_c(\"p\", [_vm._v(\"Content\")]), _vm._v(\" \"), _c(\"p\", [_vm._v(\"Content\")])]), _vm._v(\" \"), _c(\"yw-button\", {\n attrs: {\n type: \"primary\"\n }\n }, [_vm._v(\" Hover me \")])], 2)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"PageHeader测试\")]), _vm._v(\" \"), [_c(\"yw-page-header\", {\n staticStyle: {\n border: \"1px solid rgb(235, 237, 240)\"\n },\n attrs: {\n title: \"Title\",\n \"sub-title\": \"This is a subtitle\"\n },\n on: {\n back: () => null\n }\n })], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Radio测试\")]), _vm._v(\" \"), [_c(\"yw-radio-group\", {\n attrs: {\n name: \"radioGroup\",\n \"default-value\": 1\n }\n }, [_c(\"yw-radio\", {\n attrs: {\n value: 1\n }\n }, [_vm._v(\" A \")]), _vm._v(\" \"), _c(\"yw-radio\", {\n attrs: {\n value: 2\n }\n }, [_vm._v(\" B \")]), _vm._v(\" \"), _c(\"yw-radio\", {\n attrs: {\n value: 3\n }\n }, [_vm._v(\" C \")]), _vm._v(\" \"), _c(\"yw-radio\", {\n attrs: {\n value: 4\n }\n }, [_vm._v(\" D \")])], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"checkbox测试\")]), _vm._v(\" \"), _c(\"yw-checkbox\", {\n on: {\n change: _vm.onChange\n }\n }, [_vm._v(\" Checkbox \")]), _vm._v(\" \"), _c(\"br\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"message测试\")]), _vm._v(\" \"), [_c(\"div\", [_c(\"yw-button\", {\n on: {\n click: _vm.success\n }\n }, [_vm._v(\" Success \")]), _vm._v(\" \"), _c(\"yw-button\", {\n on: {\n click: _vm.error\n }\n }, [_vm._v(\" Error \")]), _vm._v(\" \"), _c(\"yw-button\", {\n on: {\n click: _vm.warning\n }\n }, [_vm._v(\" Warning \")])], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"List测试\")]), _vm._v(\" \"), [_c(\"yw-list\", {\n attrs: {\n \"item-layout\": \"vertical\",\n pagination: _vm.pagination,\n \"data-source\": _vm.listData\n },\n scopedSlots: _vm._u([{\n key: \"renderItem\",\n fn: function (item) {\n return _c(\"yw-list-item\", {\n key: \"item.title\"\n }, [_vm._l(_vm.actions, function ({\n type,\n text\n }) {\n return _c(\"template\", {\n slot: \"actions\"\n }, [_c(\"span\", {\n key: type\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\" + _vm._s(text) + \"\\n\\t\\t\\t\\t\\t\\t\\t\")])]);\n }), _vm._v(\" \"), _c(\"img\", {\n attrs: {\n slot: \"extra\",\n width: \"272\",\n alt: \"logo\",\n src: \"https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png\"\n },\n slot: \"extra\"\n }), _vm._v(\" \"), _c(\"yw-list-item-meta\", {\n attrs: {\n description: item.description\n }\n }, [_c(\"a\", {\n attrs: {\n slot: \"title\",\n href: item.href\n },\n slot: \"title\"\n }, [_vm._v(_vm._s(item.title))]), _vm._v(\" \"), _c(\"a-avatar\", {\n attrs: {\n slot: \"avatar\",\n src: item.avatar\n },\n slot: \"avatar\"\n })], 1), _vm._v(\"\\n\\t\\t\\t\\t\\t\\t\" + _vm._s(item.content) + \"\\n\\t\\t\\t\\t\\t\")], 2);\n }\n }])\n }, [_c(\"div\", {\n attrs: {\n slot: \"footer\"\n },\n slot: \"footer\"\n }, [_c(\"b\", [_vm._v(\"ant design vue\")]), _vm._v(\" footer part\")])])], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"mentions测试\")]), _vm._v(\" \"), [_c(\"yw-mentions\", {\n on: {\n change: _vm.onChange,\n select: _vm.onSelect\n },\n model: {\n value: _vm.value,\n callback: function ($$v) {\n _vm.value = $$v;\n },\n expression: \"value\"\n }\n }, [_c(\"yw-mentions-option\", {\n attrs: {\n value: \"afc163\"\n }\n }, [_vm._v(\" afc163 \")]), _vm._v(\" \"), _c(\"yw-mentions-option\", {\n attrs: {\n value: \"zombieJ\"\n }\n }, [_vm._v(\" zombieJ \")]), _vm._v(\" \"), _c(\"yw-mentions-option\", {\n attrs: {\n value: \"yesmeck\"\n }\n }, [_vm._v(\" yesmeck \")])], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Rate测试\")]), _vm._v(\" \"), [_c(\"yw-rate\", {\n model: {\n value: _vm.value1,\n callback: function ($$v) {\n _vm.value1 = $$v;\n },\n expression: \"value1\"\n }\n })], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"datePicker测试\")]), _vm._v(\" \"), _c(\"YwRangePicker\"), _vm._v(\" \"), _c(\"YwMonthPicker\"), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"tree测试\")]), _vm._v(\" \"), _c(\"yw-tree\", {\n attrs: {\n checkable: \"\",\n \"tree-data\": _vm.treeData,\n \"default-expanded-keys\": [\"0-0-0\", \"0-0-1\"],\n \"default-selected-keys\": [\"0-0-0\", \"0-0-1\"],\n \"default-checked-keys\": [\"0-0-0\", \"0-0-1\"]\n },\n on: {\n select: _vm.onSelect,\n check: _vm.onCheck\n }\n }, [_c(\"span\", {\n staticStyle: {\n color: \"#1890ff\"\n },\n attrs: {\n slot: \"title0010\"\n },\n slot: \"title0010\"\n }, [_vm._v(\"sss\")])]), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"progress测试\")]), _vm._v(\" \"), _c(\"yw-progress\", {\n attrs: {\n percent: 30\n }\n }), _vm._v(\" \"), _c(\"yw-progress\", {\n attrs: {\n type: \"circle\",\n percent: 30\n }\n }), _vm._v(\" \"), _c(\"yw-progress\", {\n attrs: {\n type: \"circle\",\n percent: 30,\n status: \"exception\"\n }\n }), _vm._v(\" \"), _c(\"yw-progress\", {\n attrs: {\n type: \"circle\",\n percent: 100,\n format: () => \"Done\"\n }\n }), _vm._v(\" \"), _c(\"yw-progress\", {\n attrs: {\n type: \"circle\",\n \"stroke-color\": {\n \"0%\": \"#108ee9\",\n \"100%\": \"#87d068\"\n },\n percent: 99.9\n }\n }), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"YwTooltip测试\")]), _vm._v(\" \"), _c(\"div\", {\n attrs: {\n id: \"components-a-tooltip-demo-placement\"\n }\n }, [_c(\"div\", {\n style: {\n marginLeft: `${_vm.buttonWidth}px`,\n whiteSpace: \"nowrap\"\n }\n }, [_c(\"yw-tooltip\", {\n attrs: {\n placement: \"topLeft\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"TL\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"top\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"Top\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"topRight\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"TR\")])], 2)], 1), _vm._v(\" \"), _c(\"div\", {\n style: {\n width: `${_vm.buttonWidth}px`,\n float: \"left\"\n }\n }, [_c(\"yw-tooltip\", {\n attrs: {\n placement: \"leftTop\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"LT\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"left\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"Left\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"leftBottom\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"LB\")])], 2)], 1), _vm._v(\" \"), _c(\"div\", {\n style: {\n width: `${_vm.buttonWidth}px`,\n marginLeft: `${_vm.buttonWidth * 4 + 24}px`\n }\n }, [_c(\"yw-tooltip\", {\n attrs: {\n placement: \"rightTop\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"RT\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"right\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"Right\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"rightBottom\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"RB\")])], 2)], 1), _vm._v(\" \"), _c(\"div\", {\n style: {\n marginLeft: `${_vm.buttonWidth}px`,\n clear: \"both\",\n whiteSpace: \"nowrap\"\n }\n }, [_c(\"yw-tooltip\", {\n attrs: {\n placement: \"bottomLeft\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"BL\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"bottom\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"Bottom\")])], 2), _vm._v(\" \"), _c(\"yw-tooltip\", {\n attrs: {\n placement: \"bottomRight\"\n }\n }, [_c(\"template\", {\n slot: \"title\"\n }, [_c(\"span\", [_vm._v(\"prompt text\")])]), _vm._v(\" \"), _c(\"yw-button\", [_vm._v(\"BR\")])], 2)], 1)]), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"steps测试\")]), _vm._v(\" \"), _c(\"yw-steps\", {\n attrs: {\n current: 1\n },\n scopedSlots: _vm._u([{\n key: \"progressDot\",\n fn: function ({\n index,\n status,\n prefixCls\n }) {\n return _c(\"yw-popover\", {}, [_c(\"template\", {\n slot: \"content\"\n }, [_c(\"span\", [_vm._v(\"step \" + _vm._s(index) + \" status: \" + _vm._s(status))])]), _vm._v(\" \"), _c(\"span\", {\n class: `${prefixCls}-icon-dot`\n })], 2);\n }\n }])\n }, [_vm._v(\" \"), _c(\"yw-step\", {\n attrs: {\n title: \"Finished\",\n description: \"You can hover on the dot.\"\n }\n }), _vm._v(\" \"), _c(\"yw-step\", {\n attrs: {\n title: \"In Progress\",\n description: \"You can hover on the dot.\"\n }\n }), _vm._v(\" \"), _c(\"yw-step\", {\n attrs: {\n title: \"Waiting\",\n description: \"You can hover on the dot.\"\n }\n }), _vm._v(\" \"), _c(\"yw-step\", {\n attrs: {\n title: \"Waiting\",\n description: \"You can hover on the dot.\"\n }\n })], 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Checkbox测试\")]), _vm._v(\" \"), _c(\"yw-checkbox\", {\n on: {\n change: _vm.callback\n }\n }, [_vm._v(\" Checkbox \")]), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"cascader测试\")]), _vm._v(\" \"), _c(\"yw-cascader\", {\n attrs: {\n options: _vm.options,\n placeholder: \"Please select\"\n },\n on: {\n change: _vm.callback\n }\n }), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"\\n\\t\\t\\t\\tswitch测试\\n\\t\\t\\t\\t\"), _c(\"yw-switch\", {\n attrs: {\n \"default-checked\": \"\"\n },\n on: {\n change: _vm.callback\n }\n })], 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"pageHeader测试\")]), _vm._v(\" \"), _c(\"yw-page-header\", {\n staticStyle: {\n border: \"1px solid rgb(235, 237, 240)\"\n },\n attrs: {\n title: \"Title\",\n breadcrumb: {\n props: {\n routes: _vm.routes\n }\n },\n \"sub-title\": \"This is a subtitle\"\n },\n on: {\n back: () => null\n }\n }), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Autocomplete测试\")]), _vm._v(\" \"), [_c(\"yw-auto-complete\", {\n staticStyle: {\n width: \"200px\"\n },\n attrs: {\n \"data-source\": _vm.dataSource\n },\n on: {\n search: _vm.handleSearch,\n select: _vm.onSelect1\n }\n }, [_c(\"a-textarea\", {\n staticClass: \"custom\",\n staticStyle: {\n height: \"50px\"\n },\n attrs: {\n placeholder: \"input here\"\n },\n on: {\n keypress: _vm.handleKeyPress\n }\n })], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"InputNumber测试\")]), _vm._v(\" \"), [_c(\"div\", [_c(\"yw-input-number\", {\n attrs: {\n id: \"inputNumber\",\n min: 1,\n max: 10\n },\n on: {\n change: _vm.onChange1\n },\n model: {\n value: _vm.value2,\n callback: function ($$v) {\n _vm.value2 = $$v;\n },\n expression: \"value2\"\n }\n }), _vm._v(\"\\n\\t\\t\\t\\t\\t当前值:\" + _vm._s(_vm.value2) + \"\\n\\t\\t\\t\\t\")], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Notification\")]), _vm._v(\" \"), [_c(\"yw-button\", {\n attrs: {\n type: \"primary\"\n },\n on: {\n click: _vm.openNotification\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\tOpen the notification box\\n\\t\\t\\t\\t\")])], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"input测试\")]), _vm._v(\" \"), [_c(\"yw-input\", {\n attrs: {\n \"addon-before\": \"Http://\",\n \"addon-after\": \".com\",\n \"default-value\": \"mysite\"\n }\n })], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"message测试\")]), _vm._v(\" \"), [_c(\"yw-button\", {\n attrs: {\n type: \"primary\"\n },\n on: {\n click: _vm.info\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\tDisplay normal message\\n\\t\\t\\t\\t\")])], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"timepicker测试\")]), _vm._v(\" \"), _c(\"yw-button\", {\n on: {\n click: function ($event) {\n _vm.IsShow = !_vm.IsShow;\n }\n }\n }, [_vm._v(\"change\")]), _vm._v(\" \"), _c(\"yw-container\", {\n staticStyle: {\n height: \"200px\"\n }\n }, [_vm.IsShow ? _c(\"div\", [_c(\"yw-time-picker\", {\n attrs: {\n \"use12-hours\": \"\"\n },\n on: {\n change: _vm.onChange\n }\n }), _vm._v(\" \"), _c(\"yw-time-picker\", {\n attrs: {\n \"use12-hours\": \"\",\n format: \"h:mm:ss A\"\n },\n on: {\n change: _vm.onChange\n }\n }), _vm._v(\" \"), _c(\"yw-time-picker\", {\n attrs: {\n \"use12-hours\": \"\",\n format: \"h:mm a\"\n },\n on: {\n change: _vm.onChange\n }\n })], 1) : _c(\"yw-input\", {\n attrs: {\n \"addon-before\": \"Http://\",\n \"addon-after\": \".com\",\n \"default-value\": \"mysite\"\n }\n })], 1), _vm._v(\" \"), _c(\"h2\", [_vm._v(\"测试YwCollapse\")]), _vm._v(\" \"), [_c(\"div\", [_c(\"yw-collapse\", {\n attrs: {\n \"default-active-key\": \"1\",\n bordered: false\n }\n }, [_c(\"yw-collapse-panel\", {\n key: \"1\",\n attrs: {\n header: \"This is panel header 1\"\n }\n }, [_c(\"p\", [_vm._v(_vm._s(_vm.text))])]), _vm._v(\" \"), _c(\"yw-collapse-panel\", {\n key: \"2\",\n attrs: {\n header: \"This is panel header 2\",\n disabled: false\n }\n }, [_c(\"p\", [_vm._v(_vm._s(_vm.text))])]), _vm._v(\" \"), _c(\"yw-collapse-panel\", {\n key: \"3\",\n attrs: {\n header: \"This is panel header 3\"\n }\n }, [_c(\"p\", [_vm._v(_vm._s(_vm.text))])])], 1)], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"Notification测试\")]), _vm._v(\" \"), [_c(\"div\", [_c(\"yw-button\", {\n on: {\n click: () => _vm.openNotificationWithIcon(\"success\")\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\tSuccess\\n\\t\\t\\t\\t\\t\")])], 1)], _vm._v(\" \"), [_c(\"div\", [_c(\"yw-button\", {\n on: {\n click: () => _vm.openNotificationWithIcon(\"info\")\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\tinfo\\n\\t\\t\\t\\t\\t\")])], 1)], _vm._v(\" \"), [_c(\"div\", [_c(\"yw-button\", {\n on: {\n click: () => _vm.openNotificationWithIcon(\"error\")\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\terror\\n\\t\\t\\t\\t\\t\")])], 1)], _vm._v(\" \"), [_c(\"div\", [_c(\"yw-button\", {\n on: {\n click: () => _vm.openNotificationWithIcon(\"warning\")\n }\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\twarning\\n\\t\\t\\t\\t\\t\")])], 1)], _vm._v(\" \"), _c(\"h2\", [_vm._v(\"穿梭框测试\")]), _vm._v(\" \"), [_c(\"yw-transfer\", {\n attrs: {\n \"data-source\": _vm.mockData,\n \"show-search\": \"\",\n \"filter-option\": _vm.filterOption,\n \"target-keys\": _vm.targetKeys,\n render: _vm.renderItem,\n titles: [\"资源实例\", \"目标资源\"]\n },\n on: {\n change: _vm.handleChange,\n search: _vm.handleSearch\n }\n })], _vm._v(\" \"), _c(\"h3\", [_vm._v(\"穿梭框测试1\")]), _vm._v(\" \"), void 0, _vm._v(\" \"), _c(\"h2\", [_vm._v(\"加载动画测试\")]), _vm._v(\" \"), [_c(\"div\", {\n staticStyle: {\n width: \"300px\",\n \"margin-bottom\": \"50px\"\n }\n }, [_c(\"yw-loading\", {\n attrs: {\n minHeight: \"200\",\n position: \"top\"\n }\n }, [_c(\"div\", {\n staticClass: \"load-content\"\n }, [_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t可以点击‘切换’按钮,控制本区域的spin展示。\\n\\t\\t\\t\\t\\t\\t\")])]), _vm._v(\"\\n\\t\\t\\t\\t\\t切换:\"), _c(\"yw-switch\", {\n attrs: {\n \"default-checked\": \"\"\n },\n on: {\n change: _vm.callback\n },\n model: {\n value: _vm.switchValue,\n callback: function ($$v) {\n _vm.switchValue = $$v;\n },\n expression: \"switchValue\"\n }\n })], 1)]], 2)], 1)]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://yw-ui-vue2/./examples/App.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B3%5D!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options");
6617
6617
 
6618
6618
  /***/ }),
6619
6619
 
@@ -21471,7 +21471,7 @@ span.ant-transfer-list-search-action {
21471
21471
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
21472
21472
  .loading-container[data-v-3cca77df] {
21473
21473
  position: relative;
21474
- min-height: calc(var(--3cca77df-getSize) + 20px);
21474
+ min-height: var(--3cca77df-setContainerHeight);
21475
21475
  }
21476
21476
  .loading-container.loading[data-v-3cca77df] {
21477
21477
  overflow: hidden;
@@ -21484,7 +21484,7 @@ span.ant-transfer-list-search-action {
21484
21484
  width: 100%;
21485
21485
  height: 100%;
21486
21486
  background: #fff;
21487
- opacity: 0.7;
21487
+ opacity: 0.6;
21488
21488
  position: absolute;
21489
21489
  top: 0;
21490
21490
  left: 0;
@@ -21494,6 +21494,7 @@ span.ant-transfer-list-search-action {
21494
21494
  -moz-user-select: none;
21495
21495
  user-select: none;
21496
21496
  pointer-events: none;
21497
+ z-index: 9999;
21497
21498
  }
21498
21499
  .loader[data-v-3cca77df] {
21499
21500
  width: var(--3cca77df-getSize);
@@ -21506,7 +21507,7 @@ span.ant-transfer-list-search-action {
21506
21507
  transform: translate(-50%, var(--3cca77df-getCenter));
21507
21508
  }
21508
21509
  .loader[data-v-3cca77df]:before {
21509
- content: '';
21510
+ content: "";
21510
21511
  width: var(--3cca77df-getSize);
21511
21512
  height: 5px;
21512
21513
  background: #000;
@@ -21519,7 +21520,7 @@ span.ant-transfer-list-search-action {
21519
21520
  z-index: 9999;
21520
21521
  }
21521
21522
  .loader[data-v-3cca77df]:after {
21522
- content: '';
21523
+ content: "";
21523
21524
  width: 100%;
21524
21525
  height: 100%;
21525
21526
  background: #5286ec;
@@ -76,7 +76,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
76
76
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
77
77
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
78
78
 
79
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.runtime.esm.js\");\nconst __default__ = {\n name: 'YwLoading',\n props: {\n loading: {\n type: Boolean,\n default: true\n },\n // 大小 可选值为 small default large\n size: {\n type: String,\n default: 'default'\n },\n // 位置 可选值为 center top \n position: {\n type: String,\n default: 'center'\n }\n },\n computed: {\n boxStyle() {\n return this.boxSize[this.size];\n },\n shadowStyle() {\n return this.shadowSize[this.size];\n },\n getTop() {\n return this.position === 'center' ? '50%' : '0';\n },\n getCenter() {\n return this.position === 'center' ? '-50%' : '0';\n },\n getSize() {\n return this.LoadingSize[this.size];\n }\n },\n data() {\n return {\n LoadingSize: {\n small: '20px',\n default: '30px',\n large: '40px'\n }\n };\n }\n};\n\nconst __injectCSSVars__ = () => {\n (0,vue__WEBPACK_IMPORTED_MODULE_0__.useCssVars)((_vm, _setup) => ({\n \"3cca77df-getSize\": _vm.getSize,\n \"3cca77df-getTop\": _vm.getTop,\n \"3cca77df-getCenter\": _vm.getCenter\n }));\n};\nconst __setup__ = __default__.setup;\n__default__.setup = __setup__ ? (props, ctx) => {\n __injectCSSVars__();\n return __setup__(props, ctx);\n} : __injectCSSVars__;\n/* harmony default export */ __webpack_exports__[\"default\"] = (__default__);\n\n//# sourceURL=webpack://yw-ui-vue2/./packages/components/loading/src/index.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options");
79
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.runtime.esm.js\");\nconst __default__ = {\n name: \"YwLoading\",\n props: {\n loading: {\n type: Boolean,\n default: true\n },\n // 大小 可选值为 small default large\n size: {\n type: String,\n default: \"default\"\n },\n // 位置 可选值为 center top\n position: {\n type: String,\n default: \"center\"\n },\n minHeight: {\n type: String,\n default: \"\"\n }\n },\n computed: {\n boxStyle() {\n return this.boxSize[this.size];\n },\n shadowStyle() {\n return this.shadowSize[this.size];\n },\n getTop() {\n return this.position === \"center\" ? \"50%\" : \"10px\";\n },\n getCenter() {\n return this.position === \"center\" ? \"-50%\" : \"0\";\n },\n getSize() {\n return this.LoadingSize[this.size];\n },\n setContainerHeight() {\n return this.minHeight ? `${this.minHeight}px` : `${parseInt(this.getSize, 10) + 20}px`;\n }\n },\n data() {\n return {\n LoadingSize: {\n small: \"20px\",\n default: \"30px\",\n large: \"40px\"\n }\n };\n }\n};\n\nconst __injectCSSVars__ = () => {\n (0,vue__WEBPACK_IMPORTED_MODULE_0__.useCssVars)((_vm, _setup) => ({\n \"3cca77df-setContainerHeight\": _vm.setContainerHeight,\n \"3cca77df-getSize\": _vm.getSize,\n \"3cca77df-getTop\": _vm.getTop,\n \"3cca77df-getCenter\": _vm.getCenter\n }));\n};\nconst __setup__ = __default__.setup;\n__default__.setup = __setup__ ? (props, ctx) => {\n __injectCSSVars__();\n return __setup__(props, ctx);\n} : __injectCSSVars__;\n/* harmony default export */ __webpack_exports__[\"default\"] = (__default__);\n\n//# sourceURL=webpack://yw-ui-vue2/./packages/components/loading/src/index.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options");
80
80
 
81
81
  /***/ }),
82
82
 
@@ -3,7 +3,7 @@
3
3
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
4
4
  .loading-container[data-v-3cca77df] {
5
5
  position: relative;
6
- min-height: calc(var(--3cca77df-getSize) + 20px);
6
+ min-height: var(--3cca77df-setContainerHeight);
7
7
  }
8
8
  .loading-container.loading[data-v-3cca77df] {
9
9
  overflow: hidden;
@@ -16,7 +16,7 @@
16
16
  width: 100%;
17
17
  height: 100%;
18
18
  background: #fff;
19
- opacity: 0.7;
19
+ opacity: 0.6;
20
20
  position: absolute;
21
21
  top: 0;
22
22
  left: 0;
@@ -26,6 +26,7 @@
26
26
  -moz-user-select: none;
27
27
  user-select: none;
28
28
  pointer-events: none;
29
+ z-index: 9999;
29
30
  }
30
31
  .loader[data-v-3cca77df] {
31
32
  width: var(--3cca77df-getSize);
@@ -38,7 +39,7 @@
38
39
  transform: translate(-50%, var(--3cca77df-getCenter));
39
40
  }
40
41
  .loader[data-v-3cca77df]:before {
41
- content: '';
42
+ content: "";
42
43
  width: var(--3cca77df-getSize);
43
44
  height: 5px;
44
45
  background: #000;
@@ -51,7 +52,7 @@
51
52
  z-index: 9999;
52
53
  }
53
54
  .loader[data-v-3cca77df]:after {
54
- content: '';
55
+ content: "";
55
56
  width: 100%;
56
57
  height: 100%;
57
58
  background: #5286ec;
@@ -98471,8 +98471,8 @@ YwBackTop.install = function (Vue) {
98471
98471
  Vue.component(YwBackTop.name, YwBackTop);
98472
98472
  };
98473
98473
  /* harmony default export */ var backtop = (YwBackTop);
98474
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/loading/src/index.vue?vue&type=template&id=0887184e&scoped=true
98475
- var srcvue_type_template_id_0887184e_scoped_true_render = function render() {
98474
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/loading/src/index.vue?vue&type=template&id=5848538a&scoped=true
98475
+ var srcvue_type_template_id_5848538a_scoped_true_render = function render() {
98476
98476
  var _vm = this,
98477
98477
  _c = _vm._self._c;
98478
98478
  return _c('div', {
@@ -98483,11 +98483,11 @@ var srcvue_type_template_id_0887184e_scoped_true_render = function render() {
98483
98483
  staticClass: "loader"
98484
98484
  }) : _vm._e(), _vm._v(" "), _vm._t("default")], 2);
98485
98485
  };
98486
- var srcvue_type_template_id_0887184e_scoped_true_staticRenderFns = [];
98486
+ var srcvue_type_template_id_5848538a_scoped_true_staticRenderFns = [];
98487
98487
 
98488
98488
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/loading/src/index.vue?vue&type=script&lang=js
98489
98489
  const __default__ = {
98490
- name: 'YwLoading',
98490
+ name: "YwLoading",
98491
98491
  props: {
98492
98492
  loading: {
98493
98493
  type: Boolean,
@@ -98496,12 +98496,16 @@ const __default__ = {
98496
98496
  // 大小 可选值为 small default large
98497
98497
  size: {
98498
98498
  type: String,
98499
- default: 'default'
98499
+ default: "default"
98500
98500
  },
98501
- // 位置 可选值为 center top
98501
+ // 位置 可选值为 center top
98502
98502
  position: {
98503
98503
  type: String,
98504
- default: 'center'
98504
+ default: "center"
98505
+ },
98506
+ minHeight: {
98507
+ type: String,
98508
+ default: ""
98505
98509
  }
98506
98510
  },
98507
98511
  computed: {
@@ -98512,21 +98516,24 @@ const __default__ = {
98512
98516
  return this.shadowSize[this.size];
98513
98517
  },
98514
98518
  getTop() {
98515
- return this.position === 'center' ? '50%' : '0';
98519
+ return this.position === "center" ? "50%" : "10px";
98516
98520
  },
98517
98521
  getCenter() {
98518
- return this.position === 'center' ? '-50%' : '0';
98522
+ return this.position === "center" ? "-50%" : "0";
98519
98523
  },
98520
98524
  getSize() {
98521
98525
  return this.LoadingSize[this.size];
98526
+ },
98527
+ setContainerHeight() {
98528
+ return this.minHeight ? `${this.minHeight}px` : `${parseInt(this.getSize, 10) + 20}px`;
98522
98529
  }
98523
98530
  },
98524
98531
  data() {
98525
98532
  return {
98526
98533
  LoadingSize: {
98527
- small: '20px',
98528
- default: '30px',
98529
- large: '40px'
98534
+ small: "20px",
98535
+ default: "30px",
98536
+ large: "40px"
98530
98537
  }
98531
98538
  };
98532
98539
  }
@@ -98534,9 +98541,10 @@ const __default__ = {
98534
98541
 
98535
98542
  const __injectCSSVars__ = () => {
98536
98543
  (0,external_commonjs_vue_commonjs2_vue_root_Vue_.useCssVars)((_vm, _setup) => ({
98537
- "585a7b7c": _vm.getSize,
98538
- "23e1da18": _vm.getTop,
98539
- "0ea02256": _vm.getCenter
98544
+ "85a1ef2c": _vm.setContainerHeight,
98545
+ "2271fed3": _vm.getSize,
98546
+ "f584ff7a": _vm.getTop,
98547
+ "32627ea7": _vm.getCenter
98540
98548
  }));
98541
98549
  };
98542
98550
  const __setup__ = __default__.setup;
@@ -98547,10 +98555,10 @@ __default__.setup = __setup__ ? (props, ctx) => {
98547
98555
  /* harmony default export */ var loading_srcvue_type_script_lang_js = (__default__);
98548
98556
  ;// CONCATENATED MODULE: ./packages/components/loading/src/index.vue?vue&type=script&lang=js
98549
98557
  /* harmony default export */ var components_loading_srcvue_type_script_lang_js = (loading_srcvue_type_script_lang_js);
98550
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/loading/src/index.vue?vue&type=style&index=0&id=0887184e&prod&lang=less&scoped=true
98558
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/loading/src/index.vue?vue&type=style&index=0&id=5848538a&prod&lang=less&scoped=true
98551
98559
  // extracted by mini-css-extract-plugin
98552
98560
 
98553
- ;// CONCATENATED MODULE: ./packages/components/loading/src/index.vue?vue&type=style&index=0&id=0887184e&prod&lang=less&scoped=true
98561
+ ;// CONCATENATED MODULE: ./packages/components/loading/src/index.vue?vue&type=style&index=0&id=5848538a&prod&lang=less&scoped=true
98554
98562
 
98555
98563
  ;// CONCATENATED MODULE: ./packages/components/loading/src/index.vue
98556
98564
 
@@ -98563,11 +98571,11 @@ __default__.setup = __setup__ ? (props, ctx) => {
98563
98571
 
98564
98572
  var loading_src_component = normalizeComponent(
98565
98573
  components_loading_srcvue_type_script_lang_js,
98566
- srcvue_type_template_id_0887184e_scoped_true_render,
98567
- srcvue_type_template_id_0887184e_scoped_true_staticRenderFns,
98574
+ srcvue_type_template_id_5848538a_scoped_true_render,
98575
+ srcvue_type_template_id_5848538a_scoped_true_staticRenderFns,
98568
98576
  false,
98569
98577
  null,
98570
- "0887184e",
98578
+ "5848538a",
98571
98579
  null
98572
98580
 
98573
98581
  )