yw-ui-vue2 1.1.4 → 1.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/yw-ui-vue2.common.js +15 -359
- package/lib/yw-ui-vue2.common.js.map +1 -1
- package/lib/yw-ui-vue2.css +1 -1
- package/lib/yw-ui-vue2.umd.js +12 -356
- package/lib/yw-ui-vue2.umd.js.map +1 -1
- package/lib/yw-ui-vue2.umd.min.js +1 -1
- package/lib/yw-ui-vue2.umd.min.js.map +1 -1
- package/package.json +1 -1
package/lib/yw-ui-vue2.umd.js
CHANGED
|
@@ -94262,396 +94262,52 @@ YwTransfer.install = function (Vue) {
|
|
|
94262
94262
|
Vue.component(YwTransfer.name, transfer);
|
|
94263
94263
|
};
|
|
94264
94264
|
/* harmony default export */ var packages_Transfer = (YwTransfer);
|
|
94265
|
-
;// 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=
|
|
94266
|
-
var
|
|
94267
|
-
var _vm = this,
|
|
94268
|
-
_c = _vm._self._c;
|
|
94269
|
-
return _c('a-modal', _vm._b({
|
|
94270
|
-
on: {
|
|
94271
|
-
"cancel": _vm.cancel,
|
|
94272
|
-
"ok": _vm.submit
|
|
94273
|
-
}
|
|
94274
|
-
}, 'a-modal', _vm.modalConfig, false), [_c('div', {
|
|
94275
|
-
staticClass: "transferModal"
|
|
94276
|
-
}, [_c('a-button', {
|
|
94277
|
-
attrs: {
|
|
94278
|
-
"icon": "filter"
|
|
94279
|
-
},
|
|
94280
|
-
on: {
|
|
94281
|
-
"click": _vm.showIpModal
|
|
94282
|
-
}
|
|
94283
|
-
}, [_vm._v("批量搜索")])], 1)]);
|
|
94284
|
-
};
|
|
94285
|
-
var srcvue_type_template_id_9a467bcc_scoped_true_staticRenderFns = [];
|
|
94286
|
-
|
|
94287
|
-
;// 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=71ec47d2&scoped=true
|
|
94288
|
-
var BatchSelectIPvue_type_template_id_71ec47d2_scoped_true_render = function render() {
|
|
94265
|
+
;// 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=7fe660ad&scoped=true
|
|
94266
|
+
var srcvue_type_template_id_7fe660ad_scoped_true_render = function render() {
|
|
94289
94267
|
var _vm = this,
|
|
94290
94268
|
_c = _vm._self._c;
|
|
94291
94269
|
return _c('a-modal', {
|
|
94292
94270
|
attrs: {
|
|
94293
|
-
"title": "批量搜索",
|
|
94294
94271
|
"visible": _vm.show
|
|
94295
94272
|
},
|
|
94296
94273
|
on: {
|
|
94297
|
-
"
|
|
94298
|
-
"cancel": _vm.close
|
|
94299
|
-
}
|
|
94300
|
-
}, [_c('a-form-model', {
|
|
94301
|
-
ref: "ipForm",
|
|
94302
|
-
attrs: {
|
|
94303
|
-
"model": _vm.form,
|
|
94304
|
-
"rules": _vm.rules,
|
|
94305
|
-
"colon": false
|
|
94306
|
-
}
|
|
94307
|
-
}, [_c('a-form-model-item', {
|
|
94308
|
-
staticClass: "pool",
|
|
94309
|
-
attrs: {
|
|
94310
|
-
"labelAlign": "left",
|
|
94311
|
-
"label": "资源池IP地址",
|
|
94312
|
-
"prop": "ipList",
|
|
94313
|
-
"required": ""
|
|
94274
|
+
"cancel": _vm.changeShow
|
|
94314
94275
|
}
|
|
94315
|
-
}, [_c('
|
|
94316
|
-
attrs: {
|
|
94317
|
-
"rows": 4,
|
|
94318
|
-
"placeholder": "请输入IP地址,可以输入多个,用英文逗号隔开",
|
|
94319
|
-
"allow-clear": ""
|
|
94320
|
-
},
|
|
94321
|
-
model: {
|
|
94322
|
-
value: _vm.form.ipList,
|
|
94323
|
-
callback: function ($$v) {
|
|
94324
|
-
_vm.$set(_vm.form, "ipList", $$v);
|
|
94325
|
-
},
|
|
94326
|
-
expression: "form.ipList"
|
|
94327
|
-
}
|
|
94328
|
-
})], 1)], 1)], 1);
|
|
94276
|
+
}, [_c('div', [_vm._v("测试")])]);
|
|
94329
94277
|
};
|
|
94330
|
-
var
|
|
94331
|
-
|
|
94332
|
-
;// 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/BatchSelectIP.vue?vue&type=script&lang=js
|
|
94333
|
-
/* harmony default export */ var BatchSelectIPvue_type_script_lang_js = ({
|
|
94334
|
-
name: "BatchSelect",
|
|
94335
|
-
data() {
|
|
94336
|
-
return {
|
|
94337
|
-
form: {
|
|
94338
|
-
ipList: ""
|
|
94339
|
-
},
|
|
94340
|
-
rules: {
|
|
94341
|
-
ipList: [{
|
|
94342
|
-
required: true,
|
|
94343
|
-
message: "请输入IP地址"
|
|
94344
|
-
}, {
|
|
94345
|
-
pattern: /^[0-9,.]+$/,
|
|
94346
|
-
message: "请按格式输入IP地址"
|
|
94347
|
-
}]
|
|
94348
|
-
},
|
|
94349
|
-
show: false
|
|
94350
|
-
};
|
|
94351
|
-
},
|
|
94352
|
-
props: {
|
|
94353
|
-
visible: {
|
|
94354
|
-
type: Boolean,
|
|
94355
|
-
default: false
|
|
94356
|
-
}
|
|
94357
|
-
},
|
|
94358
|
-
watch: {
|
|
94359
|
-
visible(val) {
|
|
94360
|
-
this.show = val;
|
|
94361
|
-
}
|
|
94362
|
-
},
|
|
94363
|
-
methods: {
|
|
94364
|
-
confirm() {
|
|
94365
|
-
this.$refs.ipForm.validate(valid => {
|
|
94366
|
-
if (valid) {
|
|
94367
|
-
const res = this.form.ipList.split(",");
|
|
94368
|
-
// console.log(res)
|
|
94369
|
-
this.$emit("confirm", res);
|
|
94370
|
-
this.close();
|
|
94371
|
-
}
|
|
94372
|
-
});
|
|
94373
|
-
},
|
|
94374
|
-
/**
|
|
94375
|
-
* @description: 关闭弹窗
|
|
94376
|
-
*/
|
|
94377
|
-
close() {
|
|
94378
|
-
this.$refs.ipForm.resetFields();
|
|
94379
|
-
this.$emit("update:visible", false);
|
|
94380
|
-
}
|
|
94381
|
-
}
|
|
94382
|
-
});
|
|
94383
|
-
;// CONCATENATED MODULE: ./packages/CusTransfer/src/BatchSelectIP.vue?vue&type=script&lang=js
|
|
94384
|
-
/* harmony default export */ var src_BatchSelectIPvue_type_script_lang_js = (BatchSelectIPvue_type_script_lang_js);
|
|
94385
|
-
;// CONCATENATED MODULE: ./packages/CusTransfer/src/BatchSelectIP.vue
|
|
94386
|
-
|
|
94387
|
-
|
|
94388
|
-
|
|
94278
|
+
var srcvue_type_template_id_7fe660ad_scoped_true_staticRenderFns = [];
|
|
94389
94279
|
|
|
94390
|
-
|
|
94391
|
-
/* normalize component */
|
|
94392
|
-
;
|
|
94393
|
-
var BatchSelectIP_component = normalizeComponent(
|
|
94394
|
-
src_BatchSelectIPvue_type_script_lang_js,
|
|
94395
|
-
BatchSelectIPvue_type_template_id_71ec47d2_scoped_true_render,
|
|
94396
|
-
BatchSelectIPvue_type_template_id_71ec47d2_scoped_true_staticRenderFns,
|
|
94397
|
-
false,
|
|
94398
|
-
null,
|
|
94399
|
-
"71ec47d2",
|
|
94400
|
-
null
|
|
94401
|
-
|
|
94402
|
-
)
|
|
94403
|
-
|
|
94404
|
-
/* harmony default export */ var BatchSelectIP = (BatchSelectIP_component.exports);
|
|
94405
94280
|
;// 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
|
|
94406
|
-
|
|
94407
|
-
// type分类初始配置
|
|
94408
|
-
const selectOpt = [{
|
|
94409
|
-
label: "服务树",
|
|
94410
|
-
value: "serviceTree"
|
|
94411
|
-
}, {
|
|
94412
|
-
label: "项目描述",
|
|
94413
|
-
value: "projectDesc"
|
|
94414
|
-
}, {
|
|
94415
|
-
label: "客户描述",
|
|
94416
|
-
value: "customerDesc"
|
|
94417
|
-
}];
|
|
94418
|
-
// transfer默认配置
|
|
94419
|
-
const transferConfig = {
|
|
94420
|
-
showSearch: true,
|
|
94421
|
-
showSelectAll: true,
|
|
94422
|
-
showArrow: true,
|
|
94423
|
-
disabled: false,
|
|
94424
|
-
titles: ["资源实列", "目标资源"],
|
|
94425
|
-
searchPlaceholder: "请输入搜索内容",
|
|
94426
|
-
render: item => `${item.title || item.description}`,
|
|
94427
|
-
targetKeys: [],
|
|
94428
|
-
selectedKeys: undefined,
|
|
94429
|
-
dataSource: []
|
|
94430
|
-
};
|
|
94431
|
-
// modal弹框配置
|
|
94432
|
-
const modalConfig = {
|
|
94433
|
-
visible: false,
|
|
94434
|
-
title: "选择资源",
|
|
94435
|
-
width: 700
|
|
94436
|
-
};
|
|
94437
94281
|
/* harmony default export */ var CusTransfer_srcvue_type_script_lang_js = ({
|
|
94438
94282
|
name: "YwCusTransfer",
|
|
94439
|
-
components: {
|
|
94440
|
-
BatchSelectIP: BatchSelectIP
|
|
94441
|
-
},
|
|
94442
|
-
props: {
|
|
94443
|
-
// 显示资源
|
|
94444
|
-
resourcePoolValue: {
|
|
94445
|
-
type: Array,
|
|
94446
|
-
default: () => []
|
|
94447
|
-
},
|
|
94448
|
-
// 资源池
|
|
94449
|
-
resourcePoolList: {
|
|
94450
|
-
type: Array,
|
|
94451
|
-
default: () => []
|
|
94452
|
-
},
|
|
94453
|
-
// 类型--服务树,项目描述,客户描述
|
|
94454
|
-
resourceType: {
|
|
94455
|
-
type: String,
|
|
94456
|
-
default: "serviceTree"
|
|
94457
|
-
},
|
|
94458
|
-
// 类型--值
|
|
94459
|
-
resourceTypeValue: {
|
|
94460
|
-
type: Array | String,
|
|
94461
|
-
default: () => []
|
|
94462
|
-
},
|
|
94463
|
-
// 类型--列表
|
|
94464
|
-
resourceTypeList: {
|
|
94465
|
-
type: Array,
|
|
94466
|
-
default: () => []
|
|
94467
|
-
},
|
|
94468
|
-
// 穿梭框配置参数
|
|
94469
|
-
transferProps: {
|
|
94470
|
-
type: Object,
|
|
94471
|
-
default: () => {}
|
|
94472
|
-
},
|
|
94473
|
-
modalProps: {
|
|
94474
|
-
type: Object,
|
|
94475
|
-
default: () => {}
|
|
94476
|
-
}
|
|
94477
|
-
},
|
|
94478
94283
|
data() {
|
|
94479
94284
|
return {
|
|
94480
|
-
|
|
94481
|
-
form: {},
|
|
94482
|
-
rules: {
|
|
94483
|
-
resourcePoolValue: [{
|
|
94484
|
-
required: true,
|
|
94485
|
-
message: "请选择资源池"
|
|
94486
|
-
}]
|
|
94487
|
-
},
|
|
94488
|
-
selectOpt,
|
|
94489
|
-
transferConfig,
|
|
94490
|
-
ipModalShow: false,
|
|
94491
|
-
serviceTreeList: [],
|
|
94492
|
-
descsriptionList: [],
|
|
94493
|
-
modalConfig
|
|
94285
|
+
show: true
|
|
94494
94286
|
};
|
|
94495
94287
|
},
|
|
94496
|
-
watch: {
|
|
94497
|
-
// 资源显示
|
|
94498
|
-
resourcePoolValue(newVal) {
|
|
94499
|
-
// console.log(newVal, this.resourceTypeValue, "poolVal-哈哈-transfer");
|
|
94500
|
-
this.form.resourcePoolValue = newVal;
|
|
94501
|
-
},
|
|
94502
|
-
// 类型分类type
|
|
94503
|
-
resourceType(newVal) {
|
|
94504
|
-
this.form.resourceType = newVal || "serviceTree";
|
|
94505
|
-
},
|
|
94506
|
-
// 分类list显示
|
|
94507
|
-
resourceTypeValue(newVal) {
|
|
94508
|
-
// console.log(newVal, this.resourceTypeValue, "poolVal-哈哈-transfer");
|
|
94509
|
-
this.form.resourceTypeValue = newVal;
|
|
94510
|
-
},
|
|
94511
|
-
// 分类list
|
|
94512
|
-
resourceTypeList(newVal) {
|
|
94513
|
-
// 服务树list
|
|
94514
|
-
if (this.form.resourceType === "serviceTree") {
|
|
94515
|
-
this.serviceTreeList = newVal || [];
|
|
94516
|
-
// 描述list
|
|
94517
|
-
} else {
|
|
94518
|
-
this.descsriptionList = newVal || [];
|
|
94519
|
-
}
|
|
94520
|
-
},
|
|
94521
|
-
// 穿梭框配置信息
|
|
94522
|
-
transferProps(newVal, oldVal) {
|
|
94523
|
-
this.transferConfig = {
|
|
94524
|
-
...this.transferConfig,
|
|
94525
|
-
...newVal
|
|
94526
|
-
};
|
|
94527
|
-
},
|
|
94528
|
-
// 弹窗配置信息
|
|
94529
|
-
modalProps(newVal, oldVal) {
|
|
94530
|
-
// console.log(newVal, oldVal, this.modalConfig, "modalProps");
|
|
94531
|
-
this.$set(this, "modalConfig", {
|
|
94532
|
-
...modalConfig,
|
|
94533
|
-
...newVal
|
|
94534
|
-
});
|
|
94535
|
-
}
|
|
94536
|
-
},
|
|
94537
|
-
created() {
|
|
94538
|
-
// 初始化
|
|
94539
|
-
this.form = {
|
|
94540
|
-
resourcePoolValue: this.resourcePoolValue,
|
|
94541
|
-
// 显示资源池
|
|
94542
|
-
resourceTypeValue: this.resourceTypeValue,
|
|
94543
|
-
// 显示类型值名称
|
|
94544
|
-
resourceType: this.resourceType,
|
|
94545
|
-
// 类型
|
|
94546
|
-
selectedKeys: this.transferProps?.targetKeys || [] // 选定的ip
|
|
94547
|
-
};
|
|
94548
|
-
// 穿梭框配置参数合并
|
|
94549
|
-
this.transferConfig = {
|
|
94550
|
-
...transferConfig,
|
|
94551
|
-
...this.transferProps,
|
|
94552
|
-
targetKeys: this.transferProps?.targetKeys ? this.transferProps?.targetKeys : []
|
|
94553
|
-
};
|
|
94554
|
-
// 弹窗配置参数合并
|
|
94555
|
-
this.modalConfig = {
|
|
94556
|
-
...modalConfig,
|
|
94557
|
-
...this.modalProps
|
|
94558
|
-
};
|
|
94559
|
-
this.serviceTreeList = this.resourceTypeList || [];
|
|
94560
|
-
// console.log(this.form, "this.form--transfer--");
|
|
94561
|
-
},
|
|
94562
|
-
mounted() {},
|
|
94563
94288
|
methods: {
|
|
94564
|
-
|
|
94565
|
-
|
|
94566
|
-
// console.log(value, "value");
|
|
94567
|
-
value.trim() && this.$emit("updateTypeList", {
|
|
94568
|
-
key: value,
|
|
94569
|
-
type: this.form.resourceType
|
|
94570
|
-
});
|
|
94571
|
-
},
|
|
94572
|
-
// changeType
|
|
94573
|
-
changeType(key) {
|
|
94574
|
-
this.form.resourceTypeValue = key === "serviceTree" ? [] : undefined;
|
|
94575
|
-
this.descsriptionList = [];
|
|
94576
|
-
this.transferConfig.disabled = false;
|
|
94577
|
-
this.transferConfig.targetKeys = [];
|
|
94578
|
-
this.transferConfig.selectedKeys = [];
|
|
94579
|
-
},
|
|
94580
|
-
// ip集合选中--批量确定
|
|
94581
|
-
getIpList(value) {
|
|
94582
|
-
this.transferConfig.selectedKeys = value;
|
|
94583
|
-
},
|
|
94584
|
-
// 批量搜索显示
|
|
94585
|
-
showIpModal() {
|
|
94586
|
-
this.ipModalShow = true;
|
|
94587
|
-
},
|
|
94588
|
-
// 穿梭
|
|
94589
|
-
handleChange(targetKeys, direction, moveKeys) {
|
|
94590
|
-
this.transferConfig.targetKeys = targetKeys;
|
|
94591
|
-
this.form.selectedKeys = targetKeys;
|
|
94592
|
-
},
|
|
94593
|
-
// 穿梭框选中
|
|
94594
|
-
handleSelectChange(sourceSelectedKeys, targetSelectedKeys) {
|
|
94595
|
-
this.transferConfig.selectedKeys = [...sourceSelectedKeys, ...targetSelectedKeys];
|
|
94596
|
-
},
|
|
94597
|
-
// 提交确定
|
|
94598
|
-
submit() {
|
|
94599
|
-
this.$refs.transferForm.validate(valid => {
|
|
94600
|
-
if (valid) {
|
|
94601
|
-
this.modalConfig.ok(this.form);
|
|
94602
|
-
this.cancel();
|
|
94603
|
-
}
|
|
94604
|
-
});
|
|
94605
|
-
},
|
|
94606
|
-
// 关闭
|
|
94607
|
-
cancel() {
|
|
94608
|
-
// this.$refs.transferForm.resetFields();
|
|
94609
|
-
this.modalConfig.cancel(false);
|
|
94610
|
-
this.transferConfig.selectedKeys = [];
|
|
94611
|
-
this.transferConfig.targetKeys = [];
|
|
94612
|
-
this.form.resourceType = "serviceTree";
|
|
94613
|
-
this.form.resourceTypeValue = [];
|
|
94614
|
-
},
|
|
94615
|
-
// 绑定服务
|
|
94616
|
-
bindService() {
|
|
94617
|
-
this.transferConfig.disabled = !this.transferConfig.disabled;
|
|
94618
|
-
},
|
|
94619
|
-
// 切换typeValue,更换TransferData
|
|
94620
|
-
changeTransferData(type, value) {
|
|
94621
|
-
// console.log("updateTransferData", {
|
|
94622
|
-
// key: value,
|
|
94623
|
-
// type: type,
|
|
94624
|
-
// });
|
|
94625
|
-
this.$emit("updateTransferData", {
|
|
94626
|
-
key: value,
|
|
94627
|
-
type: type
|
|
94628
|
-
});
|
|
94289
|
+
changeShow() {
|
|
94290
|
+
this.show = !this.show;
|
|
94629
94291
|
}
|
|
94630
94292
|
}
|
|
94631
94293
|
});
|
|
94632
94294
|
;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue?vue&type=script&lang=js
|
|
94633
94295
|
/* harmony default export */ var packages_CusTransfer_srcvue_type_script_lang_js = (CusTransfer_srcvue_type_script_lang_js);
|
|
94634
|
-
;// 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=9a467bcc&prod&lang=less&scoped=true
|
|
94635
|
-
// extracted by mini-css-extract-plugin
|
|
94636
|
-
|
|
94637
|
-
;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue?vue&type=style&index=0&id=9a467bcc&prod&lang=less&scoped=true
|
|
94638
|
-
|
|
94639
94296
|
;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue
|
|
94640
94297
|
|
|
94641
94298
|
|
|
94642
94299
|
|
|
94643
|
-
;
|
|
94644
94300
|
|
|
94645
94301
|
|
|
94646
94302
|
/* normalize component */
|
|
94647
|
-
|
|
94303
|
+
;
|
|
94648
94304
|
var CusTransfer_src_component = normalizeComponent(
|
|
94649
94305
|
packages_CusTransfer_srcvue_type_script_lang_js,
|
|
94650
|
-
|
|
94651
|
-
|
|
94306
|
+
srcvue_type_template_id_7fe660ad_scoped_true_render,
|
|
94307
|
+
srcvue_type_template_id_7fe660ad_scoped_true_staticRenderFns,
|
|
94652
94308
|
false,
|
|
94653
94309
|
null,
|
|
94654
|
-
"
|
|
94310
|
+
"7fe660ad",
|
|
94655
94311
|
null
|
|
94656
94312
|
|
|
94657
94313
|
)
|