bkui-vue 1.0.3-beta.39 → 1.0.3-beta.40

package/lib/modal/modal.variable.css

@@ -139,27 +139,22 @@
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
   border-radius: 2px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
-  padding: 24px 24px 0;
-}
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
-  height: 27px;
-  margin: 15px 0 10px;
+  margin-top: 16px;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
-  height: 100%;
-  max-height: 100%;
-  min-height: 100%;
-  padding: 0 50px 10px;
+  height: initial;
+  max-height: initial;
+  min-height: initial;
   word-break: break-all;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
-  margin-bottom: 10px;
   text-align: center;
   word-break: break-all;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
-  padding: 0 65px 33px;
+  height: initial;
+  margin-top: 24px;
   background-color: #fff;
   border-top: none;
 }
@@ -167,11 +162,11 @@
   min-width: 88px;
 }
 .bk-modal-ctx {
-  pointer-events: auto;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
+  pointer-events: auto;
 }
 .bk-modal-ctx.--show {
   position: fixed;
@@ -180,9 +175,9 @@
   display: none;
 }
 .bk-modal-ctx .bk-modal-ctx-mask {
-  display: none;
-  left: 0;
   top: 0;
+  left: 0;
+  display: none;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.6);
@@ -224,7 +219,7 @@
 }
 .bk-modal-wrapper .bk-modal-body {
   height: 100%;
-  width: 100%;
+  overflow: hidden;
   background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }

package/lib/timeline/index.d.ts

@@ -1,43 +1,54 @@
 declare const BkTimeline: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-            default: () => unknown[];
