yw-ui-vue2 2.0.4 → 2.0.6

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 ***!
@@ -12930,6 +12936,69 @@ tr.ant-table-expanded-row td > .ant-table-wrapper {
 [data-v-c05df562] .ant-table-body .ant-table-tbody {
   transition: height 500ms cubic-bezier(0.38, 0, 0.24, 1);
 }
+[data-v-c05df562] .ant-spin-dot {
+  width: 30px;
+  height: 30px;
+  margin: auto;
+  position: relative;
+}
+[data-v-c05df562] .ant-spin-dot.ant-spin-dot-spin {
+  animation: none;
+  transform: none;
+}
+[data-v-c05df562] .ant-spin-dot.ant-spin-dot-spin i {
+  display: none;
+}
+[data-v-c05df562] .ant-spin-dot:before {
+  content: "";
+  width: 30px;
+  height: 5px;
+  background: #000;
+  opacity: 0.25;
+  position: absolute;
+  top: 40px;
+  left: 0;
+  border-radius: 50%;
+  animation: shadow-c05df562 0.5s linear infinite;
+}
+[data-v-c05df562] .ant-spin-dot:after {
+  content: "";
+  width: 100%;
+  height: 100%;
+  background: #5286ec;
+  animation: bxSpin-c05df562 0.5s linear infinite;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border-radius: 4px;
+}
+@keyframes bxSpin-c05df562 {
+17% {
+    border-bottom-right-radius: 3px;
+}
+25% {
+    transform: translateY(9px) rotate(22.5deg);
+}
+50% {
+    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
+    border-bottom-right-radius: 40px;
+}
+75% {
+    transform: translateY(9px) rotate(67.5deg);
+}
+100% {
+    transform: translateY(0) rotate(90deg);
+}
+}
+@keyframes shadow-c05df562 {
+0%,
+  100% {
+    transform: scale(1, 1);
+}
+50% {
+    transform: scale(1.2, 1);
+}
+}
 @keyframes slidein-c05df562 {
 from {
     transform: translateX(15px);
@@ -20525,10 +20594,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] {
@@ -21400,10 +21469,37 @@ 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;
+  width: 100%;
+  height: 100%;
+}
+.loader-nested-loading .loader-container[data-v-3cca77df] {
+  transition: opacity 0.3s;
+}
+.loader-nested-loading .loader-blur[data-v-3cca77df] {
+  clear: both;
+  overflow: hidden;
+  opacity: 0.2;
+  -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;
+  max-height: 400px;
+}
 #loader[data-v-3cca77df] {
   position: absolute;
   top: calc(50% - 20px);
   left: calc(50% - 20px);
+  z-index: 9999;
 }
 @keyframes loader-3cca77df {
 0% {
@@ -21440,12 +21536,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-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 _c(\"div\", {\n    style: {\n      display: _vm.loadering ? \"block\" : \"none\"\n    },\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  })]);\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,37 @@
 /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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;
+  width: 100%;
+  height: 100%;
+}
+.loader-nested-loading .loader-container[data-v-3cca77df] {
+  transition: opacity 0.3s;
+}
+.loader-nested-loading .loader-blur[data-v-3cca77df] {
+  clear: both;
+  overflow: hidden;
+  opacity: 0.2;
+  -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;
+  max-height: 400px;
+}
 #loader[data-v-3cca77df] {
   position: absolute;
   top: calc(50% - 20px);
   left: calc(50% - 20px);
+  z-index: 9999;
 }
 @keyframes loader-3cca77df {
 0% {
@@ -41,12 +68,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-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] {

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

@@ -5629,6 +5629,69 @@ textarea.ant-pagination-options-quick-jumper input {
 [data-v-c05df562] .ant-table-body .ant-table-tbody {
   transition: height 500ms cubic-bezier(0.38, 0, 0.24, 1);
 }
+[data-v-c05df562] .ant-spin-dot {
+  width: 30px;
+  height: 30px;
+  margin: auto;
+  position: relative;
+}
+[data-v-c05df562] .ant-spin-dot.ant-spin-dot-spin {
+  animation: none;
+  transform: none;
+}
+[data-v-c05df562] .ant-spin-dot.ant-spin-dot-spin i {
+  display: none;
+}
+[data-v-c05df562] .ant-spin-dot:before {
+  content: "";
+  width: 30px;
+  height: 5px;
+  background: #000;
+  opacity: 0.25;
+  position: absolute;
+  top: 40px;
+  left: 0;
+  border-radius: 50%;
+  animation: shadow-c05df562 0.5s linear infinite;
+}
+[data-v-c05df562] .ant-spin-dot:after {
+  content: "";
+  width: 100%;
+  height: 100%;
+  background: #5286ec;
+  animation: bxSpin-c05df562 0.5s linear infinite;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border-radius: 4px;
+}
+@keyframes bxSpin-c05df562 {
+17% {
+    border-bottom-right-radius: 3px;
+}
+25% {
+    transform: translateY(9px) rotate(22.5deg);
+}
+50% {
+    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
+    border-bottom-right-radius: 40px;
+}
+75% {
+    transform: translateY(9px) rotate(67.5deg);
+}
+100% {
+    transform: translateY(0) rotate(90deg);
+}
+}
+@keyframes shadow-c05df562 {
+0%,
+  100% {
+    transform: scale(1, 1);
+}
+50% {
+    transform: scale(1.2, 1);
+}
+}
 @keyframes slidein-c05df562 {
 from {
     transform: translateX(15px);

package/lib/yw-ui-vue2.common.js

@@ -37303,7 +37303,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ entry_lib; }
 });
 
-// UNUSED EXPORTS: YWLoading, YwAffix, YwAlert, YwAnchor, YwAutoComplete, YwAvatar, YwBackTop, YwBadge, YwBreadcrumb, YwButton, YwCalendar, YwCard, YwCascader, YwCheckbox, YwCol, YwCollapse, YwConfigProvider, YwContainer, YwDatePicker, YwDescriptions, YwDivider, YwDrawer, YwDropdown, YwForm, YwFormModel, YwIcon, YwInput, YwInputNumber, YwLayout, YwList, YwLocaleProvider, YwMentions, YwMenu, YwModal, YwMultipleCascader, YwNotification, YwPageHeader, YwPagination, YwPopconfirm, YwPopover, YwProgress, YwRadio, YwRate, YwRow, YwSelect, YwSkeleton, YwSlider, YwSpace, YwSpin, YwSteps, YwSwitch, YwTable, YwTabs, YwTag, YwTimePicker, YwTooltip, YwTransfer, YwTransferModal, YwTree, Ywmessage, install
+// UNUSED EXPORTS: YwAffix, YwAlert, YwAnchor, YwAutoComplete, YwAvatar, YwBackTop, YwBadge, YwBreadcrumb, YwButton, YwCalendar, YwCard, YwCascader, YwCheckbox, YwCol, YwCollapse, YwConfigProvider, YwContainer, YwDatePicker, YwDescriptions, YwDivider, YwDrawer, YwDropdown, YwForm, YwFormModel, YwIcon, YwInput, YwInputNumber, YwLayout, YwList, YwLoading, YwLocaleProvider, YwMentions, YwMenu, YwModal, YwMultipleCascader, YwNotification, YwPageHeader, YwPagination, YwPopconfirm, YwPopover, YwProgress, YwRadio, YwRate, YwRow, YwSelect, YwSkeleton, YwSlider, YwSpace, YwSpin, YwSteps, YwSwitch, YwTable, YwTabs, YwTag, YwTimePicker, YwTooltip, YwTransfer, YwTransferModal, YwTree, Ywmessage, install
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 /* eslint-disable no-var */
@@ -69221,10 +69221,10 @@ es_table_Table.install = function (Vue) {
 });
 ;// CONCATENATED MODULE: ./packages/components/table/src/YwTable.vue?vue&type=script&lang=js
  /* harmony default export */ var src_YwTablevue_type_script_lang_js = (YwTablevue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/table/src/YwTable.vue?vue&type=style&index=0&id=59c8c9a0&prod&lang=less&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/table/src/YwTable.vue?vue&type=style&index=0&id=c7f79116&prod&lang=less&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./packages/components/table/src/YwTable.vue?vue&type=style&index=0&id=59c8c9a0&prod&lang=less&scoped=true
+;// CONCATENATED MODULE: ./packages/components/table/src/YwTable.vue?vue&type=style&index=0&id=c7f79116&prod&lang=less&scoped=true
 
 ;// CONCATENATED MODULE: ./packages/components/table/src/YwTable.vue
 var YwTable_render, YwTable_staticRenderFns
@@ -69241,7 +69241,7 @@ var YwTable_component = normalizeComponent(
   YwTable_staticRenderFns,
   false,
   null,
-  "59c8c9a0",
+  "c7f79116",
   null
   
 )
@@ -93699,8 +93699,8 @@ YwTimePicker.install = function (Vue) {
   Vue.component(YwTimePicker.name, time_picker);
 };
 /* harmony default export */ var timePicker = (YwTimePicker);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/pageContainer/src/pageContainer.vue?vue&type=template&id=76493ad3&scoped=true
-var pageContainervue_type_template_id_76493ad3_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/pageContainer/src/pageContainer.vue?vue&type=template&id=734ed833&scoped=true
+var pageContainervue_type_template_id_734ed833_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -93714,7 +93714,7 @@ var pageContainervue_type_template_id_76493ad3_scoped_true_render = function ren
     }
   }, [_vm._t("default")], 2)], 1);
 };
