yw-ui-vue2 2.0.3 → 2.0.5

package/lib/components/index/index.js

@@ -6492,7 +6492,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _locale_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/locale/index.js */ \"./packages/locale/index.js\");\n\n\n\nconst listData = [];\nfor (let i = 0; i < 23; i++) {\n  listData.push({\n    href: \"https://www.antdv.com/\",\n    title: `ant design vue part ${i}`,\n    avatar: \"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png\",\n    description: \"Ant Design, a design language for background applications, is refined by Ant UED Team.\",\n    content: \"We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.\"\n  });\n}\nfunction hasErrors(fieldsError) {\n  return Object.keys(fieldsError).some(field => fieldsError[field]);\n}\nconst columns = [{\n  title: \"Name\",\n  dataIndex: \"name\",\n  scopedSlots: {\n    customRender: \"name\"\n  }\n}, {\n  title: \"Cash Assets\",\n  className: \"column-money\",\n  dataIndex: \"money\"\n}, {\n  title: \"Address\",\n  dataIndex: \"address\"\n}, {\n  title: \"qq\",\n  dataIndex: \"qq\",\n  scopedSlots: {\n    customRender: \"name\"\n  }\n}, {\n  title: \"youxiang\",\n  className: \"youxiang\",\n  dataIndex: \"first\"\n}, {\n  title: \"sex\",\n  dataIndex: \"sex\",\n  customRender: text => {\n    return h(\"a\", [text]);\n  }\n}];\nconst data = [{\n  key: \"1\",\n  name: \"John Brown\",\n  money: \"￥300,000.00\",\n  address: \"New York No. 1 Lake Park\",\n  sex: \"delete\"\n}, {\n  key: \"2\",\n  name: \"Jim Green\",\n  money: \"￥1,256,000.00\",\n  address: \"London No. 1 Lake Park\"\n}, {\n  key: \"3\",\n  name: \"Joe Black\",\n  money: \"￥120,000.00\",\n  address: \"Sidney No. 1 Lake Park\"\n}, {\n  key: \"4\",\n  name: \"John Brown\",\n  money: \"￥300,000.00\",\n  address: \"New York No. 1 Lake Park\"\n}, {\n  key: \"5\",\n  name: \"Jim Green\",\n  money: \"￥1,256,000.00\",\n  address: \"London No. 1 Lake Park\"\n}, {\n  key: \"6\",\n  name: \"Joe Black\",\n  money: \"￥120,000.00\",\n  address: \"Sidney No. 1 Lake Park\"\n}];\nconst treeData = [{\n  title: \"parent 1\",\n  key: \"0-0\",\n  children: [{\n    title: \"parent 1-0\",\n    key: \"0-0-0\",\n    disabled: true,\n    children: [{\n      title: \"leaf\",\n      key: \"0-0-0-0\",\n      disableCheckbox: true\n    }, {\n      title: \"leaf\",\n      key: \"0-0-0-1\"\n    }]\n  }, {\n    title: \"parent 1-1\",\n    key: \"0-0-1\",\n    children: [{\n      key: \"0-0-1-0\",\n      slots: {\n        title: \"title0010\"\n      }\n    }]\n  }]\n}];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"App\",\n  components: {},\n  data() {\n    const h = this.$createElement;\n    return {\n      city: [200107012, 2001070201],\n      cityData: [{\n        value: \"中国\",\n        key: 1156,\n        id: 1156,\n        disabled: false,\n        children: [{\n          value: \"北京市\",\n          id: 10000,\n          key: 10000,\n          children: [],\n          disabled: false,\n          children: [{\n            value: \"石家庄\",\n            key: 200107012,\n            id: 200107012\n          }, {\n            value: \"唐山市\",\n            key: 200107022,\n            id: 200107022,\n            children: [{\n              value: \"路南区\",\n              key: 20010702012,\n              id: 20010702012,\n              children: []\n            }]\n          }]\n        }, {\n          value: \"河北省\",\n          key: 200107,\n          id: 200107,\n          children: [{\n            value: \"石家庄\",\n            key: 20010701,\n            id: 20010701\n          }, {\n            value: \"唐山市\",\n            key: 20010702,\n            id: 20010702,\n            children: [{\n              value: \"路南区\",\n              key: 2001070201,\n              id: 2001070201,\n              children: []\n            }]\n          }]\n        }]\n      }],\n      options2: [{\n        key: \"1\",\n        value: \"山东省\",\n        label: \"山东省\",\n        children: [{\n          value: \"菏泽市\",\n          label: \"菏泽市\",\n          children: [{\n            value: \"菏泽市\",\n            label: \"菏泽市\"\n          }, {\n            value: \"济南市\",\n            label: \"济南市\"\n          }]\n        }, {\n          value: \"济南市\",\n          label: \"济南市\"\n        }, {\n          value: \"青岛市\",\n          label: \"青岛市\"\n        }, {\n          value: \"枣庄市\",\n          label: \"枣庄市\"\n        }]\n      }, {\n        key: \"2\",\n        value: \"河北省\",\n        label: \"河北省\",\n        children: [{\n          value: \"石家庄市\",\n          label: \"石家庄市\"\n        }, {\n          value: \"衡水市\",\n          label: \"衡水市\"\n        }, {\n          value: \"保定市\",\n          label: \"保定市\"\n        }]\n      }],\n      transferVisible: false,\n      text: \"测试YwCollapse\",\n      options: [{\n        id: 1,\n        label: \"选项1\"\n      }, {\n        id: 2,\n        label: \"选项2\"\n      }, {\n        id: 3,\n        label: \"选项3\"\n      }\n      // 其他选项...\n      ],\n      titleleft: \"左边\",\n      selectedOptions: [],\n      mockData: [],\n      targetKeys: [],\n      downArrowIcon: \"down\",\n      visible: false,\n      collapsed: false,\n      IsShow: false,\n      hasErrors,\n      dataSource: [],\n      form: this.$form.createForm(this, {\n        name: \"horizontal_login\"\n      }),\n      data,\n      columns: [{\n        title: \"Name\",\n        dataIndex: \"name\",\n        scopedSlots: {\n          customRender: \"name\"\n        }\n      }, {\n        title: \"Cash Assets\",\n        className: \"column-money\",\n        dataIndex: \"money\"\n      }, {\n        title: \"Address\",\n        dataIndex: \"address\"\n      }, {\n        title: \"qq\",\n        dataIndex: \"qq\",\n        scopedSlots: {\n          customRender: \"name\"\n        }\n      }, {\n        title: \"youxiang\",\n        className: \"youxiang\",\n        dataIndex: \"first\"\n      }, {\n        title: \"sex\",\n        dataIndex: \"sex\",\n        customRender: (text, record, index) => {\n          return h(\"a\", {\n            \"on\": {\n              \"click\": () => {\n                this.delete(index);\n              }\n            }\n          }, [text]);\n        }\n      }],\n      ModalText: \"Content of the modal\",\n      // visible: false,\n      confirmLoading: false,\n      pageSizeOptions: [\"10\", \"20\", \"30\", \"40\", \"50\"],\n      current: 1,\n      pageSize: 10,\n      total: 50,\n      listData,\n      pagination: {\n        onChange: page => {\n          console.log(page);\n        },\n        pageSize: 3\n      },\n      actions: [{\n        type: \"star-o\",\n        text: \"156\"\n      }, {\n        type: \"like-o\",\n        text: \"156\"\n      }, {\n        type: \"message\",\n        text: \"2\"\n      }],\n      value: \"@afc163\",\n      value1: 2,\n      value2: 3,\n      treeData,\n      buttonWidth: 70,\n      options: [{\n        value: \"zhejiang\",\n        label: \"Zhejiang\",\n        children: [{\n          value: \"hangzhou\",\n          label: \"Hangzhou\",\n          children: [{\n            value: \"xihu\",\n            label: \"West Lake\"\n          }]\n        }]\n      }, {\n        value: \"jiangsu\",\n        label: \"Jiangsu\",\n        children: [{\n          value: \"nanjing\",\n          label: \"Nanjing\",\n          children: [{\n            value: \"zhonghuamen\",\n            label: \"Zhong Hua Men\"\n          }]\n        }]\n      }],\n      locale: _locale_index_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n      routes: [{\n        path: \"index\",\n        breadcrumbName: \"First-level Menu\"\n      }, {\n        path: \"first\",\n        breadcrumbName: \"Second-level Menu\"\n      }, {\n        path: \"second\",\n        breadcrumbName: \"Third-level Menu\"\n      }],\n      resourceTypeList: [{\n        value: \"zhejiang\",\n        label: \"Zhejiang\",\n        children: [{\n          value: \"hangzhou\",\n          label: \"Hangzhou\",\n          children: [{\n            value: \"xihu\",\n            label: \"West Lake\"\n          }]\n        }]\n      }, {\n        value: \"jiangsu\",\n        label: \"Jiangsu\",\n        children: [{\n          value: \"nanjing\",\n          label: \"Nanjing\",\n          children: [{\n            value: \"zhonghuamen\",\n            label: \"Zhong Hua Men\"\n          }]\n        }]\n      }],\n      transferProps: {\n        dataSource: [{\n          key: \"4\",\n          title: \"4\",\n          description: \"测试4\",\n          status: \"success\"\n        }, {\n          key: \"5\",\n          title: \"5\",\n          description: \"测试5\",\n          status: \"success\"\n        }, {\n          key: \"6\",\n          title: \"6\",\n          description: \"测试6\",\n          status: \"default\"\n        }, {\n          key: \"7\",\n          title: \"7\",\n          description: \"测试7\",\n          status: \"default\"\n        }],\n        render: item => {\n          return h(\"span\", [h(\"a-badge\", {\n            \"attrs\": {\n              \"status\": item.status\n            }\n          }), item.title || item.description]);\n        }\n      }\n    };\n  },\n  methods: {\n    tchange(value) {\n      console.log(value, \"pv\");\n    },\n    changeVisible(bool) {\n      console.log(\"bool\", bool);\n      this.transferVisible = bool;\n    },\n    ok(data) {\n      console.log(\"ok\", data);\n    },\n    changeTransferData(value) {\n      this.transferProps = {\n        dataSource: [{\n          key: \"4\",\n          title: \"4\",\n          description: \"测试4\",\n          status: \"success\"\n        }, {\n          key: \"5\",\n          title: \"5\",\n          description: \"测试5\",\n          status: \"success\"\n        }, {\n          key: \"6\",\n          title: \"6\",\n          description: \"测试6\",\n          status: \"default\"\n        }, {\n          key: \"7\",\n          title: \"7\",\n          description: \"测试7\",\n          status: \"default\"\n        }]\n      };\n    },\n    changeList(value) {\n      console.log(value);\n      setTimeout(() => {\n        this.resourceTypeList = [{\n          key: 1,\n          value: \"ceshi\",\n          label: \"测试\",\n          title: \"ceshittitle\"\n        }, {\n          key: 2,\n          value: \"ceshi2\",\n          label: \"测试2\"\n        }];\n      }, 2000);\n    },\n    getIpData(data) {\n      console.log(data, \"dd\");\n      return \"ceshi\";\n    },\n    renderItem(item) {\n      const h = this.$createElement;\n      const customLabel = h(\"div\", [h(\"span\", {\n        \"style\": {\n          background: \"green\",\n          borderRadius: \"50%\",\n          display: \"inline-block\",\n          width: \"6px\",\n          height: \"6px\"\n        }\n      }), h(\"span\", {\n        \"class\": \"custom-item\"\n      }, [item.title, \" - \", item.description])]);\n      return {\n        label: customLabel,\n        // for displayed item\n        value: item.title // for title and filter matching\n      };\n    },\n    add() {\n      this.data.push({\n        key: Math.random() * 100,\n        name: \"测试数据\",\n        money: \"any\",\n        address: \"whatever\",\n        sex: \"delete\"\n      });\n    },\n    delete(idx) {\n      console.log(idx, \"row\");\n      new Promise((resolve, reject) => {\n        const tagetEl = document.getElementsByClassName(\"ant-table-row\")[idx];\n        tagetEl.classList.add(\"remove\");\n        console.log(tagetEl.classList);\n        resolve(Array.from(tagetEl.classList).includes(\"remove\"));\n      }).then(() => {\n        this.data.splice(idx, 1);\n      });\n    },\n    toggleCollapsed() {\n      this.collapsed = !this.collapsed;\n    },\n    onShowSizeChange(current, pageSize) {\n      this.pageSize = pageSize;\n    },\n    callback(key) {\n      console.log(key);\n    },\n    afterVisibleChange(val) {\n      console.log(\"visible\", val);\n    },\n    showDrawer() {\n      this.visible = true;\n    },\n    info() {\n      this.$message.info(\"This is a normal message\");\n    },\n    onClose() {\n      this.visible = false;\n    },\n    showModal() {\n      this.visible = true;\n    },\n    onSelect(option) {\n      console.log(\"select\", option);\n    },\n    openNotificationWithIcon(type) {\n      this.$ywNotification[type]({\n        message: \"成功了\",\n        description: \"This is the content of the notification. This is the content of the notification. This is the content of the notification.\",\n        duration: null\n        // icon: <yw-icon iconClass=\"xian16-xiazai\" size=\"24\"></yw-icon>\n      });\n    },\n    onChange(value) {\n      console.log(\"Change:\", value);\n    },\n    handleChange(value) {\n      console.log(`selected ${value}`);\n    },\n    handleOk(e) {\n      this.ModalText = \"The modal will be closed after two seconds\";\n      this.confirmLoading = true;\n      setTimeout(() => {\n        this.visible = false;\n        this.confirmLoading = false;\n      }, 2000);\n    },\n    success() {\n      this.$message.success(\"This is a success message\");\n    },\n    error() {\n      this.$message.error(\"This is an error message\");\n    },\n    warning() {\n      this.$message.warning(\"This is a warning message\");\n    },\n    handleCancel(e) {\n      console.log(\"Clicked cancel button\");\n      this.visible = false;\n    },\n    openNotification() {\n      this.$notification.open({\n        message: \"Notification Title\",\n        description: \"This is the content of the notification. This is the content of the notification. This is the content of the notification.\",\n        onClick: () => {\n          console.log(\"Notification Clicked!\");\n        }\n      });\n    },\n    // Only show error after a field is touched.\n    userNameError() {\n      const {\n        getFieldError,\n        isFieldTouched\n      } = this.form;\n      return isFieldTouched(\"userName\") && getFieldError(\"userName\");\n    },\n    // Only show error after a field is touched.\n    passwordError() {\n      const {\n        getFieldError,\n        isFieldTouched\n      } = this.form;\n      return isFieldTouched(\"password\") && getFieldError(\"password\");\n    },\n    handleSubmit(e) {\n      e.preventDefault();\n      this.form.validateFields((err, values) => {\n        if (!err) {\n          console.log(\"Received values of form: \", values);\n        }\n      });\n    },\n    iconClick() {\n      console.log(111);\n    },\n    // onSelect(selectedKeys, info) {\n    // \tconsole.log(\"selected\", selectedKeys, info);\n    // },\n    onCheck(checkedKeys, info) {\n      console.log(\"onCheck\", checkedKeys, info);\n    },\n    onSelect1(value) {\n      console.log(\"onSelect\", value);\n    },\n    handleSearch(value) {\n      this.dataSource = !value ? [] : [value, value + value, value + value + value];\n    },\n    handleKeyPress(ev) {\n      console.log(\"handleKeyPress\", ev);\n    },\n    onChange1(value) {\n      console.log(\"changed\", value2);\n    },\n    getMock() {\n      const targetKeys = [];\n      const mockData = [];\n      for (let i = 0; i < 20; i++) {\n        const data = {\n          key: i.toString(),\n          style: {\n            backgroundcolor: \"green\",\n            width: \"8px\",\n            height: \"8px\"\n          },\n          title: `content${i + 1}`,\n          description: `description of content${i + 1}`,\n          chosen: Math.random() * 2 > 1\n        };\n        if (data.chosen) {\n          targetKeys.push(data.key);\n        }\n        mockData.push(data);\n      }\n      this.mockData = mockData;\n      this.targetKeys = targetKeys;\n    },\n    filterOption(inputValue, option) {\n      return option.description.indexOf(inputValue) > -1;\n    },\n    handleChange(targetKeys, direction, moveKeys) {\n      console.log(targetKeys, direction, moveKeys);\n      this.targetKeys = targetKeys;\n    },\n    handleSearch(dir, value) {\n      console.log(\"search:\", dir, value);\n    },\n    confirm(value) {\n      console.dir(value, \"confirm\");\n      // this.transferVisible = false;\n    },\n    handleCheckboxChange(value) {\n      console.log(value, \"va\");\n    }\n  },\n  mounted() {\n    this.$nextTick(() => {\n      // To disabled submit button at the beginning.\n      this.form.validateFields();\n    });\n    this.getMock();\n    const elContainer = document.getElementsByClassName(\"ant-table-tbody\")[0];\n    // const animateContainer = document.createElement(\"transition-group\");\n    // animateContainer.appendChild(elContainer);\n    // document.getElementsByClassName('ant-table-thead')[0].after(animateContainer)\n    elContainer.setAttribute(\"is\", \"transition-group\");\n    elContainer.setAttribute(\"name\", \"list\");\n    // this.resourceTypeList = [\n    // \t{\n    // \t\tvalue: \"zhejiang\",\n    // \t\tlabel: \"Zhejiang\",\n    // \t\tchildren: [\n    // \t\t\t{\n    // \t\t\t\tvalue: \"hangzhou\",\n    // \t\t\t\tlabel: \"Hangzhou\",\n    // \t\t\t\tchildren: [\n    // \t\t\t\t\t{\n    // \t\t\t\t\t\tvalue: \"xihu\",\n    // \t\t\t\t\t\tlabel: \"West Lake\",\n    // \t\t\t\t\t},\n    // \t\t\t\t],\n    // \t\t\t},\n    // \t\t],\n    // \t},\n    // \t{\n    // \t\tvalue: \"jiangsu\",\n    // \t\tlabel: \"Jiangsu\",\n    // \t\tchildren: [\n    // \t\t\t{\n    // \t\t\t\tvalue: \"nanjing\",\n    // \t\t\t\tlabel: \"Nanjing\",\n    // \t\t\t\tchildren: [\n    // \t\t\t\t\t{\n    // \t\t\t\t\t\tvalue: \"zhonghuamen\",\n    // \t\t\t\t\t\tlabel: \"Zhong Hua Men\",\n    // \t\t\t\t\t},\n    // \t\t\t\t],\n    // \t\t\t},\n    // \t\t],\n    // \t},\n    // ];\n  }\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/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _locale_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/locale/index.js */ \"./packages/locale/index.js\");\n\n\n\nconst listData = [];\nfor (let i = 0; i < 23; i++) {\n  listData.push({\n    href: \"https://www.antdv.com/\",\n    title: `ant design vue part ${i}`,\n    avatar: \"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png\",\n    description: \"Ant Design, a design language for background applications, is refined by Ant UED Team.\",\n    content: \"We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.\"\n  });\n}\nfunction hasErrors(fieldsError) {\n  return Object.keys(fieldsError).some(field => fieldsError[field]);\n}\nconst columns = [{\n  title: \"Name\",\n  dataIndex: \"name\",\n  scopedSlots: {\n    customRender: \"name\"\n  }\n}, {\n  title: \"Cash Assets\",\n  className: \"column-money\",\n  dataIndex: \"money\"\n}, {\n  title: \"Address\",\n  dataIndex: \"address\"\n}, {\n  title: \"qq\",\n  dataIndex: \"qq\",\n  scopedSlots: {\n    customRender: \"name\"\n  }\n}, {\n  title: \"youxiang\",\n  className: \"youxiang\",\n  dataIndex: \"first\"\n}, {\n  title: \"sex\",\n  dataIndex: \"sex\",\n  customRender: text => {\n    return h(\"a\", [text]);\n  }\n}];\nconst data = [{\n  key: \"1\",\n  name: \"John Brown\",\n  money: \"￥300,000.00\",\n  address: \"New York No. 1 Lake Park\",\n  sex: \"delete\"\n}, {\n  key: \"2\",\n  name: \"Jim Green\",\n  money: \"￥1,256,000.00\",\n  address: \"London No. 1 Lake Park\"\n}, {\n  key: \"3\",\n  name: \"Joe Black\",\n  money: \"￥120,000.00\",\n  address: \"Sidney No. 1 Lake Park\"\n}, {\n  key: \"4\",\n  name: \"John Brown\",\n  money: \"￥300,000.00\",\n  address: \"New York No. 1 Lake Park\"\n}, {\n  key: \"5\",\n  name: \"Jim Green\",\n  money: \"￥1,256,000.00\",\n  address: \"London No. 1 Lake Park\"\n}, {\n  key: \"6\",\n  name: \"Joe Black\",\n  money: \"￥120,000.00\",\n  address: \"Sidney No. 1 Lake Park\"\n}];\nconst treeData = [{\n  title: \"parent 1\",\n  key: \"0-0\",\n  children: [{\n    title: \"parent 1-0\",\n    key: \"0-0-0\",\n    disabled: true,\n    children: [{\n      title: \"leaf\",\n      key: \"0-0-0-0\",\n      disableCheckbox: true\n    }, {\n      title: \"leaf\",\n      key: \"0-0-0-1\"\n    }]\n  }, {\n    title: \"parent 1-1\",\n    key: \"0-0-1\",\n    children: [{\n      key: \"0-0-1-0\",\n      slots: {\n        title: \"title0010\"\n      }\n    }]\n  }]\n}];\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"App\",\n  components: {},\n  data() {\n    const h = this.$createElement;\n    return {\n      switchValue: true,\n      city: [200107012, 2001070201],\n      cityData: [{\n        value: \"中国\",\n        key: 1156,\n        id: 1156,\n        disabled: false,\n        children: [{\n          value: \"北京市\",\n          id: 10000,\n          key: 10000,\n          children: [],\n          disabled: false,\n          children: [{\n            value: \"石家庄\",\n            key: 200107012,\n            id: 200107012\n          }, {\n            value: \"唐山市\",\n            key: 200107022,\n            id: 200107022,\n            children: [{\n              value: \"路南区\",\n              key: 20010702012,\n              id: 20010702012,\n              children: []\n            }]\n          }]\n        }, {\n          value: \"河北省\",\n          key: 200107,\n          id: 200107,\n          children: [{\n            value: \"石家庄\",\n            key: 20010701,\n            id: 20010701\n          }, {\n            value: \"唐山市\",\n            key: 20010702,\n            id: 20010702,\n            children: [{\n              value: \"路南区\",\n              key: 2001070201,\n              id: 2001070201,\n              children: []\n            }]\n          }]\n        }]\n      }],\n      options2: [{\n        key: \"1\",\n        value: \"山东省\",\n        label: \"山东省\",\n        children: [{\n          value: \"菏泽市\",\n          label: \"菏泽市\",\n          children: [{\n            value: \"菏泽市\",\n            label: \"菏泽市\"\n          }, {\n            value: \"济南市\",\n            label: \"济南市\"\n          }]\n        }, {\n          value: \"济南市\",\n          label: \"济南市\"\n        }, {\n          value: \"青岛市\",\n          label: \"青岛市\"\n        }, {\n          value: \"枣庄市\",\n          label: \"枣庄市\"\n        }]\n      }, {\n        key: \"2\",\n        value: \"河北省\",\n        label: \"河北省\",\n        children: [{\n          value: \"石家庄市\",\n          label: \"石家庄市\"\n        }, {\n          value: \"衡水市\",\n          label: \"衡水市\"\n        }, {\n          value: \"保定市\",\n          label: \"保定市\"\n        }]\n      }],\n      transferVisible: false,\n      text: \"测试YwCollapse\",\n      options: [{\n        id: 1,\n        label: \"选项1\"\n      }, {\n        id: 2,\n        label: \"选项2\"\n      }, {\n        id: 3,\n        label: \"选项3\"\n      }\n      // 其他选项...\n      ],\n      titleleft: \"左边\",\n      selectedOptions: [],\n      mockData: [],\n      targetKeys: [],\n      downArrowIcon: \"down\",\n      visible: false,\n      collapsed: false,\n      IsShow: false,\n      hasErrors,\n      dataSource: [],\n      form: this.$form.createForm(this, {\n        name: \"horizontal_login\"\n      }),\n      data,\n      columns: [{\n        title: \"Name\",\n        dataIndex: \"name\",\n        scopedSlots: {\n          customRender: \"name\"\n        }\n      }, {\n        title: \"Cash Assets\",\n        className: \"column-money\",\n        dataIndex: \"money\"\n      }, {\n        title: \"Address\",\n        dataIndex: \"address\"\n      }, {\n        title: \"qq\",\n        dataIndex: \"qq\",\n        scopedSlots: {\n          customRender: \"name\"\n        }\n      }, {\n        title: \"youxiang\",\n        className: \"youxiang\",\n        dataIndex: \"first\"\n      }, {\n        title: \"sex\",\n        dataIndex: \"sex\",\n        customRender: (text, record, index) => {\n          return h(\"a\", {\n            \"on\": {\n              \"click\": () => {\n                this.delete(index);\n              }\n            }\n          }, [text]);\n        }\n      }],\n      ModalText: \"Content of the modal\",\n      // visible: false,\n      confirmLoading: false,\n      pageSizeOptions: [\"10\", \"20\", \"30\", \"40\", \"50\"],\n      current: 1,\n      pageSize: 10,\n      total: 50,\n      listData,\n      pagination: {\n        onChange: page => {\n          console.log(page);\n        },\n        pageSize: 3\n      },\n      actions: [{\n        type: \"star-o\",\n        text: \"156\"\n      }, {\n        type: \"like-o\",\n        text: \"156\"\n      }, {\n        type: \"message\",\n        text: \"2\"\n      }],\n      value: \"@afc163\",\n      value1: 2,\n      value2: 3,\n      treeData,\n      buttonWidth: 70,\n      options: [{\n        value: \"zhejiang\",\n        label: \"Zhejiang\",\n        children: [{\n          value: \"hangzhou\",\n          label: \"Hangzhou\",\n          children: [{\n            value: \"xihu\",\n            label: \"West Lake\"\n          }]\n        }]\n      }, {\n        value: \"jiangsu\",\n        label: \"Jiangsu\",\n        children: [{\n          value: \"nanjing\",\n          label: \"Nanjing\",\n          children: [{\n            value: \"zhonghuamen\",\n            label: \"Zhong Hua Men\"\n          }]\n        }]\n      }],\n      locale: _locale_index_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n      routes: [{\n        path: \"index\",\n        breadcrumbName: \"First-level Menu\"\n      }, {\n        path: \"first\",\n        breadcrumbName: \"Second-level Menu\"\n      }, {\n        path: \"second\",\n        breadcrumbName: \"Third-level Menu\"\n      }],\n      resourceTypeList: [{\n        value: \"zhejiang\",\n        label: \"Zhejiang\",\n        children: [{\n          value: \"hangzhou\",\n          label: \"Hangzhou\",\n          children: [{\n            value: \"xihu\",\n            label: \"West Lake\"\n          }]\n        }]\n      }, {\n        value: \"jiangsu\",\n        label: \"Jiangsu\",\n        children: [{\n          value: \"nanjing\",\n          label: \"Nanjing\",\n          children: [{\n            value: \"zhonghuamen\",\n            label: \"Zhong Hua Men\"\n          }]\n        }]\n      }],\n      transferProps: {\n        dataSource: [{\n          key: \"4\",\n          title: \"4\",\n          description: \"测试4\",\n          status: \"success\"\n        }, {\n          key: \"5\",\n          title: \"5\",\n          description: \"测试5\",\n          status: \"success\"\n        }, {\n          key: \"6\",\n          title: \"6\",\n          description: \"测试6\",\n          status: \"default\"\n        }, {\n          key: \"7\",\n          title: \"7\",\n          description: \"测试7\",\n          status: \"default\"\n        }],\n        render: item => {\n          return h(\"span\", [h(\"a-badge\", {\n            \"attrs\": {\n              \"status\": item.status\n            }\n          }), item.title || item.description]);\n        }\n      }\n    };\n  },\n  methods: {\n    tchange(value) {\n      console.log(value, \"pv\");\n    },\n    changeVisible(bool) {\n      console.log(\"bool\", bool);\n      this.transferVisible = bool;\n    },\n    ok(data) {\n      console.log(\"ok\", data);\n    },\n    changeTransferData(value) {\n      this.transferProps = {\n        dataSource: [{\n          key: \"4\",\n          title: \"4\",\n          description: \"测试4\",\n          status: \"success\"\n        }, {\n          key: \"5\",\n          title: \"5\",\n          description: \"测试5\",\n          status: \"success\"\n        }, {\n          key: \"6\",\n          title: \"6\",\n          description: \"测试6\",\n          status: \"default\"\n        }, {\n          key: \"7\",\n          title: \"7\",\n          description: \"测试7\",\n          status: \"default\"\n        }]\n      };\n    },\n    changeList(value) {\n      console.log(value);\n      setTimeout(() => {\n        this.resourceTypeList = [{\n          key: 1,\n          value: \"ceshi\",\n          label: \"测试\",\n          title: \"ceshittitle\"\n        }, {\n          key: 2,\n          value: \"ceshi2\",\n          label: \"测试2\"\n        }];\n      }, 2000);\n    },\n    getIpData(data) {\n      console.log(data, \"dd\");\n      return \"ceshi\";\n    },\n    renderItem(item) {\n      const h = this.$createElement;\n      const customLabel = h(\"div\", [h(\"span\", {\n        \"style\": {\n          background: \"green\",\n          borderRadius: \"50%\",\n          display: \"inline-block\",\n          width: \"6px\",\n          height: \"6px\"\n        }\n      }), h(\"span\", {\n        \"class\": \"custom-item\"\n      }, [item.title, \" - \", item.description])]);\n      return {\n        label: customLabel,\n        // for displayed item\n        value: item.title // for title and filter matching\n      };\n    },\n    add() {\n      this.data.push({\n        key: Math.random() * 100,\n        name: \"测试数据\",\n        money: \"any\",\n        address: \"whatever\",\n        sex: \"delete\"\n      });\n    },\n    delete(idx) {\n      console.log(idx, \"row\");\n      new Promise((resolve, reject) => {\n        const tagetEl = document.getElementsByClassName(\"ant-table-row\")[idx];\n        tagetEl.classList.add(\"remove\");\n        console.log(tagetEl.classList);\n        resolve(Array.from(tagetEl.classList).includes(\"remove\"));\n      }).then(() => {\n        this.data.splice(idx, 1);\n      });\n    },\n    toggleCollapsed() {\n      this.collapsed = !this.collapsed;\n    },\n    onShowSizeChange(current, pageSize) {\n      this.pageSize = pageSize;\n    },\n    callback(key) {\n      console.log(key);\n    },\n    afterVisibleChange(val) {\n      console.log(\"visible\", val);\n    },\n    showDrawer() {\n      this.visible = true;\n    },\n    info() {\n      this.$message.info(\"This is a normal message\");\n    },\n    onClose() {\n      this.visible = false;\n    },\n    showModal() {\n      this.visible = true;\n    },\n    onSelect(option) {\n      console.log(\"select\", option);\n    },\n    openNotificationWithIcon(type) {\n      this.$ywNotification[type]({\n        message: \"成功了\",\n        description: \"This is the content of the notification. This is the content of the notification. This is the content of the notification.\",\n        duration: null\n        // icon: <yw-icon iconClass=\"xian16-xiazai\" size=\"24\"></yw-icon>\n      });\n    },\n    onChange(value) {\n      console.log(\"Change:\", value);\n    },\n    handleChange(value) {\n      console.log(`selected ${value}`);\n    },\n    handleOk(e) {\n      this.ModalText = \"The modal will be closed after two seconds\";\n      this.confirmLoading = true;\n      setTimeout(() => {\n        this.visible = false;\n        this.confirmLoading = false;\n      }, 2000);\n    },\n    success() {\n      this.$message.success(\"This is a success message\");\n    },\n    error() {\n      this.$message.error(\"This is an error message\");\n    },\n    warning() {\n      this.$message.warning(\"This is a warning message\");\n    },\n    handleCancel(e) {\n      console.log(\"Clicked cancel button\");\n      this.visible = false;\n    },\n    openNotification() {\n      this.$notification.open({\n        message: \"Notification Title\",\n        description: \"This is the content of the notification. This is the content of the notification. This is the content of the notification.\",\n        onClick: () => {\n          console.log(\"Notification Clicked!\");\n        }\n      });\n    },\n    // Only show error after a field is touched.\n    userNameError() {\n      const {\n        getFieldError,\n        isFieldTouched\n      } = this.form;\n      return isFieldTouched(\"userName\") && getFieldError(\"userName\");\n    },\n    // Only show error after a field is touched.\n    passwordError() {\n      const {\n        getFieldError,\n        isFieldTouched\n      } = this.form;\n      return isFieldTouched(\"password\") && getFieldError(\"password\");\n    },\n    handleSubmit(e) {\n      e.preventDefault();\n      this.form.validateFields((err, values) => {\n        if (!err) {\n          console.log(\"Received values of form: \", values);\n        }\n      });\n    },\n    iconClick() {\n      console.log(111);\n    },\n    // onSelect(selectedKeys, info) {\n    // \tconsole.log(\"selected\", selectedKeys, info);\n    // },\n    onCheck(checkedKeys, info) {\n      console.log(\"onCheck\", checkedKeys, info);\n    },\n    onSelect1(value) {\n      console.log(\"onSelect\", value);\n    },\n    handleSearch(value) {\n      this.dataSource = !value ? [] : [value, value + value, value + value + value];\n    },\n    handleKeyPress(ev) {\n      console.log(\"handleKeyPress\", ev);\n    },\n    onChange1(value) {\n      console.log(\"changed\", value2);\n    },\n    getMock() {\n      const targetKeys = [];\n      const mockData = [];\n      for (let i = 0; i < 20; i++) {\n        const data = {\n          key: i.toString(),\n          style: {\n            backgroundcolor: \"green\",\n            width: \"8px\",\n            height: \"8px\"\n          },\n          title: `content${i + 1}`,\n          description: `description of content${i + 1}`,\n          chosen: Math.random() * 2 > 1\n        };\n        if (data.chosen) {\n          targetKeys.push(data.key);\n        }\n        mockData.push(data);\n      }\n      this.mockData = mockData;\n      this.targetKeys = targetKeys;\n    },\n    filterOption(inputValue, option) {\n      return option.description.indexOf(inputValue) > -1;\n    },\n    handleChange(targetKeys, direction, moveKeys) {\n      console.log(targetKeys, direction, moveKeys);\n      this.targetKeys = targetKeys;\n    },\n    handleSearch(dir, value) {\n      console.log(\"search:\", dir, value);\n    },\n    confirm(value) {\n      console.dir(value, \"confirm\");\n      // this.transferVisible = false;\n    },\n    handleCheckboxChange(value) {\n      console.log(value, \"va\");\n    }\n  },\n  mounted() {\n    this.$nextTick(() => {\n      // To disabled submit button at the beginning.\n      this.form.validateFields();\n    });\n    this.getMock();\n    const elContainer = document.getElementsByClassName(\"ant-table-tbody\")[0];\n    // const animateContainer = document.createElement(\"transition-group\");\n    // animateContainer.appendChild(elContainer);\n    // document.getElementsByClassName('ant-table-thead')[0].after(animateContainer)\n    elContainer.setAttribute(\"is\", \"transition-group\");\n    elContainer.setAttribute(\"name\", \"list\");\n    // this.resourceTypeList = [\n    // \t{\n    // \t\tvalue: \"zhejiang\",\n    // \t\tlabel: \"Zhejiang\",\n    // \t\tchildren: [\n    // \t\t\t{\n    // \t\t\t\tvalue: \"hangzhou\",\n    // \t\t\t\tlabel: \"Hangzhou\",\n    // \t\t\t\tchildren: [\n    // \t\t\t\t\t{\n    // \t\t\t\t\t\tvalue: \"xihu\",\n    // \t\t\t\t\t\tlabel: \"West Lake\",\n    // \t\t\t\t\t},\n    // \t\t\t\t],\n    // \t\t\t},\n    // \t\t],\n    // \t},\n    // \t{\n    // \t\tvalue: \"jiangsu\",\n    // \t\tlabel: \"Jiangsu\",\n    // \t\tchildren: [\n    // \t\t\t{\n    // \t\t\t\tvalue: \"nanjing\",\n    // \t\t\t\tlabel: \"Nanjing\",\n    // \t\t\t\tchildren: [\n    // \t\t\t\t\t{\n    // \t\t\t\t\t\tvalue: \"zhonghuamen\",\n    // \t\t\t\t\t\tlabel: \"Zhong Hua Men\",\n    // \t\t\t\t\t},\n    // \t\t\t\t],\n    // \t\t\t},\n    // \t\t],\n    // \t},\n    // ];\n  }\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/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options");
 
 /***/ }),
 
