yw-ui-vue2 1.2.4 → 1.2.5

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=bec8bf32&scoped=true
-var srcvue_type_template_id_bec8bf32_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=4eeb78d4&scoped=true
+var srcvue_type_template_id_4eeb78d4_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('a-modal', {
@@ -94305,11 +94305,137 @@ var srcvue_type_template_id_bec8bf32_scoped_true_render = function render() {
       },
       expression: "form.resourcePoolValue"
     }
-  })], 1)], 1)], 1);
+  })], 1), _vm._v(" "), _c('a-form-model-item', {
+    staticClass: "category",
+    attrs: {
+      "labelCol": {
+        span: 2
+      },
+      "labelAlign": "left",
+      "prop": "resourceTypeValue"
+    }
+  }, [_c('div', {
+    staticClass: "left"
+  }, [_c('a-select', {
+    staticClass: "selectType",
+    staticStyle: {
+      "min-width": "88px"
+    },
+    attrs: {
+      "placeholder": "请选择",
+      "options": _vm.typeOpts
+    },
+    on: {
+      "change": _vm.changeType
+    },
+    model: {
+      value: _vm.form.resourceType,
+      callback: function ($$v) {
+        _vm.$set(_vm.form, "resourceType", $$v);
+      },
+      expression: "form.resourceType"
+    }
+  }), _vm._v(" "), _vm.form.resourceType === 'serviceTree' ? _c('div', {
+    staticStyle: {
+      "flex": "1"
+    }
+  }, [_c('a-cascader', {
+    attrs: {
+      "options": _vm.serviceTreeList,
+      "change-on-selec": "",
+      "placeholder": "请选择服务树节点",
+      "allowClear": "",
+      "show-search": true
+    },
+    on: {
+      "change": value => _vm.changeTransferData('resourceType', value)
+    },
+    model: {
+      value: _vm.form.resourceTypeValue,
+      callback: function ($$v) {
+        _vm.$set(_vm.form, "resourceTypeValue", $$v);
+      },
+      expression: "form.resourceTypeValue"
+    }
+  }), _vm._v(" "), _c('a-checkbox', {
+    on: {
+      "change": _vm.bindService
+    }
+  }, [_vm._v("绑定服务")]), _vm._v(" "), _c('a-tooltip', {
+    attrs: {
+      "placement": "top",
+      "title": "所选资源随服务下挂载资源实时更新"
+    }
+  }, [_c('a-icon', {
+    attrs: {
+      "type": "question-circle"
+    }
+  })], 1)], 1) : _vm.form.resourceType === 'projectDesc' ? _c('a-select', {
+    attrs: {
+      "allowClear": "",
+      "showSearch": "",
+      "placeholder": "请输入项目描述",
+      "options": _vm.descsriptionList,
+      "filterOption": false
+    },
+    on: {
+      "change": value => _vm.changeTransferData('resourceType', value),
+      "search": _vm.fetchApi
+    },
+    model: {
+      value: _vm.form.resourceTypeValue,
+      callback: function ($$v) {
+        _vm.$set(_vm.form, "resourceTypeValue", $$v);
+      },
+      expression: "form.resourceTypeValue"
+    }
+  }, [_c('template', {
+    slot: "notFoundContent"
+  }, [!_vm.descsriptionList.length > 0 ? _c('a-spin', {
+    attrs: {
+      "size": "small"
+    }
+  }) : _c('a-empty')], 1)], 2) : _vm.form.resourceType === 'customerDesc' ? _c('a-select', {
+    attrs: {
+      "allowClear": "",
+      "showSearch": "",
+      "placeholder": "请输入客户描述",
+      "options": _vm.descsriptionList,
+      "filterOption": false
+    },
+    on: {
+      "change": value => _vm.changeTransferData('resourceType', value),
+      "search": _vm.fetchApi
+    },
+    model: {
+      value: _vm.form.resourceTypeValue,
+      callback: function ($$v) {
+        _vm.$set(_vm.form, "resourceTypeValue", $$v);
+      },
+      expression: "form.resourceTypeValue"
+    }
+  }, [_c('template', {
+    slot: "notFoundContent"
+  }, [!_vm.descsriptionList.length > 0 ? _c('a-spin', {
+    attrs: {
+      "size": "small"
+    }
+  }) : _c('a-empty')], 1)], 2) : _vm._e()], 1)])], 1)], 1);
 };
