y-design-ssr 0.0.34 → 0.0.35
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/libs/dialog.js +172 -163
- package/libs/list.js +204 -5
- package/libs/loading.js +170 -161
- package/libs/yui.js +184 -168
- package/package.json +1 -1
package/libs/dialog.js
CHANGED
|
@@ -485,7 +485,7 @@ icon.install = function (app) {
|
|
|
485
485
|
|
|
486
486
|
/***/ }),
|
|
487
487
|
|
|
488
|
-
/***/
|
|
488
|
+
/***/ 9245:
|
|
489
489
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
490
490
|
|
|
491
491
|
"use strict";
|
|
@@ -499,163 +499,8 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
499
499
|
|
|
500
500
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
|
|
501
501
|
var es_function_name = __webpack_require__(8309);
|
|
502
|
-
// EXTERNAL MODULE: ./
|
|
503
|
-
var
|
|
504
|
-
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 3 modules
|
|
505
|
-
var slicedToArray = __webpack_require__(4699);
|
|
506
|
-
// EXTERNAL MODULE: external "vue"
|
|
507
|
-
var external_vue_ = __webpack_require__(4103);
|
|
508
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
|
|
509
|
-
var es_number_constructor = __webpack_require__(9653);
|
|
510
|
-
// EXTERNAL MODULE: ./packages/utils/index.ts + 4 modules
|
|
511
|
-
var utils = __webpack_require__(4105);
|
|
512
|
-
;// CONCATENATED MODULE: ./packages/loading/src/loading.tsx
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
/*
|
|
519
|
-
* @Description: Loading组件
|
|
520
|
-
* @Author: ruan fei
|
|
521
|
-
* @Date: 2021-04-26 17:19:23
|
|
522
|
-
* @LastEditors: ruan fei
|
|
523
|
-
* @LastEditTime: 2021-06-10 13:23:15
|
|
524
|
-
* @FilePath: /yui-vue/packages/loading/src/loading.tsx
|
|
525
|
-
*/
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
var _createNamespace = (0,utils/* createNamespace */.do)('loading'),
|
|
530
|
-
_createNamespace2 = (0,slicedToArray/* default */.Z)(_createNamespace, 2),
|
|
531
|
-
loading_name = _createNamespace2[0],
|
|
532
|
-
bem = _createNamespace2[1];
|
|
533
|
-
|
|
534
|
-
var _props = {
|
|
535
|
-
// Loading icon 的颜色
|
|
536
|
-
color: {
|
|
537
|
-
type: String,
|
|
538
|
-
default: ''
|
|
539
|
-
},
|
|
540
|
-
// 背景色
|
|
541
|
-
bgColor: {
|
|
542
|
-
type: String,
|
|
543
|
-
default: ''
|
|
544
|
-
},
|
|
545
|
-
bgBorderRadius: {
|
|
546
|
-
type: [Number, String],
|
|
547
|
-
default: '16px'
|
|
548
|
-
},
|
|
549
|
-
// 粗细
|
|
550
|
-
thick: {
|
|
551
|
-
type: [Number, String],
|
|
552
|
-
default: 8
|
|
553
|
-
},
|
|
554
|
-
// 方向
|
|
555
|
-
direction: {
|
|
556
|
-
type: String,
|
|
557
|
-
default: 'forward'
|
|
558
|
-
},
|
|
559
|
-
// 大小
|
|
560
|
-
size: {
|
|
561
|
-
type: [Number, String],
|
|
562
|
-
default: '24px'
|
|
563
|
-
},
|
|
564
|
-
padding: {
|
|
565
|
-
type: [Number, String],
|
|
566
|
-
default: ''
|
|
567
|
-
},
|
|
568
|
-
// 文案
|
|
569
|
-
text: {
|
|
570
|
-
type: String,
|
|
571
|
-
default: ''
|
|
572
|
-
},
|
|
573
|
-
// 文案位置
|
|
574
|
-
textLocation: {
|
|
575
|
-
type: String,
|
|
576
|
-
default: 'bottom'
|
|
577
|
-
},
|
|
578
|
-
// 文案大小
|
|
579
|
-
textSize: {
|
|
580
|
-
type: [Number, String],
|
|
581
|
-
default: ''
|
|
582
|
-
},
|
|
583
|
-
// 文案颜色
|
|
584
|
-
textColor: {
|
|
585
|
-
type: String,
|
|
586
|
-
default: ''
|
|
587
|
-
},
|
|
588
|
-
// 布局位置
|
|
589
|
-
position: {
|
|
590
|
-
type: String,
|
|
591
|
-
default: 'relative'
|
|
592
|
-
}
|
|
593
|
-
};
|
|
594
|
-
/* harmony default export */ var loading = ((0,external_vue_.defineComponent)({
|
|
595
|
-
name: loading_name,
|
|
596
|
-
props: _props,
|
|
597
|
-
setup: function setup(props, _ref) {
|
|
598
|
-
var slots = _ref.slots;
|
|
599
|
-
|
|
600
|
-
/**
|
|
601
|
-
* @description: 渲染
|
|
602
|
-
* @return {VNodeChild}
|
|
603
|
-
*/
|
|
604
|
-
return function () {
|
|
605
|
-
var _slots$default, _slots$icon;
|
|
606
|
-
|
|
607
|
-
var position = props.position,
|
|
608
|
-
textLocation = props.textLocation,
|
|
609
|
-
bgColor = props.bgColor,
|
|
610
|
-
bgBorderRadius = props.bgBorderRadius,
|
|
611
|
-
size = props.size,
|
|
612
|
-
padding = props.padding,
|
|
613
|
-
color = props.color,
|
|
614
|
-
thick = props.thick,
|
|
615
|
-
direction = props.direction,
|
|
616
|
-
text = props.text,
|
|
617
|
-
textColor = props.textColor,
|
|
618
|
-
textSize = props.textSize;
|
|
619
|
-
var showText = ((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)) || text;
|
|
620
|
-
return (0,external_vue_.createVNode)("div", {
|
|
621
|
-
"class": bem((0,defineProperty/* default */.Z)({}, position, position !== 'relative'))
|
|
622
|
-
}, [(0,external_vue_.createVNode)("div", {
|
|
623
|
-
"class": bem('bg', (0,defineProperty/* default */.Z)({}, position, position !== 'relative')),
|
|
624
|
-
"style": {
|
|
625
|
-
flexDirection: (0,utils/* parseFlexDirection */.xo)(textLocation),
|
|
626
|
-
backgroundColor: bgColor,
|
|
627
|
-
borderRadius: (0,utils/* parseUnit */.n2)(bgBorderRadius),
|
|
628
|
-
padding: (0,utils/* parseUnit */.n2)(padding)
|
|
629
|
-
}
|
|
630
|
-
}, [(0,external_vue_.createVNode)("span", {
|
|
631
|
-
"class": bem('icon-wrapper'),
|
|
632
|
-
"style": {
|
|
633
|
-
width: (0,utils/* parseUnit */.n2)(size),
|
|
634
|
-
height: (0,utils/* parseUnit */.n2)(size)
|
|
635
|
-
}
|
|
636
|
-
}, [((_slots$icon = slots.icon) === null || _slots$icon === void 0 ? void 0 : _slots$icon.call(slots)) || (0,external_vue_.createVNode)("svg", {
|
|
637
|
-
"class": bem('icon', (0,defineProperty/* default */.Z)({}, direction, direction)),
|
|
638
|
-
"viewBox": '25 25 50 50'
|
|
639
|
-
}, [(0,external_vue_.createVNode)("circle", {
|
|
640
|
-
"class": bem('icon-circle'),
|
|
641
|
-
"style": {
|
|
642
|
-
stroke: color,
|
|
643
|
-
strokeWidth: (0,utils/* parseUnit */.n2)(thick)
|
|
644
|
-
},
|
|
645
|
-
"cx": '50',
|
|
646
|
-
"cy": '50',
|
|
647
|
-
"r": '20',
|
|
648
|
-
"fill": 'none'
|
|
649
|
-
}, null)])]), showText && (0,external_vue_.createVNode)("span", {
|
|
650
|
-
"class": bem('text', (0,defineProperty/* default */.Z)({}, textLocation, textLocation)),
|
|
651
|
-
"style": {
|
|
652
|
-
color: textColor,
|
|
653
|
-
fontSize: (0,utils/* parseUnit */.n2)(textSize)
|
|
654
|
-
}
|
|
655
|
-
}, [showText])])]);
|
|
656
|
-
};
|
|
657
|
-
}
|
|
658
|
-
}));
|
|
502
|
+
// EXTERNAL MODULE: ./packages/loading/src/loading.tsx
|
|
503
|
+
var loading = __webpack_require__(4899);
|
|
659
504
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
|
|
660
505
|
var es_object_keys = __webpack_require__(7941);
|
|
661
506
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
|
|
@@ -668,6 +513,10 @@ var es_object_get_own_property_descriptor = __webpack_require__(5003);
|
|
|
668
513
|
var web_dom_collections_for_each = __webpack_require__(4747);
|
|
669
514
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptors.js
|
|
670
515
|
var es_object_get_own_property_descriptors = __webpack_require__(9337);
|
|
516
|
+
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
517
|
+
var defineProperty = __webpack_require__(6156);
|
|
518
|
+
// EXTERNAL MODULE: external "vue"
|
|
519
|
+
var external_vue_ = __webpack_require__(4103);
|
|
671
520
|
;// CONCATENATED MODULE: ./packages/loading/src/create.ts
|
|
672
521
|
|
|
673
522
|
|
|
@@ -703,7 +552,7 @@ var instance = null;
|
|
|
703
552
|
var initInstance = function initInstance(customProps, customSlots) {
|
|
704
553
|
var wrapper = {
|
|
705
554
|
render: function render() {
|
|
706
|
-
return (0,external_vue_.h)(loading, _objectSpread({}, customProps), _objectSpread({}, customSlots));
|
|
555
|
+
return (0,external_vue_.h)(loading/* default */.Z, _objectSpread({}, customProps), _objectSpread({}, customSlots));
|
|
707
556
|
}
|
|
708
557
|
};
|
|
709
558
|
var customApp = (0,external_vue_.createApp)(wrapper);
|
|
@@ -829,9 +678,9 @@ var directiveSlots = {
|
|
|
829
678
|
|
|
830
679
|
|
|
831
680
|
|
|
832
|
-
loading.install = function (app) {
|
|
681
|
+
loading/* default.install */.Z.install = function (app) {
|
|
833
682
|
// 注册组件
|
|
834
|
-
app.component(loading.name, loading); // provide
|
|
683
|
+
app.component(loading/* default.name */.Z.name, loading/* default */.Z); // provide
|
|
835
684
|
|
|
836
685
|
app.provide('loading', create); // 注册插件及v-loading
|
|
837
686
|
|
|
@@ -841,6 +690,166 @@ loading.install = function (app) {
|
|
|
841
690
|
/* harmony default export */ var packages_loading = ((/* unused pure expression or super */ null && (Loading)));
|
|
842
691
|
|
|
843
692
|
|
|
693
|
+
/***/ }),
|
|
694
|
+
|
|
695
|
+
/***/ 4899:
|
|
696
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
697
|
+
|
|
698
|
+
"use strict";
|
|
699
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6156);
|
|
700
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4699);
|
|
701
|
+
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4103);
|
|
702
|
+
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
|
703
|
+
/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9653);
|
|
704
|
+
/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
705
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4105);
|
|
706
|
+
|
|
707
|
+
|
|
708
|
+
|
|
709
|
+
|
|
710
|
+
|
|
711
|
+
/*
|
|
712
|
+
* @Description: Loading组件
|
|
713
|
+
* @Author: ruan fei
|
|
714
|
+
* @Date: 2021-04-26 17:19:23
|
|
715
|
+
* @LastEditors: ruan fei
|
|
716
|
+
* @LastEditTime: 2021-06-10 13:23:15
|
|
717
|
+
* @FilePath: /yui-vue/packages/loading/src/loading.tsx
|
|
718
|
+
*/
|
|
719
|
+
|
|
720
|
+
|
|
721
|
+
|
|
722
|
+
var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .createNamespace */ .do)('loading'),
|
|
723
|
+
_createNamespace2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3__/* .default */ .Z)(_createNamespace, 2),
|
|
724
|
+
name = _createNamespace2[0],
|
|
725
|
+
bem = _createNamespace2[1];
|
|
726
|
+
|
|
727
|
+
var _props = {
|
|
728
|
+
// Loading icon 的颜色
|
|
729
|
+
color: {
|
|
730
|
+
type: String,
|
|
731
|
+
default: ''
|
|
732
|
+
},
|
|
733
|
+
// 背景色
|
|
734
|
+
bgColor: {
|
|
735
|
+
type: String,
|
|
736
|
+
default: ''
|
|
737
|
+
},
|
|
738
|
+
bgBorderRadius: {
|
|
739
|
+
type: [Number, String],
|
|
740
|
+
default: '16px'
|
|
741
|
+
},
|
|
742
|
+
// 粗细
|
|
743
|
+
thick: {
|
|
744
|
+
type: [Number, String],
|
|
745
|
+
default: 8
|
|
746
|
+
},
|
|
747
|
+
// 方向
|
|
748
|
+
direction: {
|
|
749
|
+
type: String,
|
|
750
|
+
default: 'forward'
|
|
751
|
+
},
|
|
752
|
+
// 大小
|
|
753
|
+
size: {
|
|
754
|
+
type: [Number, String],
|
|
755
|
+
default: '24px'
|
|
756
|
+
},
|
|
757
|
+
padding: {
|
|
758
|
+
type: [Number, String],
|
|
759
|
+
default: ''
|
|
760
|
+
},
|
|
761
|
+
// 文案
|
|
762
|
+
text: {
|
|
763
|
+
type: String,
|
|
764
|
+
default: ''
|
|
765
|
+
},
|
|
766
|
+
// 文案位置
|
|
767
|
+
textLocation: {
|
|
768
|
+
type: String,
|
|
769
|
+
default: 'bottom'
|
|
770
|
+
},
|
|
771
|
+
// 文案大小
|
|
772
|
+
textSize: {
|
|
773
|
+
type: [Number, String],
|
|
774
|
+
default: ''
|
|
775
|
+
},
|
|
776
|
+
// 文案颜色
|
|
777
|
+
textColor: {
|
|
778
|
+
type: String,
|
|
779
|
+
default: ''
|
|
780
|
+
},
|
|
781
|
+
// 布局位置
|
|
782
|
+
position: {
|
|
783
|
+
type: String,
|
|
784
|
+
default: 'relative'
|
|
785
|
+
}
|
|
786
|
+
};
|
|
787
|
+
/* harmony default export */ __webpack_exports__["Z"] = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({
|
|
788
|
+
name: name,
|
|
789
|
+
props: _props,
|
|
790
|
+
setup: function setup(props, _ref) {
|
|
791
|
+
var slots = _ref.slots;
|
|
792
|
+
|
|
793
|
+
/**
|
|
794
|
+
* @description: 渲染
|
|
795
|
+
* @return {VNodeChild}
|
|
796
|
+
*/
|
|
797
|
+
return function () {
|
|
798
|
+
var _slots$default, _slots$icon;
|
|
799
|
+
|
|
800
|
+
var position = props.position,
|
|
801
|
+
textLocation = props.textLocation,
|
|
802
|
+
bgColor = props.bgColor,
|
|
803
|
+
bgBorderRadius = props.bgBorderRadius,
|
|
804
|
+
size = props.size,
|
|
805
|
+
padding = props.padding,
|
|
806
|
+
color = props.color,
|
|
807
|
+
thick = props.thick,
|
|
808
|
+
direction = props.direction,
|
|
809
|
+
text = props.text,
|
|
810
|
+
textColor = props.textColor,
|
|
811
|
+
textSize = props.textSize;
|
|
812
|
+
var showText = ((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)) || text;
|
|
813
|
+
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
|
|
814
|
+
"class": bem((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__/* .default */ .Z)({}, position, position !== 'relative'))
|
|
815
|
+
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
|
|
816
|
+
"class": bem('bg', (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__/* .default */ .Z)({}, position, position !== 'relative')),
|
|
817
|
+
"style": {
|
|
818
|
+
flexDirection: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseFlexDirection */ .xo)(textLocation),
|
|
819
|
+
backgroundColor: bgColor,
|
|
820
|
+
borderRadius: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseUnit */ .n2)(bgBorderRadius),
|
|
821
|
+
padding: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseUnit */ .n2)(padding)
|
|
822
|
+
}
|
|
823
|
+
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", {
|
|
824
|
+
"class": bem('icon-wrapper'),
|
|
825
|
+
"style": {
|
|
826
|
+
width: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseUnit */ .n2)(size),
|
|
827
|
+
height: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseUnit */ .n2)(size)
|
|
828
|
+
}
|
|
829
|
+
}, [((_slots$icon = slots.icon) === null || _slots$icon === void 0 ? void 0 : _slots$icon.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("svg", {
|
|
830
|
+
"class": bem('icon', (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__/* .default */ .Z)({}, direction, direction)),
|
|
831
|
+
"viewBox": '25 25 50 50'
|
|
832
|
+
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("circle", {
|
|
833
|
+
"class": bem('icon-circle'),
|
|
834
|
+
"style": {
|
|
835
|
+
stroke: color,
|
|
836
|
+
strokeWidth: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseUnit */ .n2)(thick)
|
|
837
|
+
},
|
|
838
|
+
"cx": '50',
|
|
839
|
+
"cy": '50',
|
|
840
|
+
"r": '20',
|
|
841
|
+
"fill": 'none'
|
|
842
|
+
}, null)])]), showText && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", {
|
|
843
|
+
"class": bem('text', (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__/* .default */ .Z)({}, textLocation, textLocation)),
|
|
844
|
+
"style": {
|
|
845
|
+
color: textColor,
|
|
846
|
+
fontSize: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseUnit */ .n2)(textSize)
|
|
847
|
+
}
|
|
848
|
+
}, [showText])])]);
|
|
849
|
+
};
|
|
850
|
+
}
|
|
851
|
+
}));
|
|
852
|
+
|
|
844
853
|
/***/ }),
|
|
845
854
|
|
|
846
855
|
/***/ 3466:
|
|
@@ -5209,8 +5218,8 @@ var popup = __webpack_require__(1599);
|
|
|
5209
5218
|
var icon = __webpack_require__(2519);
|
|
5210
5219
|
// EXTERNAL MODULE: ./packages/button/src/button.tsx
|
|
5211
5220
|
var src_button = __webpack_require__(1222);
|
|
5212
|
-
// EXTERNAL MODULE: ./packages/loading/index.ts +
|
|
5213
|
-
var loading = __webpack_require__(
|
|
5221
|
+
// EXTERNAL MODULE: ./packages/loading/index.ts + 2 modules
|
|
5222
|
+
var loading = __webpack_require__(9245);
|
|
5214
5223
|
;// CONCATENATED MODULE: ./packages/dialog/src/dialog.tsx
|
|
5215
5224
|
|
|
5216
5225
|
|
package/libs/list.js
CHANGED
|
@@ -224,6 +224,166 @@ function _unsupportedIterableToArray(o, minLen) {
|
|
|
224
224
|
module.exports = __webpack_require__(5666);
|
|
225
225
|
|
|
226
226
|
|
|
227
|
+
/***/ }),
|
|
228
|
+
|
|
229
|
+
/***/ 4899:
|
|
230
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
231
|
+
|
|
232
|
+
"use strict";
|
|
233
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6156);
|
|
234
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4699);
|
|
235
|
+
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4103);
|
|
236
|
+
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
|
237
|
+
/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9653);
|
|
238
|
+
/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
239
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4105);
|
|
240
|
+
|
|
241
|
+
|
|
242
|
+
|
|
243
|
+
|
|
244
|
+
|
|
245
|
+
/*
|
|
246
|
+
* @Description: Loading组件
|
|
247
|
+
* @Author: ruan fei
|
|
248
|
+
* @Date: 2021-04-26 17:19:23
|
|
249
|
+
* @LastEditors: ruan fei
|
|
250
|
+
* @LastEditTime: 2021-06-10 13:23:15
|
|
251
|
+
* @FilePath: /yui-vue/packages/loading/src/loading.tsx
|
|
252
|
+
*/
|
|
253
|
+
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
var _createNamespace = (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .createNamespace */ .do)('loading'),
|
|
257
|
+
_createNamespace2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3__/* .default */ .Z)(_createNamespace, 2),
|
|
258
|
+
name = _createNamespace2[0],
|
|
259
|
+
bem = _createNamespace2[1];
|
|
260
|
+
|
|
261
|
+
var _props = {
|
|
262
|
+
// Loading icon 的颜色
|
|
263
|
+
color: {
|
|
264
|
+
type: String,
|
|
265
|
+
default: ''
|
|
266
|
+
},
|
|
267
|
+
// 背景色
|
|
268
|
+
bgColor: {
|
|
269
|
+
type: String,
|
|
270
|
+
default: ''
|
|
271
|
+
},
|
|
272
|
+
bgBorderRadius: {
|
|
273
|
+
type: [Number, String],
|
|
274
|
+
default: '16px'
|
|
275
|
+
},
|
|
276
|
+
// 粗细
|
|
277
|
+
thick: {
|
|
278
|
+
type: [Number, String],
|
|
279
|
+
default: 8
|
|
280
|
+
},
|
|
281
|
+
// 方向
|
|
282
|
+
direction: {
|
|
283
|
+
type: String,
|
|
284
|
+
default: 'forward'
|
|
285
|
+
},
|
|
286
|
+
// 大小
|
|
287
|
+
size: {
|
|
288
|
+
type: [Number, String],
|
|
289
|
+
default: '24px'
|
|
290
|
+
},
|
|
291
|
+
padding: {
|
|
292
|
+
type: [Number, String],
|
|
293
|
+
default: ''
|
|
294
|
+
},
|
|
295
|
+
// 文案
|
|
296
|
+
text: {
|
|
297
|
+
type: String,
|
|
298
|
+
default: ''
|
|
299
|
+
},
|
|
300
|
+
// 文案位置
|
|
301
|
+
textLocation: {
|
|
302
|
+
type: String,
|
|
303
|
+
default: 'bottom'
|
|
304
|
+
},
|
|
305
|
+
// 文案大小
|
|
306
|
+
textSize: {
|
|
307
|
+
type: [Number, String],
|
|
308
|
+
default: ''
|
|
309
|
+
},
|
|
310
|
+
// 文案颜色
|
|
311
|
+
textColor: {
|
|
312
|
+
type: String,
|
|
313
|
+
default: ''
|
|
314
|
+
},
|
|
315
|
+
// 布局位置
|
|
316
|
+
position: {
|
|
317
|
+
type: String,
|
|
318
|
+
default: 'relative'
|
|
319
|
+
}
|
|
320
|
+
};
|
|
321
|
+
/* harmony default export */ __webpack_exports__["Z"] = ((0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({
|
|
322
|
+
name: name,
|
|
323
|
+
props: _props,
|
|
324
|
+
setup: function setup(props, _ref) {
|
|
325
|
+
var slots = _ref.slots;
|
|
326
|
+
|
|
327
|
+
/**
|
|
328
|
+
* @description: 渲染
|
|
329
|
+
* @return {VNodeChild}
|
|
330
|
+
*/
|
|
331
|
+
return function () {
|
|
332
|
+
var _slots$default, _slots$icon;
|
|
333
|
+
|
|
334
|
+
var position = props.position,
|
|
335
|
+
textLocation = props.textLocation,
|
|
336
|
+
bgColor = props.bgColor,
|
|
337
|
+
bgBorderRadius = props.bgBorderRadius,
|
|
338
|
+
size = props.size,
|
|
339
|
+
padding = props.padding,
|
|
340
|
+
color = props.color,
|
|
341
|
+
thick = props.thick,
|
|
342
|
+
direction = props.direction,
|
|
343
|
+
text = props.text,
|
|
344
|
+
textColor = props.textColor,
|
|
345
|
+
textSize = props.textSize;
|
|
346
|
+
var showText = ((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)) || text;
|
|
347
|
+
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
|
|
348
|
+
"class": bem((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__/* .default */ .Z)({}, position, position !== 'relative'))
|
|
349
|
+
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
|
|
350
|
+
"class": bem('bg', (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__/* .default */ .Z)({}, position, position !== 'relative')),
|
|
351
|
+
"style": {
|
|
352
|
+
flexDirection: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseFlexDirection */ .xo)(textLocation),
|
|
353
|
+
backgroundColor: bgColor,
|
|
354
|
+
borderRadius: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseUnit */ .n2)(bgBorderRadius),
|
|
355
|
+
padding: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseUnit */ .n2)(padding)
|
|
356
|
+
}
|
|
357
|
+
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", {
|
|
358
|
+
"class": bem('icon-wrapper'),
|
|
359
|
+
"style": {
|
|
360
|
+
width: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseUnit */ .n2)(size),
|
|
361
|
+
height: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseUnit */ .n2)(size)
|
|
362
|
+
}
|
|
363
|
+
}, [((_slots$icon = slots.icon) === null || _slots$icon === void 0 ? void 0 : _slots$icon.call(slots)) || (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("svg", {
|
|
364
|
+
"class": bem('icon', (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__/* .default */ .Z)({}, direction, direction)),
|
|
365
|
+
"viewBox": '25 25 50 50'
|
|
366
|
+
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("circle", {
|
|
367
|
+
"class": bem('icon-circle'),
|
|
368
|
+
"style": {
|
|
369
|
+
stroke: color,
|
|
370
|
+
strokeWidth: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseUnit */ .n2)(thick)
|
|
371
|
+
},
|
|
372
|
+
"cx": '50',
|
|
373
|
+
"cy": '50',
|
|
374
|
+
"r": '20',
|
|
375
|
+
"fill": 'none'
|
|
376
|
+
}, null)])]), showText && (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", {
|
|
377
|
+
"class": bem('text', (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__/* .default */ .Z)({}, textLocation, textLocation)),
|
|
378
|
+
"style": {
|
|
379
|
+
color: textColor,
|
|
380
|
+
fontSize: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .parseUnit */ .n2)(textSize)
|
|
381
|
+
}
|
|
382
|
+
}, [showText])])]);
|
|
383
|
+
};
|
|
384
|
+
}
|
|
385
|
+
}));
|
|
386
|
+
|
|
227
387
|
/***/ }),
|
|
228
388
|
|
|
229
389
|
/***/ 3466:
|
|
@@ -301,10 +461,12 @@ var langs = (0,external_vue_.reactive)({
|
|
|
301
461
|
|
|
302
462
|
// EXPORTS
|
|
303
463
|
__webpack_require__.d(__webpack_exports__, {
|
|
304
|
-
"do": function() { return /* reexport */ createNamespace; }
|
|
464
|
+
"do": function() { return /* reexport */ createNamespace; },
|
|
465
|
+
"xo": function() { return /* reexport */ parseFlexDirection/* parseFlexDirection */.x; },
|
|
466
|
+
"n2": function() { return /* reexport */ parseUnit; }
|
|
305
467
|
});
|
|
306
468
|
|
|
307
|
-
// UNUSED EXPORTS: Direction, Horizontal, Location, Position, Size, Vertical, createLocale, isArguments, isDate, isError, isFunction, isMap, isNumber, isObject, isPromise, isRegExp, isSet, isString, isSymbol, isWeakMap, isWeakSet,
|
|
469
|
+
// UNUSED EXPORTS: Direction, Horizontal, Location, Position, Size, Vertical, createLocale, isArguments, isDate, isError, isFunction, isMap, isNumber, isObject, isPromise, isRegExp, isSet, isString, isSymbol, isWeakMap, isWeakSet, parsePercent
|
|
308
470
|
|
|
309
471
|
// EXTERNAL MODULE: ./packages/utils/is.ts
|
|
310
472
|
var is = __webpack_require__(3703);
|
|
@@ -492,6 +654,8 @@ var parsePercent = function parsePercent(val, baseNumber) {
|
|
|
492
654
|
|
|
493
655
|
return Number(val);
|
|
494
656
|
};
|
|
657
|
+
// EXTERNAL MODULE: ./packages/utils/parseFlexDirection.ts
|
|
658
|
+
var parseFlexDirection = __webpack_require__(1520);
|
|
495
659
|
;// CONCATENATED MODULE: ./packages/utils/index.ts
|
|
496
660
|
|
|
497
661
|
|
|
@@ -536,6 +700,34 @@ var isPromise = tagTester('Promise');
|
|
|
536
700
|
|
|
537
701
|
/***/ }),
|
|
538
702
|
|
|
703
|
+
/***/ 1520:
|
|
704
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
705
|
+
|
|
706
|
+
"use strict";
|
|
707
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
708
|
+
/* harmony export */ "x": function() { return /* binding */ parseFlexDirection; }
|
|
709
|
+
/* harmony export */ });
|
|
710
|
+
var parseFlexDirection = function parseFlexDirection(location) {
|
|
711
|
+
switch (location) {
|
|
712
|
+
case 'top':
|
|
713
|
+
return 'column-reverse';
|
|
714
|
+
|
|
715
|
+
case 'bottom':
|
|
716
|
+
return 'column';
|
|
717
|
+
|
|
718
|
+
case 'left':
|
|
719
|
+
return 'row-reverse';
|
|
720
|
+
|
|
721
|
+
case 'right':
|
|
722
|
+
return 'row';
|
|
723
|
+
|
|
724
|
+
default:
|
|
725
|
+
return 'column';
|
|
726
|
+
}
|
|
727
|
+
};
|
|
728
|
+
|
|
729
|
+
/***/ }),
|
|
730
|
+
|
|
539
731
|
/***/ 3099:
|
|
540
732
|
/***/ (function(module) {
|
|
541
733
|
|
|
@@ -4634,6 +4826,8 @@ var es_array_concat = __webpack_require__(2222);
|
|
|
4634
4826
|
var utils = __webpack_require__(4105);
|
|
4635
4827
|
// EXTERNAL MODULE: ./packages/utils/is.ts
|
|
4636
4828
|
var is = __webpack_require__(3703);
|
|
4829
|
+
// EXTERNAL MODULE: ./packages/loading/src/loading.tsx
|
|
4830
|
+
var loading = __webpack_require__(4899);
|
|
4637
4831
|
;// CONCATENATED MODULE: ./packages/list/src/list.tsx
|
|
4638
4832
|
|
|
4639
4833
|
|
|
@@ -4662,6 +4856,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
4662
4856
|
|
|
4663
4857
|
|
|
4664
4858
|
|
|
4859
|
+
|
|
4665
4860
|
var _createNamespace = (0,utils/* createNamespace */.do)('list'),
|
|
4666
4861
|
_createNamespace2 = (0,slicedToArray/* default */.Z)(_createNamespace, 2),
|
|
4667
4862
|
cname = _createNamespace2[0],
|
|
@@ -5044,8 +5239,6 @@ var _createNamespace = (0,utils/* createNamespace */.do)('list'),
|
|
|
5044
5239
|
}
|
|
5045
5240
|
});
|
|
5046
5241
|
return function () {
|
|
5047
|
-
var _slots$loading;
|
|
5048
|
-
|
|
5049
5242
|
return (0,external_vue_.createVNode)("div", {
|
|
5050
5243
|
"ref": listRef,
|
|
5051
5244
|
"class": "".concat(bem(), " ").concat(props.virtual ? bem({
|
|
@@ -5078,7 +5271,13 @@ var _createNamespace = (0,utils/* createNamespace */.do)('list'),
|
|
|
5078
5271
|
"class": bem({
|
|
5079
5272
|
loading: true
|
|
5080
5273
|
})
|
|
5081
|
-
}, [
|
|
5274
|
+
}, [slots.loading ? slots.loading() : (0,external_vue_.createVNode)(loading/* default */.Z, {
|
|
5275
|
+
"text-location": 'right'
|
|
5276
|
+
}, {
|
|
5277
|
+
default: function _default() {
|
|
5278
|
+
return [(0,external_vue_.createTextVNode)("\u52A0\u8F7D\u4E2D...")];
|
|
5279
|
+
}
|
|
5280
|
+
})]), stateRef.value === 'finished' && (0,external_vue_.createVNode)("div", {
|
|
5082
5281
|
"class": bem({
|
|
5083
5282
|
finished: true
|
|
5084
5283
|
})
|