@@ -6525,7 +6525,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"YWLoading\",\n  props: {\n    // 宽度\n    width: {\n      type: [Number, String],\n      default: 50\n    },\n    // 高度\n    height: {\n      type: [Number, String],\n      default: 50\n    },\n    loadering: {\n      type: Boolean,\n      default: true\n    }\n  },\n  computed: {\n    boxStyle() {\n      return `width: ${this.width}px;height: ${this.height}px`;\n    },\n    shadowStyle() {\n      return `width: ${this.width}px;height: ${this.height / 10}px`;\n    }\n  }\n});\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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"YWLoading\",\n  props: {\n    loadering: {\n      type: Boolean,\n      default: true\n    },\n    // 大小  可选值为 small default large\n    size: {\n      type: String,\n      default: \"default\"\n    }\n  },\n  computed: {\n    boxStyle() {\n      return this.boxSize[this.size];\n    },\n    shadowStyle() {\n      return this.shadowSize[this.size];\n    }\n  },\n  data() {\n    return {\n      boxSize: {\n        small: `width: 20px; height: 20px`,\n        default: `width: 30px; height: 30px`,\n        large: `width: 40px; height: 40px`\n      },\n      shadowSize: {\n        small: `width: 20px; height: 2px; top: 29px`,\n        default: `width: 30px; height: 3px; top: 39px`,\n        large: `width: 40px; height: 4px; top: 49px`\n      }\n    };\n  }\n});\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");
 
 /***/ }),
 