-var pageContainervue_type_template_id_76493ad3_scoped_true_staticRenderFns = [];
+var pageContainervue_type_template_id_734ed833_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/pageContainer/src/pageContainer.vue?vue&type=script&lang=js
 // import "animate.css";
@@ -93724,10 +93724,10 @@ var pageContainervue_type_template_id_76493ad3_scoped_true_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./packages/components/pageContainer/src/pageContainer.vue?vue&type=script&lang=js
  /* harmony default export */ var src_pageContainervue_type_script_lang_js = (pageContainervue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/pageContainer/src/pageContainer.vue?vue&type=style&index=0&id=76493ad3&prod&lang=less&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/pageContainer/src/pageContainer.vue?vue&type=style&index=0&id=734ed833&prod&lang=less&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./packages/components/pageContainer/src/pageContainer.vue?vue&type=style&index=0&id=76493ad3&prod&lang=less&scoped=true
+;// CONCATENATED MODULE: ./packages/components/pageContainer/src/pageContainer.vue?vue&type=style&index=0&id=734ed833&prod&lang=less&scoped=true
 
 ;// CONCATENATED MODULE: ./packages/components/pageContainer/src/pageContainer.vue
 
@@ -93740,11 +93740,11 @@ var pageContainervue_type_template_id_76493ad3_scoped_true_staticRenderFns = [];
 
 var pageContainer_component = normalizeComponent(
   src_pageContainervue_type_script_lang_js,
-  pageContainervue_type_template_id_76493ad3_scoped_true_render,
-  pageContainervue_type_template_id_76493ad3_scoped_true_staticRenderFns,
+  pageContainervue_type_template_id_734ed833_scoped_true_render,
+  pageContainervue_type_template_id_734ed833_scoped_true_staticRenderFns,
   false,
   null,
-  "76493ad3",
+  "734ed833",
   null
   
 )
@@ -98471,14 +98471,15 @@ YwBackTop.install = function (Vue) {
   Vue.component(YwBackTop.name, YwBackTop);
 };
 /* harmony default export */ var backtop = (YwBackTop);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/loading/src/index.vue?vue&type=template&id=2856a93c&scoped=true
-var srcvue_type_template_id_2856a93c_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/loading/src/index.vue?vue&type=template&id=5e059ced&scoped=true
+var srcvue_type_template_id_5e059ced_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    style: {
-      display: _vm.loadering ? 'block' : 'none'
-    },
+    staticClass: "loader-nested-loading"
+  }, [_vm.loadering ? _c('div', {
+    staticClass: "loading-box"
+  }, [_c('div', {
     attrs: {
       "id": "loader"
     }
@@ -98492,44 +98493,58 @@ var srcvue_type_template_id_2856a93c_scoped_true_render = function render() {
     attrs: {
       "id": "box"
     }
-  })]);
+  })])]) : _vm._e(), _vm._v(" "), _c('div', {
+    staticClass: "loader-container",
+    class: {
+      'loader-blur': _vm.loadering
+    }
+  }, [_vm._t("default")], 2)]);
 };
