bkui-vue 1.0.3-beta.44 → 1.0.3-beta.46
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/index.cjs.js +4 -4
- package/dist/index.esm.js +4618 -4609
- package/dist/index.umd.js +4 -4
- package/lib/dialog/index.js +3 -3
- package/lib/modal/index.js +11 -8
- package/lib/shared/index.js +21 -1
- package/lib/shared/vue-types.d.ts +5 -0
- package/lib/sideslider/index.js +10 -9
- package/lib/timeline/index.d.ts +7 -0
- package/lib/timeline/index.js +10 -4
- package/lib/timeline/timeline.d.ts +4 -0
- package/package.json +1 -1
package/lib/dialog/index.js
CHANGED
@@ -863,15 +863,15 @@ function _isSlot(s) {
|
|
863
863
|
}, [_this.$slots["default"]()]);
|
864
864
|
},
|
865
865
|
footer: function footer() {
|
866
|
-
if (!['process', 'operation', 'confirm'].includes(_this.dialogType)) {
|
867
|
-
return null;
|
868
|
-
}
|
869
866
|
if (_this.$slots.footer) {
|
870
867
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
871
868
|
"class": _this.resolveClassName('dialog-footer'),
|
872
869
|
"style": "text-align: ".concat(_this.footerAlign)
|
873
870
|
}, [_this.$slots.footer()]);
|
874
871
|
}
|
872
|
+
if (!['process', 'operation', 'confirm'].includes(_this.dialogType)) {
|
873
|
+
return null;
|
874
|
+
}
|
875
875
|
var renderFooterAction = function renderFooterAction() {
|
876
876
|
if (_this.dialogType === 'operation') {
|
877
877
|
return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
|
package/lib/modal/index.js
CHANGED
@@ -506,7 +506,7 @@ function _defineProperty(obj, key, value) {
|
|
506
506
|
;// CONCATENATED MODULE: external "vue"
|
507
507
|
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
508
508
|
var external_vue_y = x => () => x
|
509
|
-
const external_vue_namespaceObject = external_vue_x({ ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
|
509
|
+
const external_vue_namespaceObject = external_vue_x({ ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["useSlots"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.useSlots, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
|
510
510
|
// EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
|
511
511
|
var regenerator = __webpack_require__(2841);
|
512
512
|
var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
|
@@ -550,11 +550,15 @@ const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTER
|
|
550
550
|
var useContentResize = function useContentResize(root, props) {
|
551
551
|
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
552
552
|
resolveClassName = _usePrefix.resolveClassName;
|
553
|
+
var slots = (0,external_vue_namespaceObject.useSlots)();
|
553
554
|
var isContentScroll = (0,external_vue_namespaceObject.ref)(false);
|
554
555
|
var contentStyles = (0,external_vue_namespaceObject.ref)({});
|
555
556
|
var observer;
|
556
|
-
var
|
557
|
-
|
557
|
+
var handleContentBoxChange = function handleContentBoxChange() {
|
558
|
+
if (!slots.footer) {
|
559
|
+
return;
|
560
|
+
}
|
561
|
+
var calcContentScroll = (0,throttle_namespaceObject["default"])(function () {
|
558
562
|
var _root$value$querySele = root.value.querySelector(".".concat(resolveClassName('modal-header'))).getBoundingClientRect(),
|
559
563
|
headerHeight = _root$value$querySele.height;
|
560
564
|
var _root$value$querySele2 = root.value.querySelector(".".concat(resolveClassName('modal-content'))).getBoundingClientRect(),
|
@@ -571,24 +575,23 @@ var useContentResize = function useContentResize(root, props) {
|
|
571
575
|
} else {
|
572
576
|
contentStyles.value = {};
|
573
577
|
}
|
574
|
-
};
|
578
|
+
}, 100);
|
575
579
|
observer = new MutationObserver(function () {
|
576
580
|
calcContentScroll();
|
577
581
|
});
|
578
582
|
observer.observe(root.value.querySelector(".".concat(resolveClassName('modal-content'), " div")), {
|
579
583
|
subtree: true,
|
580
584
|
attributes: true,
|
581
|
-
childList: true
|
582
|
-
characterData: true
|
585
|
+
childList: true
|
583
586
|
});
|
584
587
|
calcContentScroll();
|
585
|
-
}
|
588
|
+
};
|
586
589
|
(0,external_vue_namespaceObject.watch)(function () {
|
587
590
|
return props.isShow;
|
588
591
|
}, function () {
|
589
592
|
if (props.isShow) {
|
590
593
|
setTimeout(function () {
|
591
|
-
|
594
|
+
handleContentBoxChange();
|
592
595
|
}, 100);
|
593
596
|
} else {
|
594
597
|
if (observer) {
|
package/lib/shared/index.js
CHANGED
@@ -56,6 +56,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
56
56
|
TagThemeEnum: () => (/* reexport */ TagThemeEnum),
|
57
57
|
TagThemeType: () => (/* reexport */ TagThemeType),
|
58
58
|
ThemeEnum: () => (/* reexport */ ThemeEnum),
|
59
|
+
TimelineNodeTypeEnum: () => (/* reexport */ TimelineNodeTypeEnum),
|
59
60
|
TriggerEnum: () => (/* reexport */ TriggerEnum),
|
60
61
|
alignType: () => (/* reexport */ alignType),
|
61
62
|
arrayEqual: () => (/* binding */ arrayEqual),
|
@@ -1594,6 +1595,11 @@ var SwitcherThemeEnum;
|
|
1594
1595
|
SwitcherThemeEnum["SUCCESS"] = "success";
|
1595
1596
|
SwitcherThemeEnum["PRIMARY"] = "primary";
|
1596
1597
|
})(SwitcherThemeEnum || (SwitcherThemeEnum = {}));
|
1598
|
+
var TimelineNodeTypeEnum;
|
1599
|
+
(function (TimelineNodeTypeEnum) {
|
1600
|
+
TimelineNodeTypeEnum["TEMPLATE"] = "template";
|
1601
|
+
TimelineNodeTypeEnum["VNODE"] = "vnode";
|
1602
|
+
})(TimelineNodeTypeEnum || (TimelineNodeTypeEnum = {}));
|
1597
1603
|
function SwitcherThemeType() {
|
1598
1604
|
return (0,external_vue_types_namespaceObject.toType)('switcherTheme', {}).def(SwitcherThemeEnum.SUCCESS);
|
1599
1605
|
}
|
@@ -1691,6 +1697,19 @@ var PropTypes = /*#__PURE__*/function (_propTypesNS) {
|
|
1691
1697
|
}
|
1692
1698
|
});
|
1693
1699
|
}
|
1700
|
+
}, {
|
1701
|
+
key: "timelineNodeType",
|
1702
|
+
value: function timelineNodeType() {
|
1703
|
+
var types = ['template', 'vnode'];
|
1704
|
+
return (0,external_vue_types_namespaceObject.toType)('TimelineNodeType', {
|
1705
|
+
validator: function validator(val) {
|
1706
|
+
if (!val || types.includes(val)) {
|
1707
|
+
return true;
|
1708
|
+
}
|
1709
|
+
return false;
|
1710
|
+
}
|
1711
|
+
});
|
1712
|
+
}
|
1694
1713
|
}]);
|
1695
1714
|
return PropTypes;
|
1696
1715
|
}(propTypesNS);
|
@@ -2059,6 +2078,7 @@ var __webpack_exports__SwitcherThemeType = __webpack_exports__.SwitcherThemeType
|
|
2059
2078
|
var __webpack_exports__TagThemeEnum = __webpack_exports__.TagThemeEnum;
|
2060
2079
|
var __webpack_exports__TagThemeType = __webpack_exports__.TagThemeType;
|
2061
2080
|
var __webpack_exports__ThemeEnum = __webpack_exports__.ThemeEnum;
|
2081
|
+
var __webpack_exports__TimelineNodeTypeEnum = __webpack_exports__.TimelineNodeTypeEnum;
|
2062
2082
|
var __webpack_exports__TriggerEnum = __webpack_exports__.TriggerEnum;
|
2063
2083
|
var __webpack_exports__alignType = __webpack_exports__.alignType;
|
2064
2084
|
var __webpack_exports__arrayEqual = __webpack_exports__.arrayEqual;
|
@@ -2116,4 +2136,4 @@ var __webpack_exports__useFormItem = __webpack_exports__.useFormItem;
|
|
2116
2136
|
var __webpack_exports__valueOrDefault = __webpack_exports__.valueOrDefault;
|
2117
2137
|
var __webpack_exports__withInstall = __webpack_exports__.withInstall;
|
2118
2138
|
var __webpack_exports__withInstallProps = __webpack_exports__.withInstallProps;
|
2119
|
-
export { __webpack_exports__AlignEnum as AlignEnum, __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE as BKLAYERD_INDEX_EFAULT_VALUE, __webpack_exports__BKLAYERTYPE as BKLAYERTYPE, __webpack_exports__BKPopover as BKPopover, __webpack_exports__DialogTypeEnum as DialogTypeEnum, __webpack_exports__DirectionEnum as DirectionEnum, __webpack_exports__EMPTY_OBJ as EMPTY_OBJ, __webpack_exports__InputBehaviorEnum as InputBehaviorEnum, __webpack_exports__InputBehaviorType as InputBehaviorType, __webpack_exports__LineStyleEnum as LineStyleEnum, __webpack_exports__PlacementEnum as PlacementEnum, __webpack_exports__Placements as Placements, __webpack_exports__ProgressEnum as ProgressEnum, __webpack_exports__ProgressStrokeLineCapEnum as ProgressStrokeLineCapEnum, __webpack_exports__ProgressStrokeLineCapType as ProgressStrokeLineCapType, __webpack_exports__ProgressType as ProgressType, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SelectedType as SelectedType, __webpack_exports__SelectedTypeEnum as SelectedTypeEnum, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__SwitcherThemeEnum as SwitcherThemeEnum, __webpack_exports__SwitcherThemeType as SwitcherThemeType, __webpack_exports__TagThemeEnum as TagThemeEnum, __webpack_exports__TagThemeType as TagThemeType, __webpack_exports__ThemeEnum as ThemeEnum, __webpack_exports__TriggerEnum as TriggerEnum, __webpack_exports__alignType as alignType, __webpack_exports__arrayEqual as arrayEqual, __webpack_exports__bkZIndexManager as bkZIndexManager, __webpack_exports__capitalize as capitalize, __webpack_exports__checkOverflow as checkOverflow, __webpack_exports__classes as classes, __webpack_exports__clone as clone, __webpack_exports__debounce as debounce, __webpack_exports__dialogTypeUnion as dialogTypeUnion, __webpack_exports__directionType as directionType, __webpack_exports__elementsEqual as elementsEqual, __webpack_exports__filterProperty as filterProperty, __webpack_exports__finiteOrDefault as finiteOrDefault, __webpack_exports__formItemKey as formItemKey, __webpack_exports__formKey as formKey, __webpack_exports__getFullscreenRoot as getFullscreenRoot, __webpack_exports__getPopContainerId as getPopContainerId, __webpack_exports__hasOverflowEllipsis as hasOverflowEllipsis, __webpack_exports__isArray as isArray, __webpack_exports__isElement as isElement, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyObj as isEmptyObj, __webpack_exports__isFinite as isFinite, __webpack_exports__isFullScreenContainsElement as isFullScreenContainsElement, __webpack_exports__isFunction as isFunction, __webpack_exports__isNullOrUndef as isNullOrUndef, __webpack_exports__isObject as isObject, __webpack_exports__isPromise as isPromise, __webpack_exports__isString as isString, __webpack_exports__isSymbol as isSymbol, __webpack_exports__lineStyleType as lineStyleType, __webpack_exports__mask as mask, __webpack_exports__maybeShowTooltip as maybeShowTooltip, __webpack_exports__merge as merge, __webpack_exports__mergeIf as mergeIf, __webpack_exports__mergerFn as mergerFn, __webpack_exports__mergerIfFn as mergerIfFn, __webpack_exports__noop as noop, __webpack_exports__observerResize as observerResize, __webpack_exports__off as off, __webpack_exports__on as on, __webpack_exports__placementType as placementType, __webpack_exports__random as random, __webpack_exports__renderDirectiveType as renderDirectiveType, __webpack_exports__renderEmptyVNode as renderEmptyVNode, __webpack_exports__renderType as renderType, __webpack_exports__resolveClassName as resolveClassName, __webpack_exports__scrollTop as scrollTop, __webpack_exports__scrollbarWidth as scrollbarWidth, __webpack_exports__stringEnum as stringEnum, __webpack_exports__triggerType as triggerType, __webpack_exports__useForm as useForm, __webpack_exports__useFormItem as useFormItem, __webpack_exports__valueOrDefault as valueOrDefault, __webpack_exports__withInstall as withInstall, __webpack_exports__withInstallProps as withInstallProps };
|
2139
|
+
export { __webpack_exports__AlignEnum as AlignEnum, __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE as BKLAYERD_INDEX_EFAULT_VALUE, __webpack_exports__BKLAYERTYPE as BKLAYERTYPE, __webpack_exports__BKPopover as BKPopover, __webpack_exports__DialogTypeEnum as DialogTypeEnum, __webpack_exports__DirectionEnum as DirectionEnum, __webpack_exports__EMPTY_OBJ as EMPTY_OBJ, __webpack_exports__InputBehaviorEnum as InputBehaviorEnum, __webpack_exports__InputBehaviorType as InputBehaviorType, __webpack_exports__LineStyleEnum as LineStyleEnum, __webpack_exports__PlacementEnum as PlacementEnum, __webpack_exports__Placements as Placements, __webpack_exports__ProgressEnum as ProgressEnum, __webpack_exports__ProgressStrokeLineCapEnum as ProgressStrokeLineCapEnum, __webpack_exports__ProgressStrokeLineCapType as ProgressStrokeLineCapType, __webpack_exports__ProgressType as ProgressType, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SelectedType as SelectedType, __webpack_exports__SelectedTypeEnum as SelectedTypeEnum, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__SwitcherThemeEnum as SwitcherThemeEnum, __webpack_exports__SwitcherThemeType as SwitcherThemeType, __webpack_exports__TagThemeEnum as TagThemeEnum, __webpack_exports__TagThemeType as TagThemeType, __webpack_exports__ThemeEnum as ThemeEnum, __webpack_exports__TimelineNodeTypeEnum as TimelineNodeTypeEnum, __webpack_exports__TriggerEnum as TriggerEnum, __webpack_exports__alignType as alignType, __webpack_exports__arrayEqual as arrayEqual, __webpack_exports__bkZIndexManager as bkZIndexManager, __webpack_exports__capitalize as capitalize, __webpack_exports__checkOverflow as checkOverflow, __webpack_exports__classes as classes, __webpack_exports__clone as clone, __webpack_exports__debounce as debounce, __webpack_exports__dialogTypeUnion as dialogTypeUnion, __webpack_exports__directionType as directionType, __webpack_exports__elementsEqual as elementsEqual, __webpack_exports__filterProperty as filterProperty, __webpack_exports__finiteOrDefault as finiteOrDefault, __webpack_exports__formItemKey as formItemKey, __webpack_exports__formKey as formKey, __webpack_exports__getFullscreenRoot as getFullscreenRoot, __webpack_exports__getPopContainerId as getPopContainerId, __webpack_exports__hasOverflowEllipsis as hasOverflowEllipsis, __webpack_exports__isArray as isArray, __webpack_exports__isElement as isElement, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyObj as isEmptyObj, __webpack_exports__isFinite as isFinite, __webpack_exports__isFullScreenContainsElement as isFullScreenContainsElement, __webpack_exports__isFunction as isFunction, __webpack_exports__isNullOrUndef as isNullOrUndef, __webpack_exports__isObject as isObject, __webpack_exports__isPromise as isPromise, __webpack_exports__isString as isString, __webpack_exports__isSymbol as isSymbol, __webpack_exports__lineStyleType as lineStyleType, __webpack_exports__mask as mask, __webpack_exports__maybeShowTooltip as maybeShowTooltip, __webpack_exports__merge as merge, __webpack_exports__mergeIf as mergeIf, __webpack_exports__mergerFn as mergerFn, __webpack_exports__mergerIfFn as mergerIfFn, __webpack_exports__noop as noop, __webpack_exports__observerResize as observerResize, __webpack_exports__off as off, __webpack_exports__on as on, __webpack_exports__placementType as placementType, __webpack_exports__random as random, __webpack_exports__renderDirectiveType as renderDirectiveType, __webpack_exports__renderEmptyVNode as renderEmptyVNode, __webpack_exports__renderType as renderType, __webpack_exports__resolveClassName as resolveClassName, __webpack_exports__scrollTop as scrollTop, __webpack_exports__scrollbarWidth as scrollbarWidth, __webpack_exports__stringEnum as stringEnum, __webpack_exports__triggerType as triggerType, __webpack_exports__useForm as useForm, __webpack_exports__useFormItem as useFormItem, __webpack_exports__valueOrDefault as valueOrDefault, __webpack_exports__withInstall as withInstall, __webpack_exports__withInstallProps as withInstallProps };
|
@@ -217,6 +217,10 @@ export declare enum SwitcherThemeEnum {
|
|
217
217
|
SUCCESS = "success",
|
218
218
|
PRIMARY = "primary"
|
219
219
|
}
|
220
|
+
export declare enum TimelineNodeTypeEnum {
|
221
|
+
TEMPLATE = "template",
|
222
|
+
VNODE = "vnode"
|
223
|
+
}
|
220
224
|
export declare function SwitcherThemeType(): VueTypeDef<"success" | "primary"> & {
|
221
225
|
default: "success" | "primary";
|
222
226
|
};
|
@@ -236,6 +240,7 @@ export declare class PropTypes extends propTypesNS {
|
|
236
240
|
static style(): VueTypeDef<CSSProperties>;
|
237
241
|
static position(positions?: string[]): VueTypeDef<string>;
|
238
242
|
static infoType(): VueTypeDef<"loading" | "success" | "warning" | "danger">;
|
243
|
+
static timelineNodeType(): VueTypeDef<"template" | "vnode">;
|
239
244
|
}
|
240
245
|
export declare enum SelectedTypeEnum {
|
241
246
|
CHECKBOX = "checkbox",
|
package/lib/sideslider/index.js
CHANGED
@@ -623,7 +623,7 @@ sliderPops.height["default"] = '100%';
|
|
623
623
|
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
624
624
|
resolveClassName = _usePrefix.resolveClassName;
|
625
625
|
return function () {
|
626
|
-
var
|
626
|
+
var modelSlot = {
|
627
627
|
header: function header() {
|
628
628
|
var _slots$header, _slots$header2;
|
629
629
|
return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("div", {
|
@@ -642,16 +642,17 @@ sliderPops.height["default"] = '100%';
|
|
642
642
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
643
643
|
"class": "".concat(resolveClassName('sideslider-content'))
|
644
644
|
}, [(_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]);
|
645
|
-
}
|
646
|
-
|
647
|
-
|
645
|
+
}
|
646
|
+
};
|
647
|
+
if (slots.footer) {
|
648
|
+
Object.assign(modelSlot, {
|
649
|
+
footer: function footer() {
|
648
650
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
649
651
|
"class": "".concat(resolveClassName('sideslider-footer'))
|
650
652
|
}, [slots.footer()]);
|
651
653
|
}
|
652
|
-
|
653
|
-
|
654
|
-
};
|
654
|
+
});
|
655
|
+
}
|
655
656
|
return (0,external_vue_namespaceObject.createVNode)(modal_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
|
656
657
|
"ref": refRoot
|
657
658
|
}, props, {
|
@@ -660,9 +661,9 @@ sliderPops.height["default"] = '100%';
|
|
660
661
|
"onHidden": handleHidden,
|
661
662
|
"onShown": handleShown,
|
662
663
|
"onClose": handleClose
|
663
|
-
}), _isSlot(
|
664
|
+
}), _isSlot(modelSlot) ? modelSlot : {
|
664
665
|
"default": function _default() {
|
665
|
-
return [
|
666
|
+
return [modelSlot];
|
666
667
|
}
|
667
668
|
});
|
668
669
|
};
|
package/lib/timeline/index.d.ts
CHANGED
@@ -9,6 +9,7 @@ declare const BkTimeline: {
|
|
9
9
|
icon: any;
|
10
10
|
filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
11
11
|
border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
12
|
+
nodeType: "template" | "vnode";
|
12
13
|
}[]>;
|
13
14
|
titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
|
14
15
|
default: boolean;
|
@@ -27,6 +28,7 @@ declare const BkTimeline: {
|
|
27
28
|
icon: any;
|
28
29
|
filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
29
30
|
border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
31
|
+
nodeType: "template" | "vnode";
|
30
32
|
}[]>;
|
31
33
|
handleTitleSelect: (item: any) => void;
|
32
34
|
resolveClassName: (cls: string) => string;
|
@@ -40,6 +42,7 @@ declare const BkTimeline: {
|
|
40
42
|
icon: any;
|
41
43
|
filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
42
44
|
border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
45
|
+
nodeType: "template" | "vnode";
|
43
46
|
}[]>;
|
44
47
|
titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
|
45
48
|
default: boolean;
|
@@ -67,6 +70,7 @@ declare const BkTimeline: {
|
|
67
70
|
icon: any;
|
68
71
|
filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
69
72
|
border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
73
|
+
nodeType: "template" | "vnode";
|
70
74
|
}[]>;
|
71
75
|
titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
|
72
76
|
default: boolean;
|
@@ -85,6 +89,7 @@ declare const BkTimeline: {
|
|
85
89
|
icon: any;
|
86
90
|
filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
87
91
|
border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
92
|
+
nodeType: "template" | "vnode";
|
88
93
|
}[]>;
|
89
94
|
handleTitleSelect: (item: any) => void;
|
90
95
|
resolveClassName: (cls: string) => string;
|
@@ -104,6 +109,7 @@ declare const BkTimeline: {
|
|
104
109
|
icon: any;
|
105
110
|
filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
106
111
|
border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
112
|
+
nodeType: "template" | "vnode";
|
107
113
|
}[]>;
|
108
114
|
titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
|
109
115
|
default: boolean;
|
@@ -122,6 +128,7 @@ declare const BkTimeline: {
|
|
122
128
|
icon: any;
|
123
129
|
filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
124
130
|
border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
131
|
+
nodeType: "template" | "vnode";
|
125
132
|
}[]>;
|
126
133
|
handleTitleSelect: (item: any) => void;
|
127
134
|
resolveClassName: (cls: string) => string;
|
package/lib/timeline/index.js
CHANGED
@@ -93,7 +93,8 @@ var timelineProps = {
|
|
93
93
|
color: shared_namespaceObject.PropTypes.string,
|
94
94
|
icon: shared_namespaceObject.PropTypes.func,
|
95
95
|
filled: shared_namespaceObject.PropTypes.bool,
|
96
|
-
border: shared_namespaceObject.PropTypes.bool
|
96
|
+
border: shared_namespaceObject.PropTypes.bool,
|
97
|
+
nodeType: shared_namespaceObject.PropTypes.timelineNodeType()
|
97
98
|
}).isRequired),
|
98
99
|
titleAble: shared_namespaceObject.PropTypes.bool.def(false)
|
99
100
|
};
|
@@ -122,7 +123,8 @@ var timelineProps = {
|
|
122
123
|
color: item.color,
|
123
124
|
icon: item.icon,
|
124
125
|
filled: item.filled,
|
125
|
-
border: (_item$border = item.border) !== null && _item$border !== void 0 ? _item$border : true
|
126
|
+
border: (_item$border = item.border) !== null && _item$border !== void 0 ? _item$border : true,
|
127
|
+
nodeType: item.nodeType || 'template'
|
126
128
|
};
|
127
129
|
});
|
128
130
|
}, {
|
@@ -158,6 +160,11 @@ var timelineProps = {
|
|
158
160
|
"class": "".concat(_this.resolveClassName('timeline-content'))
|
159
161
|
}, [_this.$slots.content(item)]);
|
160
162
|
}
|
163
|
+
if (item.nodeType === 'vnode') {
|
164
|
+
return (0,external_vue_namespaceObject.createVNode)("div", {
|
165
|
+
"class": "".concat(_this.resolveClassName('timeline-content'))
|
166
|
+
}, [item.content]);
|
167
|
+
}
|
161
168
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
162
169
|
"class": "".concat(_this.resolveClassName('timeline-content')),
|
163
170
|
"innerHTML": item.content
|
@@ -166,7 +173,6 @@ var timelineProps = {
|
|
166
173
|
return (0,external_vue_namespaceObject.createVNode)("ul", {
|
167
174
|
"class": this.resolveClassName('timeline')
|
168
175
|
}, [this.defaultTimelines.map(function (item) {
|
169
|
-
var _this$$slots$default, _this$$slots$default2, _this$$slots;
|
170
176
|
return (0,external_vue_namespaceObject.createVNode)("li", {
|
171
177
|
"class": ["".concat(_this.resolveClassName('timeline-dot')), makeClass(item)]
|
172
178
|
}, [isIcon(item) && (0,external_vue_namespaceObject.createVNode)("div", {
|
@@ -184,7 +190,7 @@ var timelineProps = {
|
|
184
190
|
"onClick": function onClick() {
|
185
191
|
return _this.handleTitleSelect(item);
|
186
192
|
}
|
187
|
-
}, [
|
193
|
+
}, [item.nodeType === 'vnode' ? item.tag : (0,external_vue_namespaceObject.createVNode)("span", {
|
188
194
|
"innerHTML": item.tag
|
189
195
|
}, null)]), renderContent(item)])]);
|
190
196
|
})]);
|
@@ -34,6 +34,7 @@ declare const timelineProps: {
|
|
34
34
|
icon: any;
|
35
35
|
filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
36
36
|
border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
37
|
+
nodeType: "template" | "vnode";
|
37
38
|
}[]>;
|
38
39
|
titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
|
39
40
|
default: boolean;
|
@@ -52,6 +53,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
52
53
|
icon: any;
|
53
54
|
filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
54
55
|
border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
56
|
+
nodeType: "template" | "vnode";
|
55
57
|
}[]>;
|
56
58
|
titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
|
57
59
|
default: boolean;
|
@@ -68,6 +70,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
68
70
|
icon: any;
|
69
71
|
filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
70
72
|
border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
73
|
+
nodeType: "template" | "vnode";
|
71
74
|
}[]>;
|
72
75
|
handleTitleSelect: (item: any) => void;
|
73
76
|
resolveClassName: (cls: string) => string;
|
@@ -81,6 +84,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
81
84
|
icon: any;
|
82
85
|
filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
83
86
|
border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
87
|
+
nodeType: "template" | "vnode";
|
84
88
|
}[]>;
|
85
89
|
titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
|
86
90
|
default: boolean;
|