@@ -6613,7 +6613,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Bat
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-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    }\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    },\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(\"YWLoading\", {\n    attrs: {\n      width: \"50\",\n      height: \"50\"\n    }\n  })]], 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");
+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    },\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(\"YWLoading\", {\n    attrs: {\n      loadering: _vm.switchValue\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");
 
 /***/ }),
 
@@ -6646,7 +6646,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-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 _vm.loadering ? _c(\"div\", {\n    attrs: {\n      id: \"loader\"\n    }\n  }, [_c(\"div\", {\n    style: _vm.shadowStyle,\n    attrs: {\n      id: \"shadow\"\n    }\n  }), _vm._v(\" \"), _c(\"div\", {\n    style: _vm.boxStyle,\n    attrs: {\n      id: \"box\"\n    }\n  })]) : _vm._e();\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\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/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");
+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(\"div\", {\n    staticClass: \"loader-nested-loading\"\n  }, [_vm.loadering ? _c(\"div\", {\n    staticClass: \"loading-box\"\n  }, [_c(\"div\", {\n    attrs: {\n      id: \"loader\"\n    }\n  }, [_c(\"div\", {\n    style: _vm.shadowStyle,\n    attrs: {\n      id: \"shadow\"\n    }\n  }), _vm._v(\" \"), _c(\"div\", {\n    style: _vm.boxStyle,\n    attrs: {\n      id: \"box\"\n    }\n  })])]) : _vm._e(), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"loader-container\",\n    class: {\n      \"loader-blur\": _vm.loadering\n    }\n  }, [_vm._t(\"default\")], 2)]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\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/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");
 
 /***/ }),
 