-var srcvue_type_template_id_2856a93c_scoped_true_staticRenderFns = [];
+var srcvue_type_template_id_5e059ced_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/loading/src/index.vue?vue&type=script&lang=js
 /* harmony default export */ var loading_srcvue_type_script_lang_js = ({
-  name: "YWLoading",
+  name: "YwLoading",
   props: {
-    // 宽度
-    width: {
-      type: [Number, String],
-      default: 50
-    },
-    // 高度
-    height: {
-      type: [Number, String],
-      default: 50
-    },
     loadering: {
       type: Boolean,
       default: true
+    },
+    // 大小  可选值为 small default large
+    size: {
+      type: String,
+      default: "default"
     }
   },
   computed: {
     boxStyle() {
-      return `width: ${this.width}px;height: ${this.height}px`;
+      return this.boxSize[this.size];
     },
     shadowStyle() {
-      return `width: ${this.width}px;height: ${this.height / 10}px`;
+      return this.shadowSize[this.size];
     }
+  },
+  data() {
+    return {
+      boxSize: {
+        small: `width: 20px; height: 20px`,
+        default: `width: 30px; height: 30px`,
+        large: `width: 40px; height: 40px`
+      },
+      shadowSize: {
+        small: `width: 20px; height: 2px; top: 29px`,
+        default: `width: 30px; height: 3px; top: 39px`,
+        large: `width: 40px; height: 4px; top: 49px`
+      }
+    };
   }
 });
 ;// CONCATENATED MODULE: ./packages/components/loading/src/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_loading_srcvue_type_script_lang_js = (loading_srcvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/loading/src/index.vue?vue&type=style&index=0&id=2856a93c&prod&lang=less&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/loading/src/index.vue?vue&type=style&index=0&id=5e059ced&prod&lang=less&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./packages/components/loading/src/index.vue?vue&type=style&index=0&id=2856a93c&prod&lang=less&scoped=true
+;// CONCATENATED MODULE: ./packages/components/loading/src/index.vue?vue&type=style&index=0&id=5e059ced&prod&lang=less&scoped=true
 
 ;// CONCATENATED MODULE: ./packages/components/loading/src/index.vue
 
@@ -98542,11 +98557,11 @@ var srcvue_type_template_id_2856a93c_scoped_true_staticRenderFns = [];
 
 var loading_src_component = normalizeComponent(
   components_loading_srcvue_type_script_lang_js,
-  srcvue_type_template_id_2856a93c_scoped_true_render,
-  srcvue_type_template_id_2856a93c_scoped_true_staticRenderFns,
+  srcvue_type_template_id_5e059ced_scoped_true_render,
+  srcvue_type_template_id_5e059ced_scoped_true_staticRenderFns,
   false,
   null,
-  "2856a93c",
+  "5e059ced",
   null
   
 )