yw-ui-vue2 1.2.9 → 1.3.1

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

@@ -94262,8 +94262,8 @@ YwTransfer.install = function (Vue) {
   Vue.component(YwTransfer.name, transfer);
 };
 /* harmony default export */ var packages_Transfer = (YwTransfer);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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/CusTransfer/src/index.vue?vue&type=template&id=6b53d811&scoped=true
-var srcvue_type_template_id_6b53d811_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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/CusTransfer/src/index.vue?vue&type=template&id=6073cd06&scoped=true
+var srcvue_type_template_id_6073cd06_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('a-modal', _vm._b({
@@ -94271,11 +94271,14 @@ var srcvue_type_template_id_6b53d811_scoped_true_render = function render() {
       "visible": _vm.visible
     },
     on: {
-      "cancel": _vm.cancel
+      "cancel": _vm.cancel,
+      "ok": _vm.ok
     }
   }, 'a-modal', _vm.modalConfig, false), [_c('a-form-model', {
+    ref: "transferModalForm",
     attrs: {
-      "form": _vm.form
+      "model": _vm.form,
+      "rules": _vm.rule
     }
   }, [_c('a-form-model-item', {
     staticClass: "pool",
@@ -94442,9 +94445,7 @@ var srcvue_type_template_id_6b53d811_scoped_true_render = function render() {
       "change": _vm.handleChange,
       "selectChange": _vm.handleSelectChange
     }
-  }, 'a-transfer', {
-    ..._vm.transferConfig
-  }, false), [_c('span', {
+  }, 'a-transfer', _vm.transferConfig, false), [_c('span', {
     attrs: {
       "slot": "notFoundContent"
     },
@@ -94461,7 +94462,7 @@ var srcvue_type_template_id_6b53d811_scoped_true_render = function render() {
     }
   })], 1);
 };
-var srcvue_type_template_id_6b53d811_scoped_true_staticRenderFns = [];
+var srcvue_type_template_id_6073cd06_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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/CusTransfer/src/BatchSelectIP.vue?vue&type=template&id=85898afc&scoped=true
 var BatchSelectIPvue_type_template_id_85898afc_scoped_true_render = function render() {
@@ -94700,16 +94701,19 @@ const modalConfig = {
       ipModalShow: false
     };
   },
-  created() {
-    this.form = {
-      resourcePoolValue: this.resourcePoolValue,
-      resourceType: this.resourceType,
-      resourceTypeValue: this.resourceTypeValue
-    };
+  computed: {
+    rule() {
+      return {
+        resourcePoolValue: [{
+          required: true,
+          message: "请选择资源池"
+        }]
+      };
+    }
   },
   watch: {
     show(val) {
-      console.log(val, "val");
+      // console.log(val, "val");
       this.visible = val;
     },
     resourcePoolValue(val) {
@@ -94718,15 +94722,48 @@ const modalConfig = {
     // 分类list
     resourceTypeList(newVal) {
       // 服务树list
-      if (this.form.resourceType === "serviceTree") {
+      if (this.form.resourceType === "serviceTree" || !this.form.resourceType) {
         this.serviceTreeList = newVal || [];
         // 描述list
       } else {
         this.descsriptionList = newVal || [];
       }
+    },
+    modalProps(val) {
+      this.modalConfig = {
+        ...this.modalConfig,
+        ...val
+      };
+    },
+    transferProps(val) {
+      this.transferConfig = {
+        ...this.transferConfig,
+        ...val
+      };
+      if (val.visible) {
+        delete this.transferConfig.visible;
+      }
     }
   },
+  created() {
+    // 初始化
+    this.form = {
+      resourcePoolValue: this.resourcePoolValue,
+      resourceType: this.resourceType,
+      resourceTypeValue: this.resourceTypeValue,
+      selectedKeys: this.transferConfig.selectedKeys || []
+    };
+    this.transferConfig = {
+      ...this.transferConfig,
+      ...this.transferProps
+    };
+    this.modalConfig = {
+      ...this.modalConfig,
+      ...this.modalProps
+    };
+  },
   methods: {
+    // changeType
     changeType(key) {
       this.form.resourceTypeValue = key === "serviceTree" ? [] : undefined;
       this.descsriptionList = [];
@@ -94736,7 +94773,7 @@ const modalConfig = {
     },
     // 模糊搜索描述列表
     fetchApi(value) {
-      console.log(value, "value");
+      // console.log(value, "value");
       value.trim() && this.$emit("updateTypeList", {
         key: value,
         type: this.form.resourceType
@@ -94751,27 +94788,37 @@ const modalConfig = {
     handleSelectChange(sourceSelectedKeys, targetSelectedKeys) {
       this.transferConfig.selectedKeys = [...sourceSelectedKeys, ...targetSelectedKeys];
     },
-    // 更新
-    changeTransferData(type, value) {
-      console.log(type, value, "changeTransferData");
-    },
+    // 取消
     cancel() {
       this.$emit("update:show", false);
+      this.$refs.transferModalForm.resetFields();
+      this.transferConfig.selectedKeys = [];
+      this.transferConfig.targetKeys = [];
+      this.form.resourceType = "serviceTree";
+      this.form.resourceTypeValue = [];
     },
+    // 提交
     ok() {
-      this.cancel();
+      this.$refs.transferModalForm.validate(valid => {
+        console.log(this.form, "form");
+        if (valid) {
+          this.$emit("confirm", this.form);
+          this.cancel();
+        }
+      });
     },
     // 切换typeValue，更换TransferData
     changeTransferData(type, value) {
-      // console.log("updateTransferData", {
-      // 	key: value,
-      // 	type: type,
-      // });
+      console.log("updateTransferData", {
+        key: value,
+        type: type
+      });
       this.$emit("updateTransferData", {
         key: value,
         type: type
       });
     },
+    // 绑定服务
     bindService() {
       this.transferConfig.disabled = !this.transferConfig.disabled;
     },
@@ -94787,10 +94834,10 @@ const modalConfig = {
 });
 ;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue?vue&type=script&lang=js
  /* harmony default export */ var packages_CusTransfer_srcvue_type_script_lang_js = (CusTransfer_srcvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/CusTransfer/src/index.vue?vue&type=style&index=0&id=6b53d811&prod&lang=less&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/CusTransfer/src/index.vue?vue&type=style&index=0&id=6073cd06&prod&lang=less&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue?vue&type=style&index=0&id=6b53d811&prod&lang=less&scoped=true
+;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue?vue&type=style&index=0&id=6073cd06&prod&lang=less&scoped=true
 
 ;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue
 
@@ -94803,11 +94850,11 @@ const modalConfig = {
 
 var CusTransfer_src_component = normalizeComponent(
   packages_CusTransfer_srcvue_type_script_lang_js,
-  srcvue_type_template_id_6b53d811_scoped_true_render,
-  srcvue_type_template_id_6b53d811_scoped_true_staticRenderFns,
+  srcvue_type_template_id_6073cd06_scoped_true_render,
+  srcvue_type_template_id_6073cd06_scoped_true_staticRenderFns,
   false,
   null,
-  "6b53d811",
+  "6073cd06",
   null
   
 )