package/lib/components/index/style.css

@@ -4805,6 +4805,12 @@ a.ant-btn-sm {
   box-sizing: border-box;
   overflow: auto;
 }
+.load-content {
+  width: 300px;
+  border: 1px solid #91d5ff;
+  background-color: #e6f7ff;
+  padding: 30px;
+}
 
 /*!**********************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-34.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-34.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-34.use[3]!./packages/components/button/src/button.less ***!
@@ -5126,7 +5132,6 @@ a.ant-btn-sm {
 .svg-icon[data-v-67caf7de] {
   width: 1em;
   height: 1em;
-  vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
 }
@@ -20526,10 +20531,10 @@ form:not(.ant-form-vertical) .ant-input-group-wrapper {
 /* 可以设置不同的进入和离开动画 */
 /* 设置持续时间和动画函数 */
 .page-change-enter-active[data-v-c6b0a116] {
-  transition: all 0.8s cubic-bezier(0, 0, 0.15, 1);
+  transition: all 0.3s cubic-bezier(0, 0, 0.15, 1);
 }
 .page-change-leave-active[data-v-c6b0a116] {
-  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
+  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
 }
 .page-change-enter[data-v-c6b0a116],
 .page-change-leave-to[data-v-c6b0a116] {
@@ -21401,10 +21406,35 @@ span.ant-transfer-list-search-action {
 /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ./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=3cca77df&lang=less&scoped=true ***!
   \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.loader-nested-loading[data-v-3cca77df] {
+  position: relative;
+}
+.loader-nested-loading .loader-container[data-v-3cca77df] {
+  position: relative;
+  transition: opacity 0.3s;
+}
+.loader-nested-loading .loader-blur[data-v-3cca77df] {
+  clear: both;
+  overflow: hidden;
+  opacity: 0.5;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  pointer-events: none;
+}
+.loading-box[data-v-3cca77df] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
 #loader[data-v-3cca77df] {
   position: absolute;
   top: calc(50% - 20px);
   left: calc(50% - 20px);
+  z-index: 4;
 }
 @keyframes loader-3cca77df {
 0% {
@@ -21441,12 +21471,9 @@ span.ant-transfer-list-search-action {
 }
 }
 #shadow[data-v-3cca77df] {
-  width: 50px;
-  height: 5px;
   background: #000;
   opacity: 0.1;
   position: absolute;
-  top: 59px;
   left: 0;
   border-radius: 50%;
   animation: shadow-3cca77df 0.5s linear infinite;

package/lib/components/yw-icon/style.css

@@ -1261,7 +1261,6 @@ html {
 .svg-icon[data-v-67caf7de] {
   width: 1em;
   height: 1em;
-  vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
 }

package/lib/components/yw-loading/index.js

@@ -76,7 +76,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*************************************************************************************************************************************************************************************************************************************************************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"YWLoading\",\n  props: {\n    // 宽度\n    width: {\n      type: [Number, String],\n      default: 50\n    },\n    // 高度\n    height: {\n      type: [Number, String],\n      default: 50\n    },\n    loadering: {\n      type: Boolean,\n      default: true\n    }\n  },\n  computed: {\n    boxStyle() {\n      return `width: ${this.width}px;height: ${this.height}px`;\n    },\n    shadowStyle() {\n      return `width: ${this.width}px;height: ${this.height / 10}px`;\n    }\n  }\n});\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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"YWLoading\",\n  props: {\n    loadering: {\n      type: Boolean,\n      default: true\n    },\n    // 大小  可选值为 small default large\n    size: {\n      type: String,\n      default: \"default\"\n    }\n  },\n  computed: {\n    boxStyle() {\n      return this.boxSize[this.size];\n    },\n    shadowStyle() {\n      return this.shadowSize[this.size];\n    }\n  },\n  data() {\n    return {\n      boxSize: {\n        small: `width: 20px; height: 20px`,\n        default: `width: 30px; height: 30px`,\n        large: `width: 40px; height: 40px`\n      },\n      shadowSize: {\n        small: `width: 20px; height: 2px; top: 29px`,\n        default: `width: 30px; height: 3px; top: 39px`,\n        large: `width: 40px; height: 4px; top: 49px`\n      }\n    };\n  }\n});\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");
 
 /***/ }),
 