-var srcvue_type_template_id_bec8bf32_scoped_true_staticRenderFns = [];
+var srcvue_type_template_id_4eeb78d4_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/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/CusTransfer/src/index.vue?vue&type=script&lang=js
+// type分类初始配置
+const typeOpts = [{
+  label: "服务树",
+  value: "serviceTree"
+}, {
+  label: "项目描述",
+  value: "projectDesc"
+}, {
+  label: "客户描述",
+  value: "customerDesc"
+}];
 /* harmony default export */ var CusTransfer_srcvue_type_script_lang_js = ({
   name: "YwTransferModal",
   props: {
@@ -94324,12 +94450,44 @@ var srcvue_type_template_id_bec8bf32_scoped_true_staticRenderFns = [];
     resourcePoolValue: {
       type: Array,
       default: () => []
+    },
+    resourceType: {
+      type: String,
+      default: "serviceTree"
+    },
+    resourceTypeList: {
+      type: Array,
+      default: () => []
+    },
+    resourceTypeValue: {
+      type: Array | String,
+      default: () => []
+    },
+    modalProps: {
+      type: Object,
+      default: () => ({})
+    },
+    transferProps: {
+      type: Object,
+      default: () => ({})
     }
   },
   data() {
     return {
       form: {},
-      visible: false
+      visible: false,
+      typeOpts,
+      serviceTreeList: [],
+      descsriptionList: [],
+      transferConfig: {},
+      modalConfig: {}
+    };
+  },
+  created() {
+    this.form = {
+      resourcePoolValue: this.resourcePoolValue,
+      resourceType: this.resourceType,
+      resourceTypeValue: this.resourceTypeValue
     };
   },
   watch: {
@@ -94339,9 +94497,34 @@ var srcvue_type_template_id_bec8bf32_scoped_true_staticRenderFns = [];
     },
     resourcePoolValue(val) {
       this.form.resourcePoolValue = val;
+    },
+    // 分类list
+    resourceTypeList(newVal) {
+      // 服务树list
+      if (this.form.resourceType === "serviceTree") {
+        this.serviceTreeList = newVal || [];
+        // 描述list
+      } else {
+        this.descsriptionList = newVal || [];
+      }
     }
   },
   methods: {
+    changeType(key) {
+      this.form.resourceTypeValue = key === "serviceTree" ? [] : undefined;
+      this.descsriptionList = [];
+      this.transferConfig.disabled = false;
+      this.transferConfig.targetKeys = [];
+      this.transferConfig.selectedKeys = [];
+    },
+    // 模糊搜索描述列表
+    fetchApi(value) {
+      // console.log(value, "value");
+      value.trim() && this.$emit("updateTypeList", {
+        key: value,
+        type: this.form.resourceType
+      });
+    },
     changeTransferData(type, value) {
       console.log(type, value, "changeTransferData");
     },
@@ -94350,15 +94533,29 @@ var srcvue_type_template_id_bec8bf32_scoped_true_staticRenderFns = [];
     },
     ok() {
       this.cancel();
+    },
+    // 切换typeValue，更换TransferData
+    changeTransferData(type, value) {
+      // console.log("updateTransferData", {
+      // 	key: value,
+      // 	type: type,
+      // });
+      this.$emit("updateTransferData", {
+        key: value,
+        type: type
+      });
+    },
+    bindService() {
+      this.transferConfig.disabled = !this.transferConfig.disabled;
     }
   }
 });
 ;// 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=bec8bf32&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=4eeb78d4&prod&lang=less&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue?vue&type=style&index=0&id=bec8bf32&prod&lang=less&scoped=true
+;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue?vue&type=style&index=0&id=4eeb78d4&prod&lang=less&scoped=true
 
 ;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue
 
@@ -94371,11 +94568,11 @@ var srcvue_type_template_id_bec8bf32_scoped_true_staticRenderFns = [];
 
 var CusTransfer_src_component = normalizeComponent(
   packages_CusTransfer_srcvue_type_script_lang_js,
-  srcvue_type_template_id_bec8bf32_scoped_true_render,
-  srcvue_type_template_id_bec8bf32_scoped_true_staticRenderFns,
+  srcvue_type_template_id_4eeb78d4_scoped_true_render,
+  srcvue_type_template_id_4eeb78d4_scoped_true_staticRenderFns,
   false,
   null,
-  "bec8bf32",
+  "4eeb78d4",
   null
   
 )