@v2coding/ui 0.1.35 → 0.1.37
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/dist/v2coding-ui.esm.js +45 -472
- package/dist/v2coding-ui.min.js +2 -2
- package/dist/v2coding-ui.ssr.js +74 -437
- package/package.json +1 -1
package/dist/v2coding-ui.ssr.js
CHANGED
|
@@ -2452,12 +2452,39 @@ var FieldMixin = {
|
|
|
2452
2452
|
this.$emit('ready');
|
|
2453
2453
|
},
|
|
2454
2454
|
emitChange: function emitChange() {
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
|
|
2455
|
+
var _arguments = arguments,
|
|
2456
|
+
_this2 = this;
|
|
2457
|
+
|
|
2458
|
+
return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
2459
|
+
var _len, args, _key;
|
|
2460
|
+
|
|
2461
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
2462
|
+
while (1) {
|
|
2463
|
+
switch (_context.prev = _context.next) {
|
|
2464
|
+
case 0:
|
|
2465
|
+
for (_len = _arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
2466
|
+
args[_key] = _arguments[_key];
|
|
2467
|
+
}
|
|
2468
|
+
|
|
2469
|
+
_this2.$emit.apply(_this2, ['input'].concat(args));
|
|
2470
|
+
|
|
2471
|
+
_this2.$emit.apply(_this2, ['change'].concat(args));
|
|
2472
|
+
|
|
2473
|
+
_context.next = 5;
|
|
2474
|
+
return _this2.$nextTick();
|
|
2475
|
+
|
|
2476
|
+
case 5:
|
|
2477
|
+
if (_this2.$parent.$options.componentName === 'ElFormItem') {
|
|
2478
|
+
_this2.$parent.validate('change');
|
|
2479
|
+
}
|
|
2458
2480
|
|
|
2459
|
-
|
|
2460
|
-
|
|
2481
|
+
case 6:
|
|
2482
|
+
case "end":
|
|
2483
|
+
return _context.stop();
|
|
2484
|
+
}
|
|
2485
|
+
}
|
|
2486
|
+
}, _callee);
|
|
2487
|
+
}))();
|
|
2461
2488
|
},
|
|
2462
2489
|
onChange: function onChange(val) {
|
|
2463
2490
|
this.emitChange(val);
|
|
@@ -8162,355 +8189,46 @@ var __vue_component__$g = /*#__PURE__*/normalizeComponent({
|
|
|
8162
8189
|
staticRenderFns: __vue_staticRenderFns__$f
|
|
8163
8190
|
}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, createInjectorSSR, undefined);
|
|
8164
8191
|
|
|
8165
|
-
var FormDialog = __vue_component__$g;//
|
|
8166
|
-
|
|
8167
|
-
|
|
8168
|
-
|
|
8169
|
-
|
|
8170
|
-
|
|
8171
|
-
|
|
8172
|
-
|
|
8173
|
-
|
|
8174
|
-
|
|
8175
|
-
|
|
8176
|
-
|
|
8177
|
-
|
|
8178
|
-
*/
|
|
8179
|
-
function getTarget(node) {
|
|
8180
|
-
if (node === void 0) {
|
|
8181
|
-
node = document.body;
|
|
8182
|
-
}
|
|
8183
|
-
|
|
8184
|
-
if (node === true) {
|
|
8185
|
-
return document.body;
|
|
8186
|
-
}
|
|
8187
|
-
|
|
8188
|
-
return node instanceof window.Node ? node : document.querySelector(node);
|
|
8189
|
-
}
|
|
8190
|
-
|
|
8191
|
-
var directive = {
|
|
8192
|
-
inserted: function inserted(el, _ref) {
|
|
8193
|
-
var value = _ref.value;
|
|
8194
|
-
if (el.dataset && el.dataset.transfer !== 'true') return false;
|
|
8195
|
-
el.className = el.className ? el.className + ' v-transfer-dom' : 'v-transfer-dom';
|
|
8196
|
-
var parentNode = el.parentNode;
|
|
8197
|
-
if (!parentNode) return;
|
|
8198
|
-
var home = document.createComment('');
|
|
8199
|
-
var hasMovedOut = false;
|
|
8200
|
-
|
|
8201
|
-
if (value !== false) {
|
|
8202
|
-
parentNode.replaceChild(home, el); // moving out, el is no longer in the document
|
|
8203
|
-
|
|
8204
|
-
getTarget(value).appendChild(el); // moving into new place
|
|
8205
|
-
|
|
8206
|
-
hasMovedOut = true;
|
|
8207
|
-
}
|
|
8208
|
-
|
|
8209
|
-
if (!el.__transferDomData) {
|
|
8210
|
-
el.__transferDomData = {
|
|
8211
|
-
parentNode: parentNode,
|
|
8212
|
-
home: home,
|
|
8213
|
-
target: getTarget(value),
|
|
8214
|
-
hasMovedOut: hasMovedOut
|
|
8215
|
-
};
|
|
8216
|
-
}
|
|
8217
|
-
},
|
|
8218
|
-
componentUpdated: function componentUpdated(el, _ref2) {
|
|
8219
|
-
var value = _ref2.value;
|
|
8220
|
-
if (el.dataset && el.dataset.transfer !== 'true') return false; // need to make sure children are done updating (vs. `update`)
|
|
8221
|
-
|
|
8222
|
-
var ref$1 = el.__transferDomData;
|
|
8223
|
-
if (!ref$1) return; // homes.get(el)
|
|
8224
|
-
|
|
8225
|
-
var parentNode = ref$1.parentNode;
|
|
8226
|
-
var home = ref$1.home;
|
|
8227
|
-
var hasMovedOut = ref$1.hasMovedOut; // recall where home is
|
|
8228
|
-
|
|
8229
|
-
if (!hasMovedOut && value) {
|
|
8230
|
-
// remove from document and leave placeholder
|
|
8231
|
-
parentNode.replaceChild(home, el); // append to target
|
|
8232
|
-
|
|
8233
|
-
getTarget(value).appendChild(el);
|
|
8234
|
-
el.__transferDomData = Object.assign({}, el.__transferDomData, {
|
|
8235
|
-
hasMovedOut: true,
|
|
8236
|
-
target: getTarget(value)
|
|
8237
|
-
});
|
|
8238
|
-
} else if (hasMovedOut && value === false) {
|
|
8239
|
-
// previously moved, coming back home
|
|
8240
|
-
parentNode.replaceChild(el, home);
|
|
8241
|
-
el.__transferDomData = Object.assign({}, el.__transferDomData, {
|
|
8242
|
-
hasMovedOut: false,
|
|
8243
|
-
target: getTarget(value)
|
|
8244
|
-
});
|
|
8245
|
-
} else if (value) {
|
|
8246
|
-
// already moved, going somewhere else
|
|
8247
|
-
getTarget(value).appendChild(el);
|
|
8248
|
-
}
|
|
8249
|
-
},
|
|
8250
|
-
unbind: function unbind(el) {
|
|
8251
|
-
if (el.dataset && el.dataset.transfer !== 'true') return false;
|
|
8252
|
-
el.className = el.className.replace('v-transfer-dom', '');
|
|
8253
|
-
var ref$1 = el.__transferDomData;
|
|
8254
|
-
if (!ref$1) return;
|
|
8255
|
-
|
|
8256
|
-
if (el.__transferDomData.hasMovedOut === true) {
|
|
8257
|
-
el.__transferDomData.parentNode && el.__transferDomData.parentNode.appendChild(el);
|
|
8258
|
-
}
|
|
8259
|
-
|
|
8260
|
-
el.__transferDomData = null;
|
|
8261
|
-
}
|
|
8262
|
-
};
|
|
8263
|
-
var TransferDom = directive;var on = function () {
|
|
8264
|
-
return function (element, event, handler) {
|
|
8265
|
-
var useCapture = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
8266
|
-
|
|
8267
|
-
if (element && event && handler) {
|
|
8268
|
-
element.addEventListener(event, handler, useCapture);
|
|
8269
|
-
}
|
|
8270
|
-
};
|
|
8271
|
-
}();
|
|
8272
|
-
var off = function () {
|
|
8273
|
-
return function (element, event, handler) {
|
|
8274
|
-
var useCapture = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
8275
|
-
|
|
8276
|
-
if (element && event) {
|
|
8277
|
-
element.removeEventListener(event, handler, useCapture);
|
|
8278
|
-
}
|
|
8279
|
-
};
|
|
8280
|
-
}();var prefixCls = 'ui-drawer';
|
|
8192
|
+
var FormDialog = __vue_component__$g;//
|
|
8193
|
+
//
|
|
8194
|
+
//
|
|
8195
|
+
//
|
|
8196
|
+
//
|
|
8197
|
+
//
|
|
8198
|
+
//
|
|
8199
|
+
//
|
|
8200
|
+
//
|
|
8201
|
+
//
|
|
8202
|
+
//
|
|
8203
|
+
//
|
|
8204
|
+
//
|
|
8281
8205
|
var script$f = {
|
|
8282
|
-
name: '
|
|
8283
|
-
|
|
8284
|
-
TransferDom: TransferDom
|
|
8285
|
-
},
|
|
8206
|
+
name: 'ui-drawer',
|
|
8207
|
+
inheritAttrs: false,
|
|
8286
8208
|
props: {
|
|
8287
|
-
value:
|
|
8288
|
-
|
|
8289
|
-
default: false
|
|
8290
|
-
},
|
|
8291
|
-
title: {
|
|
8292
|
-
type: String
|
|
8293
|
-
},
|
|
8209
|
+
value: Boolean,
|
|
8210
|
+
visible: Boolean,
|
|
8294
8211
|
width: {
|
|
8295
8212
|
type: [Number, String],
|
|
8296
8213
|
default: 256
|
|
8297
8214
|
},
|
|
8298
|
-
|
|
8299
|
-
type: Boolean,
|
|
8300
|
-
default: true
|
|
8301
|
-
},
|
|
8302
|
-
maskClosable: {
|
|
8303
|
-
type: Boolean,
|
|
8304
|
-
default: true
|
|
8305
|
-
},
|
|
8306
|
-
mask: {
|
|
8307
|
-
type: Boolean,
|
|
8308
|
-
default: true
|
|
8309
|
-
},
|
|
8310
|
-
maskStyle: {
|
|
8311
|
-
type: Object
|
|
8312
|
-
},
|
|
8313
|
-
styles: {
|
|
8314
|
-
type: Object
|
|
8315
|
-
},
|
|
8316
|
-
scrollable: {
|
|
8317
|
-
type: Boolean,
|
|
8318
|
-
default: false
|
|
8319
|
-
},
|
|
8320
|
-
placement: {
|
|
8321
|
-
validator: function validator(value) {
|
|
8322
|
-
return oneOf(value, ['left', 'right']);
|
|
8323
|
-
},
|
|
8324
|
-
default: 'right'
|
|
8325
|
-
},
|
|
8326
|
-
zIndex: {
|
|
8327
|
-
type: Number,
|
|
8328
|
-
default: 1000
|
|
8329
|
-
},
|
|
8330
|
-
transfer: {
|
|
8331
|
-
type: Boolean,
|
|
8332
|
-
default: true
|
|
8333
|
-
},
|
|
8334
|
-
className: {
|
|
8215
|
+
customClass: {
|
|
8335
8216
|
type: String
|
|
8336
|
-
},
|
|
8337
|
-
inner: {
|
|
8338
|
-
type: Boolean,
|
|
8339
|
-
default: false
|
|
8340
|
-
},
|
|
8341
|
-
// Whether drag and drop is allowed to adjust width
|
|
8342
|
-
draggable: {
|
|
8343
|
-
type: Boolean,
|
|
8344
|
-
default: false
|
|
8345
|
-
},
|
|
8346
|
-
beforeClose: Function,
|
|
8347
|
-
destroyOnClose: {
|
|
8348
|
-
type: Boolean,
|
|
8349
|
-
default: true
|
|
8350
8217
|
}
|
|
8351
8218
|
},
|
|
8352
|
-
data: function data() {
|
|
8353
|
-
return {
|
|
8354
|
-
prefixCls: prefixCls,
|
|
8355
|
-
visible: this.value,
|
|
8356
|
-
wrapShow: false,
|
|
8357
|
-
showHead: true,
|
|
8358
|
-
canMove: false,
|
|
8359
|
-
dragWidth: this.width,
|
|
8360
|
-
wrapperWidth: this.width,
|
|
8361
|
-
wrapperLeft: 0,
|
|
8362
|
-
minWidth: 256,
|
|
8363
|
-
key: 0
|
|
8364
|
-
};
|
|
8365
|
-
},
|
|
8366
8219
|
computed: {
|
|
8367
|
-
|
|
8368
|
-
|
|
8369
|
-
|
|
8370
|
-
return ["".concat(prefixCls, "-wrap"), (_ref = {}, _defineProperty(_ref, "".concat(prefixCls, "-hidden"), !this.wrapShow), _defineProperty(_ref, "".concat(this.className), !!this.className), _defineProperty(_ref, "".concat(prefixCls, "-no-mask"), !this.mask), _defineProperty(_ref, "".concat(prefixCls, "-wrap-inner"), this.inner), _defineProperty(_ref, "".concat(prefixCls, "-wrap-dragging"), this.canMove), _ref)];
|
|
8371
|
-
},
|
|
8372
|
-
mainStyles: function mainStyles() {
|
|
8373
|
-
var style = {};
|
|
8374
|
-
var width = parseInt(this.dragWidth);
|
|
8375
|
-
var styleWidth = {
|
|
8376
|
-
width: width <= 100 ? "".concat(width, "%") : "".concat(width, "px")
|
|
8377
|
-
};
|
|
8378
|
-
Object.assign(style, styleWidth);
|
|
8379
|
-
return style;
|
|
8380
|
-
},
|
|
8381
|
-
contentClasses: function contentClasses() {
|
|
8382
|
-
return ["".concat(prefixCls, "-content"), _defineProperty({}, "".concat(prefixCls, "-content-no-mask"), !this.mask)];
|
|
8383
|
-
},
|
|
8384
|
-
classes: function classes() {
|
|
8385
|
-
var _ref3;
|
|
8386
|
-
|
|
8387
|
-
return ["".concat(prefixCls), "".concat(prefixCls, "-").concat(this.placement), (_ref3 = {}, _defineProperty(_ref3, "".concat(prefixCls, "-no-header"), !this.showHead), _defineProperty(_ref3, "".concat(prefixCls, "-inner"), this.inner), _ref3)];
|
|
8220
|
+
realVisible: function realVisible() {
|
|
8221
|
+
return this.visible || this.value;
|
|
8388
8222
|
},
|
|
8389
|
-
|
|
8390
|
-
return
|
|
8223
|
+
realCustomClass: function realCustomClass() {
|
|
8224
|
+
return "ui-drawer ".concat(this.customClass || '');
|
|
8391
8225
|
}
|
|
8392
8226
|
},
|
|
8393
8227
|
methods: {
|
|
8394
|
-
|
|
8395
|
-
|
|
8396
|
-
|
|
8397
|
-
|
|
8398
|
-
return this.handleClose();
|
|
8399
|
-
}
|
|
8400
|
-
|
|
8401
|
-
var before = this.beforeClose();
|
|
8402
|
-
|
|
8403
|
-
if (before && before.then) {
|
|
8404
|
-
before.then(function () {
|
|
8405
|
-
_this.handleClose();
|
|
8406
|
-
});
|
|
8407
|
-
} else {
|
|
8408
|
-
this.handleClose();
|
|
8409
|
-
}
|
|
8410
|
-
},
|
|
8411
|
-
handleClose: function handleClose() {
|
|
8412
|
-
this.visible = false;
|
|
8413
|
-
this.$emit('input', false);
|
|
8414
|
-
this.$emit('on-close');
|
|
8415
|
-
},
|
|
8416
|
-
handleMask: function handleMask() {
|
|
8417
|
-
if (this.maskClosable && this.mask) {
|
|
8418
|
-
this.close();
|
|
8419
|
-
}
|
|
8420
|
-
},
|
|
8421
|
-
handleWrapClick: function handleWrapClick(event) {
|
|
8422
|
-
// use indexOf,do not use === ,because ivu-modal-wrap can have other custom className
|
|
8423
|
-
var className = event.target.getAttribute('class');
|
|
8424
|
-
if (className && className.indexOf("".concat(prefixCls, "-wrap")) > -1) this.handleMask();
|
|
8425
|
-
},
|
|
8426
|
-
handleMousemove: function handleMousemove(event) {
|
|
8427
|
-
if (!this.canMove || !this.draggable) return; // 更新容器宽度和距离左侧页面距离,如果是window则距左侧距离为0
|
|
8428
|
-
|
|
8429
|
-
this.handleSetWrapperWidth();
|
|
8430
|
-
var left = event.pageX - this.wrapperLeft; // 如果抽屉方向为右边,宽度计算需用容器宽度减去left
|
|
8431
|
-
|
|
8432
|
-
var width = this.placement === 'right' ? this.wrapperWidth - left : left; // 限定最小宽度
|
|
8433
|
-
|
|
8434
|
-
width = Math.max(width, parseFloat(this.minWidth));
|
|
8435
|
-
event.atMin = width === parseFloat(this.minWidth); // 如果当前width不大于100,视为百分比
|
|
8436
|
-
|
|
8437
|
-
if (width <= 100) width = width / this.wrapperWidth * 100;
|
|
8438
|
-
this.dragWidth = width;
|
|
8439
|
-
this.$emit('on-resize-width', parseInt(this.dragWidth));
|
|
8440
|
-
},
|
|
8441
|
-
handleSetWrapperWidth: function handleSetWrapperWidth() {
|
|
8442
|
-
var _this$$el$getBounding = this.$el.getBoundingClientRect(),
|
|
8443
|
-
width = _this$$el$getBounding.width,
|
|
8444
|
-
left = _this$$el$getBounding.left;
|
|
8445
|
-
|
|
8446
|
-
this.wrapperWidth = width;
|
|
8447
|
-
this.wrapperLeft = left;
|
|
8448
|
-
},
|
|
8449
|
-
handleMouseup: function handleMouseup() {
|
|
8450
|
-
if (!this.draggable) return;
|
|
8451
|
-
this.canMove = false;
|
|
8452
|
-
},
|
|
8453
|
-
handleTriggerMousedown: function handleTriggerMousedown() {
|
|
8454
|
-
this.canMove = true; // 防止鼠标选中抽屉中文字,造成拖动trigger触发浏览器原生拖动行为
|
|
8455
|
-
|
|
8456
|
-
window.getSelection().removeAllRanges();
|
|
8457
|
-
}
|
|
8458
|
-
},
|
|
8459
|
-
mounted: function mounted() {
|
|
8460
|
-
if (this.visible) {
|
|
8461
|
-
this.wrapShow = true;
|
|
8462
|
-
}
|
|
8463
|
-
|
|
8464
|
-
var showHead = true;
|
|
8465
|
-
|
|
8466
|
-
if (this.$slots.header === undefined && !this.title) {
|
|
8467
|
-
showHead = false;
|
|
8468
|
-
}
|
|
8469
|
-
|
|
8470
|
-
this.showHead = showHead;
|
|
8471
|
-
on(document, 'mousemove', this.handleMousemove);
|
|
8472
|
-
on(document, 'mouseup', this.handleMouseup);
|
|
8473
|
-
this.handleSetWrapperWidth();
|
|
8474
|
-
},
|
|
8475
|
-
beforeDestroy: function beforeDestroy() {
|
|
8476
|
-
off(document, 'mousemove', this.handleMousemove);
|
|
8477
|
-
off(document, 'mouseup', this.handleMouseup);
|
|
8478
|
-
},
|
|
8479
|
-
watch: {
|
|
8480
|
-
value: function value(val) {
|
|
8481
|
-
var _this2 = this;
|
|
8482
|
-
|
|
8483
|
-
this.visible = val;
|
|
8484
|
-
|
|
8485
|
-
if (!val) {
|
|
8486
|
-
if (this.destroyOnClose) {
|
|
8487
|
-
this.$nextTick(function () {
|
|
8488
|
-
_this2.key++;
|
|
8489
|
-
});
|
|
8490
|
-
}
|
|
8491
|
-
}
|
|
8492
|
-
},
|
|
8493
|
-
visible: function visible(val) {
|
|
8494
|
-
var _this3 = this;
|
|
8495
|
-
|
|
8496
|
-
if (val === false) {
|
|
8497
|
-
this.timer = setTimeout(function () {
|
|
8498
|
-
_this3.wrapShow = false;
|
|
8499
|
-
}, 300);
|
|
8500
|
-
} else {
|
|
8501
|
-
if (this.timer) clearTimeout(this.timer);
|
|
8502
|
-
this.wrapShow = true;
|
|
8503
|
-
}
|
|
8504
|
-
|
|
8505
|
-
this.$emit('on-visible-change', val);
|
|
8506
|
-
},
|
|
8507
|
-
title: function title(val) {
|
|
8508
|
-
if (this.$slots.header === undefined) {
|
|
8509
|
-
this.showHead = !!val;
|
|
8510
|
-
}
|
|
8511
|
-
},
|
|
8512
|
-
width: function width(val) {
|
|
8513
|
-
this.dragWidth = val;
|
|
8228
|
+
onUpdateVisible: function onUpdateVisible(visible) {
|
|
8229
|
+
this.$emit('input', visible);
|
|
8230
|
+
this.$emit('change', visible);
|
|
8231
|
+
this.$emit('on-visible-change', visible);
|
|
8514
8232
|
}
|
|
8515
8233
|
}
|
|
8516
8234
|
};/* script */
|
|
@@ -8524,80 +8242,16 @@ var __vue_render__$e = function __vue_render__() {
|
|
|
8524
8242
|
|
|
8525
8243
|
var _c = _vm._self._c || _h;
|
|
8526
8244
|
|
|
8527
|
-
return _c('
|
|
8528
|
-
directives: [{
|
|
8529
|
-
name: "transfer-dom",
|
|
8530
|
-
rawName: "v-transfer-dom"
|
|
8531
|
-
}],
|
|
8532
|
-
attrs: {
|
|
8533
|
-
"data-transfer": _vm.transfer
|
|
8534
|
-
}
|
|
8535
|
-
}, [_c('transition', {
|
|
8536
|
-
attrs: {
|
|
8537
|
-
"name": "fade"
|
|
8538
|
-
}
|
|
8539
|
-
}, [_vm.mask ? _c('div', {
|
|
8540
|
-
directives: [{
|
|
8541
|
-
name: "show",
|
|
8542
|
-
rawName: "v-show",
|
|
8543
|
-
value: _vm.visible,
|
|
8544
|
-
expression: "visible"
|
|
8545
|
-
}],
|
|
8546
|
-
class: _vm.maskClasses,
|
|
8547
|
-
style: _vm.maskStyle,
|
|
8548
|
-
on: {
|
|
8549
|
-
"click": _vm.handleMask
|
|
8550
|
-
}
|
|
8551
|
-
}) : _vm._e()]), _vm._ssrNode(" "), _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.wrapClasses) + ">", "</div>", [_c('transition', {
|
|
8245
|
+
return _c('el-drawer', _vm._g(_vm._b({
|
|
8552
8246
|
attrs: {
|
|
8553
|
-
"
|
|
8554
|
-
|
|
8555
|
-
|
|
8556
|
-
directives: [{
|
|
8557
|
-
name: "show",
|
|
8558
|
-
rawName: "v-show",
|
|
8559
|
-
value: _vm.visible,
|
|
8560
|
-
expression: "visible"
|
|
8561
|
-
}],
|
|
8562
|
-
class: _vm.classes,
|
|
8563
|
-
style: _vm.mainStyles
|
|
8564
|
-
}, [_c('div', {
|
|
8565
|
-
key: _vm.key,
|
|
8566
|
-
ref: "content",
|
|
8567
|
-
class: _vm.contentClasses
|
|
8568
|
-
}, [_vm.closable ? _c('a', {
|
|
8569
|
-
staticClass: "ui-drawer-close",
|
|
8570
|
-
on: {
|
|
8571
|
-
"click": _vm.close
|
|
8572
|
-
}
|
|
8573
|
-
}, [_vm._t("close", function () {
|
|
8574
|
-
return [_c('i', {
|
|
8575
|
-
staticClass: "el-icon-close"
|
|
8576
|
-
})];
|
|
8577
|
-
})], 2) : _vm._e(), _vm._v(" "), _vm.showHead ? _c('div', {
|
|
8578
|
-
class: [_vm.prefixCls + '-header']
|
|
8579
|
-
}, [_vm._t("header", function () {
|
|
8580
|
-
return [_c('div', {
|
|
8581
|
-
class: [_vm.prefixCls + '-header-inner']
|
|
8582
|
-
}, [_vm._v(_vm._s(_vm.title))])];
|
|
8583
|
-
})], 2) : _vm._e(), _vm._v(" "), _c('div', {
|
|
8584
|
-
class: [_vm.prefixCls + '-body'],
|
|
8585
|
-
style: _vm.styles
|
|
8586
|
-
}, [_vm._t("default")], 2)]), _vm._v(" "), _vm.draggable ? _c('div', {
|
|
8587
|
-
staticClass: "ui-drawer-drag",
|
|
8588
|
-
class: {
|
|
8589
|
-
'ui-drawer-drag-left': _vm.placement === 'left'
|
|
8247
|
+
"size": _vm.width,
|
|
8248
|
+
"visible": _vm.realVisible,
|
|
8249
|
+
"custom-class": _vm.realCustomClass
|
|
8590
8250
|
},
|
|
8591
8251
|
on: {
|
|
8592
|
-
"
|
|
8252
|
+
"update:visible": _vm.onUpdateVisible
|
|
8593
8253
|
}
|
|
8594
|
-
}, [_vm._t("
|
|
8595
|
-
return [_c('div', {
|
|
8596
|
-
staticClass: "ui-drawer-drag-move-trigger"
|
|
8597
|
-
}, [_c('div', {
|
|
8598
|
-
staticClass: "ui-drawer-drag-move-trigger-point"
|
|
8599
|
-
}, [_c('i'), _c('i'), _c('i'), _c('i'), _c('i')])])];
|
|
8600
|
-
})], 2) : _vm._e()])])], 1)], 2);
|
|
8254
|
+
}, 'el-drawer', _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2);
|
|
8601
8255
|
};
|
|
8602
8256
|
|
|
8603
8257
|
var __vue_staticRenderFns__$e = [];
|
|
@@ -8605,8 +8259,8 @@ var __vue_staticRenderFns__$e = [];
|
|
|
8605
8259
|
|
|
8606
8260
|
var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
|
|
8607
8261
|
if (!inject) return;
|
|
8608
|
-
inject("data-v-
|
|
8609
|
-
source: ".ui-drawer
|
|
8262
|
+
inject("data-v-f1a8d0b8_0", {
|
|
8263
|
+
source: ".ui-drawer .el-drawer__header{margin:0;padding:14px 16px;height:50px;border-bottom:1px solid #e8eaec;display:flex;flex-direction:row;align-items:center}.ui-drawer .el-drawer__header>span:first-child{color:#17233d}.ui-drawer .el-drawer__body{height:calc(100% - 51px);display:flex;flex-direction:column}",
|
|
8610
8264
|
map: undefined,
|
|
8611
8265
|
media: undefined
|
|
8612
8266
|
});
|
|
@@ -8617,7 +8271,7 @@ var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
|
|
|
8617
8271
|
var __vue_scope_id__$f = undefined;
|
|
8618
8272
|
/* module identifier */
|
|
8619
8273
|
|
|
8620
|
-
var __vue_module_identifier__$f = "data-v-
|
|
8274
|
+
var __vue_module_identifier__$f = "data-v-f1a8d0b8";
|
|
8621
8275
|
/* functional template */
|
|
8622
8276
|
|
|
8623
8277
|
var __vue_is_functional_template__$f = false;
|
|
@@ -8686,20 +8340,6 @@ var script$e = {
|
|
|
8686
8340
|
loading: Boolean,
|
|
8687
8341
|
labelWidth: String,
|
|
8688
8342
|
labelPosition: String,
|
|
8689
|
-
// 是否将抽屉放置于 body 内
|
|
8690
|
-
transfer: {
|
|
8691
|
-
type: Boolean,
|
|
8692
|
-
default: false
|
|
8693
|
-
},
|
|
8694
|
-
mask: {
|
|
8695
|
-
type: Boolean,
|
|
8696
|
-
default: true
|
|
8697
|
-
},
|
|
8698
|
-
// 是否设置抽屉在某个元素内打开,开启此属性时,应当关闭 transfer 属性
|
|
8699
|
-
inner: {
|
|
8700
|
-
type: Boolean,
|
|
8701
|
-
default: true
|
|
8702
|
-
},
|
|
8703
8343
|
disabled: {
|
|
8704
8344
|
type: Boolean,
|
|
8705
8345
|
default: undefined
|
|
@@ -8867,15 +8507,12 @@ var __vue_render__$d = function __vue_render__() {
|
|
|
8867
8507
|
|
|
8868
8508
|
return _c('ui-drawer', _vm._g(_vm._b({
|
|
8869
8509
|
attrs: {
|
|
8870
|
-
"class
|
|
8871
|
-
"
|
|
8872
|
-
"width": _vm.width
|
|
8873
|
-
"transfer": _vm.transfer,
|
|
8874
|
-
"mask": _vm.mask,
|
|
8875
|
-
"inner": _vm.inner
|
|
8510
|
+
"custom-class": "ui-form-drawer",
|
|
8511
|
+
"visible": _vm.visible,
|
|
8512
|
+
"width": _vm.width
|
|
8876
8513
|
},
|
|
8877
8514
|
on: {
|
|
8878
|
-
"
|
|
8515
|
+
"update:visible": _vm.updateVisible
|
|
8879
8516
|
}
|
|
8880
8517
|
}, 'ui-drawer', _vm.$attrs, false), _vm.drawerListeners), [_c('div', {
|
|
8881
8518
|
directives: [{
|
|
@@ -8924,8 +8561,8 @@ var __vue_staticRenderFns__$d = [];
|
|
|
8924
8561
|
|
|
8925
8562
|
var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
|
|
8926
8563
|
if (!inject) return;
|
|
8927
|
-
inject("data-v-
|
|
8928
|
-
source: ".ui-form-drawer{display:flex;flex-direction:column;padding:0;outline:0}.ui-form-drawer .
|
|
8564
|
+
inject("data-v-168074a3_0", {
|
|
8565
|
+
source: ".ui-form-drawer{display:flex;flex-direction:column;padding:0;outline:0}.ui-form-drawer .el-drawer-body{flex:1;padding:0;overflow:hidden;display:flex;flex-direction:column}.ui-form-drawer .el-drawer-body>.el-form{flex:1;overflow:auto}.ui-form-drawer .el-drawer-body>.action-button{flex:none}.ui-form-drawer .ui-form-drawer-wrapper{flex:1;overflow:hidden}.ui-form-drawer .ui-form-drawer-wrapper .el-form{width:100%;height:100%;overflow:auto;padding:16px;box-sizing:border-box}.ui-form-drawer .action-button{flex:none;padding:16px;border-top:1px solid #e8eaec;display:flex;flex-direction:row-reverse}.ui-form-drawer .action-button button+button{margin-right:16px}.ui-form-drawer .action-button::after{content:'';clear:both}",
|
|
8929
8566
|
map: undefined,
|
|
8930
8567
|
media: undefined
|
|
8931
8568
|
});
|
|
@@ -8936,7 +8573,7 @@ var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
|
|
|
8936
8573
|
var __vue_scope_id__$e = undefined;
|
|
8937
8574
|
/* module identifier */
|
|
8938
8575
|
|
|
8939
|
-
var __vue_module_identifier__$e = "data-v-
|
|
8576
|
+
var __vue_module_identifier__$e = "data-v-168074a3";
|
|
8940
8577
|
/* functional template */
|
|
8941
8578
|
|
|
8942
8579
|
var __vue_is_functional_template__$e = false;
|