@@ -86,7 +86,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
   \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-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 _vm.loadering ? _c(\"div\", {\n    attrs: {\n      id: \"loader\"\n    }\n  }, [_c(\"div\", {\n    style: _vm.shadowStyle,\n    attrs: {\n      id: \"shadow\"\n    }\n  }), _vm._v(\" \"), _c(\"div\", {\n    style: _vm.boxStyle,\n    attrs: {\n      id: \"box\"\n    }\n  })]) : _vm._e();\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\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/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");
+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(\"div\", {\n    staticClass: \"loader-nested-loading\"\n  }, [_vm.loadering ? _c(\"div\", {\n    staticClass: \"loading-box\"\n  }, [_c(\"div\", {\n    attrs: {\n      id: \"loader\"\n    }\n  }, [_c(\"div\", {\n    style: _vm.shadowStyle,\n    attrs: {\n      id: \"shadow\"\n    }\n  }), _vm._v(\" \"), _c(\"div\", {\n    style: _vm.boxStyle,\n    attrs: {\n      id: \"box\"\n    }\n  })])]) : _vm._e(), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"loader-container\",\n    class: {\n      \"loader-blur\": _vm.loadering\n    }\n  }, [_vm._t(\"default\")], 2)]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\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/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");
 
 /***/ }),
 