-        } & {
-            default: () => unknown[];
-        };
+        list: import("vue-types").VueTypeDef<{
+            tag: string;
+            content: string;
+            type: string;
+            size: string;
+            color: string;
+            icon: Function;
+            filled: boolean;
+            border: boolean;
+        }[]>;
         titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
     }>> & {
         onSelect?: (...args: any[]) => any;
     }, {
-        defaultTimelines: import("vue").Ref<any[]>;
-        titleSelect: (item: any) => void;
+        defaultTimelines: import("vue").ShallowRef<{
+            tag: string;
+            content: string;
+            type: string;
+            size: string;
+            color: string;
+            icon: Function;
+            filled: boolean;
+            border: boolean;
+        }[]>;
+        handleTitleSelect: (item: any) => void;
         resolveClassName: (cls: string) => string;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-            default: () => unknown[];
-        } & {
-            default: () => unknown[];
-        };
+        list: import("vue-types").VueTypeDef<{
+            tag: string;
+            content: string;
+            type: string;
+            size: string;
+            color: string;
+            icon: Function;
+            filled: boolean;
+            border: boolean;
+        }[]>;
         titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
     }>> & {
         onSelect?: (...args: any[]) => any;
     }, {
-        extCls: string;
-        list: unknown[];
         titleAble: boolean;
     }, true, {}, {}, {
         P: {};
@@ -47,56 +58,74 @@ declare const BkTimeline: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-            default: () => unknown[];
-        } & {
-            default: () => unknown[];
-        };
+        list: import("vue-types").VueTypeDef<{
+            tag: string;
+            content: string;
+            type: string;
+            size: string;
+            color: string;
+            icon: Function;
+            filled: boolean;
+            border: boolean;
+        }[]>;
         titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
     }>> & {
         onSelect?: (...args: any[]) => any;
     }, {
-        defaultTimelines: import("vue").Ref<any[]>;
-        titleSelect: (item: any) => void;
+        defaultTimelines: import("vue").ShallowRef<{
+            tag: string;
+            content: string;
+            type: string;
+            size: string;
+            color: string;
+            icon: Function;
+            filled: boolean;
+            border: boolean;
+        }[]>;
+        handleTitleSelect: (item: any) => void;
         resolveClassName: (cls: string) => string;
     }, {}, {}, {}, {
-        extCls: string;
-        list: unknown[];
         titleAble: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
+    list: import("vue-types").VueTypeDef<{
+        tag: string;
+        content: string;
+        type: string;
+        size: string;
+        color: string;
+        icon: Function;
+        filled: boolean;
+        border: boolean;
+    }[]>;
     titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
 }>> & {
     onSelect?: (...args: any[]) => any;
 }, {
-    defaultTimelines: import("vue").Ref<any[]>;
-    titleSelect: (item: any) => void;
+    defaultTimelines: import("vue").ShallowRef<{
+        tag: string;
+        content: string;
+        type: string;
+        size: string;
+        color: string;
+        icon: Function;
+        filled: boolean;
+        border: boolean;
+    }[]>;
+    handleTitleSelect: (item: any) => void;
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], "select", {
-    extCls: string;
-    list: unknown[];
     titleAble: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkTimeline;

package/lib/timeline/index.js

@@ -48,7 +48,7 @@ function _typeof(o) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["shallowRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
 ;// CONCATENATED MODULE: external "../config-provider"
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
@@ -85,9 +85,17 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
 
 
 var timelineProps = {
-  list: shared_namespaceObject.PropTypes.array.def([]),
-  titleAble: shared_namespaceObject.PropTypes.bool.def(false),
-  extCls: shared_namespaceObject.PropTypes.string
+  list: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.shape({
+    tag: String,
+    content: String,
+    type: String,
+    size: String,
+    color: String,
+    icon: Function,
+    filled: Boolean,
+    border: Boolean
+  }).isRequired),
+  titleAble: shared_namespaceObject.PropTypes.bool.def(false)
 };
 /* harmony default export */ const timeline = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Timeline',
@@ -95,61 +103,35 @@ var timelineProps = {
   emits: ['select'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var defaultTimelines = (0,external_vue_namespaceObject.ref)([]);
-    var updateTimelines = function updateTimelines(timelines) {
-      var _defaultTimelines$val;
-      var defaults = [];
-      timelines.forEach(function (timeline) {
-        var _timeline$border;
-        defaults.push({
-          tag: timeline.tag,
-          content: timeline.content,
-          type: timeline.type,
-          size: timeline.size,
-          color: timeline.color,
-          icon: timeline.icon,
-          filled: timeline.filled,
-          border: (_timeline$border = timeline.border) !== null && _timeline$border !== void 0 ? _timeline$border : true
-        });
-      });
-      (_defaultTimelines$val = defaultTimelines.value).splice.apply(_defaultTimelines$val, [0, defaultTimelines.value.length].concat(defaults));
-    };
-    var init = function init() {
-      var _defaultTimelines$val2, _props$list;
-      (_defaultTimelines$val2 = defaultTimelines.value).splice.apply(_defaultTimelines$val2, [0, defaultTimelines.value.length].concat([{
-        tag: '步骤1',
-        content: '内容1'
-      }, {
-        tag: '步骤2',
-        content: '内容2'
-      }, {
-        tag: '步骤3',
-        content: '内容3'
-      }]));
-      if ((_props$list = props.list) !== null && _props$list !== void 0 && _props$list.length) {
-        updateTimelines(props.list);
-      }
-    };
-    var titleSelect = function titleSelect(item) {
-      try {
-        emit('select', item);
-      } catch (e) {
-        console.warn(e);
-      }
+    var defaultTimelines = (0,external_vue_namespaceObject.shallowRef)([]);
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var handleTitleSelect = function handleTitleSelect(item) {
+      emit('select', item);
     };
-    (0,external_vue_namespaceObject.onMounted)(init);
     (0,external_vue_namespaceObject.watch)(function () {
       return props.list;
     }, function () {
-      updateTimelines(props.list);
+      defaultTimelines.value = props.list.map(function (item) {
+        var _item$border;
+        return {
+          tag: item.tag,
+          content: item.content,
+          type: item.type,
+          size: item.size,
+          color: item.color,
+          icon: item.icon,
+          filled: item.filled,
+          border: (_item$border = item.border) !== null && _item$border !== void 0 ? _item$border : true
+        };
+      });
     }, {
+      immediate: true,
       deep: true
     });
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
     return {
       defaultTimelines: defaultTimelines,
-      titleSelect: titleSelect,
+      handleTitleSelect: handleTitleSelect,
       resolveClassName: resolveClassName
     };
   },
@@ -157,10 +139,7 @@ var timelineProps = {
     var _this = this;
     var isIcon = function isIcon(timeline) {
       var icon = timeline.icon;
-      if (icon) {
-        return _typeof(icon) === 'object' || typeof icon === 'function';
-      }
-      return false;
+      return _typeof(icon) === 'object' || typeof icon === 'function';
     };
     var makeClass = function makeClass(item) {
       var timelineClsPrefix = _this.resolveClassName('timeline');
@@ -173,21 +152,24 @@ var timelineProps = {
       var timelinesCls = (0,shared_namespaceObject.classes)({}, "".concat(timelineClsPrefix, " ").concat(timelineThemeCls, " ").concat(timelineSizeCls, " ").concat(timelinesColorsCls, " ").concat(timelineFilledCls, " ").concat(timelineCustomIcon));
       return timelinesCls;
     };
-    var getContent = function getContent(item) {
-      return _this.$slots.content ? (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(_this.resolveClassName('timeline-content'))
-      }, [_this.$slots.content(item)]) : (0,external_vue_namespaceObject.createVNode)("div", {
+    var renderContent = function renderContent(item) {
+      if (_this.$slots.content) {
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "".concat(_this.resolveClassName('timeline-content'))
+        }, [_this.$slots.content(item)]);
+      }
+      return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('timeline-content')),
         "innerHTML": item.content
       }, null);
     };
     return (0,external_vue_namespaceObject.createVNode)("ul", {
-      "class": ["".concat(this.resolveClassName('timeline')), this.extCls]
+      "class": this.resolveClassName('timeline')
     }, [this.defaultTimelines.map(function (item) {
       var _this$$slots$default, _this$$slots$default2, _this$$slots;
       return (0,external_vue_namespaceObject.createVNode)("li", {
         "class": ["".concat(_this.resolveClassName('timeline-dot')), makeClass(item)]
-      }, [isIcon(item) ? (0,external_vue_namespaceObject.createVNode)("div", {
+      }, [isIcon(item) && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('timeline-icon')),
         "style": {
           border: item.border ? "2px solid ".concat(item.color) : '0px',
@@ -195,16 +177,16 @@ var timelineProps = {
         }
       }, [(0,external_vue_namespaceObject.createVNode)("span", {
         "class": "".concat(_this.resolveClassName('timeline-icon-inner'))
-      }, [typeof item.icon === 'function' ? (0,external_vue_namespaceObject.createVNode)(item.icon, null, null) : item.icon])]) : '', (0,external_vue_namespaceObject.createVNode)("div", {
+      }, [typeof item.icon === 'function' ? (0,external_vue_namespaceObject.createVNode)(item.icon, null, null) : item.icon])]), (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('timeline-section'))
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('timeline-title')),
         "onClick": function onClick() {
-          _this.titleSelect(item);
+          return _this.handleTitleSelect(item);
         }
       }, [(_this$$slots$default = (_this$$slots$default2 = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots, item)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : (0,external_vue_namespaceObject.createVNode)("span", {
         "innerHTML": item.tag
-      }, null)]), item.content ? getContent(item) : ''])]);
+      }, null)]), renderContent(item)])]);
     })]);
   }
 }));

package/lib/timeline/timeline.d.ts

@@ -25,58 +25,71 @@
  */
 import { ExtractPropTypes } from 'vue';
 declare const timelineProps: {
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
+    list: import("vue-types").VueTypeDef<{
+        tag: string;
+        content: string;
+        type: string;
+        size: string;
+        color: string;
+        icon: Function;
+        filled: boolean;
+        border: boolean;
+    }[]>;
     titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
 };
-export type TimelinePropTypes = ExtractPropTypes<typeof timelineProps>;
+export type TimelinePropTypes = Readonly<ExtractPropTypes<typeof timelineProps>>;
 declare const _default: import("vue").DefineComponent<{
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
+    list: import("vue-types").VueTypeDef<{
+        tag: string;
+        content: string;
+        type: string;
+        size: string;
+        color: string;
+        icon: Function;
+        filled: boolean;
+        border: boolean;
+    }[]>;
     titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
 }, {
-    defaultTimelines: import("vue").Ref<any[]>;
-    titleSelect: (item: any) => void;
+    defaultTimelines: import("vue").ShallowRef<{
+        tag: string;
+        content: string;
+        type: string;
+        size: string;
+        color: string;
+        icon: Function;
+        filled: boolean;
+        border: boolean;
+    }[]>;
+    handleTitleSelect: (item: any) => void;
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
+    list: import("vue-types").VueTypeDef<{
+        tag: string;
+        content: string;
+        type: string;
+        size: string;
+        color: string;
+        icon: Function;
+        filled: boolean;
+        border: boolean;
+    }[]>;
     titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
 }>> & {
     onSelect?: (...args: any[]) => any;
 }, {
-    extCls: string;
-    list: unknown[];
     titleAble: boolean;
 }, {}>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "1.0.3-beta.39",
+  "version": "1.0.3-beta.40",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",