package/lib/components/yw-loading/style.css

@@ -1,10 +1,35 @@
 /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ./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=3cca77df&lang=less&scoped=true ***!
   \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.loader-nested-loading[data-v-3cca77df] {
+  position: relative;
+}
+.loader-nested-loading .loader-container[data-v-3cca77df] {
+  position: relative;
+  transition: opacity 0.3s;
+}
+.loader-nested-loading .loader-blur[data-v-3cca77df] {
+  clear: both;
+  overflow: hidden;
+  opacity: 0.5;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  pointer-events: none;
+}
+.loading-box[data-v-3cca77df] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
 #loader[data-v-3cca77df] {
   position: absolute;
   top: calc(50% - 20px);
   left: calc(50% - 20px);
+  z-index: 4;
 }
 @keyframes loader-3cca77df {
 0% {
@@ -41,12 +66,9 @@
 }
 }
 #shadow[data-v-3cca77df] {
-  width: 50px;
-  height: 5px;
   background: #000;
   opacity: 0.1;
   position: absolute;
-  top: 59px;
   left: 0;
   border-radius: 50%;
   animation: shadow-3cca77df 0.5s linear infinite;

package/lib/components/yw-notification/style.css

@@ -1440,7 +1440,6 @@ html {
 .svg-icon[data-v-67caf7de] {
   width: 1em;
   height: 1em;
-  vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
 }

package/lib/components/yw-page-container/style.css

@@ -4,10 +4,10 @@
 /* 可以设置不同的进入和离开动画 */
 /* 设置持续时间和动画函数 */
 .page-change-enter-active[data-v-c6b0a116] {
-  transition: all 0.8s cubic-bezier(0, 0, 0.15, 1);
+  transition: all 0.3s cubic-bezier(0, 0, 0.15, 1);
 }
 .page-change-leave-active[data-v-c6b0a116] {
-  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
+  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
 }
 .page-change-enter[data-v-c6b0a116],
 .page-change-leave-to[data-v-c6b0a116] {