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

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/lib/timeline/timeline.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 * {
   box-sizing: border-box;

package/lib/transfer/transfer.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-transfer {
   display: flex;

package/lib/tree/tree.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-F-scroll-x {
   overflow-x: auto;

package/lib/upload/upload.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/virtual-render/index.d.ts

@@ -275,6 +275,9 @@ declare const BkVirtualRender: {
         width: string | number;
         height: string | number;
         maxHeight: number;
+        contentClassName: string | {
+            [key: string]: any;
+        };
         enabled: boolean;
         list: unknown[];
         minHeight: number;
@@ -284,9 +287,6 @@ declare const BkVirtualRender: {
         };
         lineHeight: any;
         scrollEvent: boolean;
-        contentClassName: string | {
-            [key: string]: any;
-        };
         contentStyle: {
             [key: string]: any;
         };
@@ -456,6 +456,9 @@ declare const BkVirtualRender: {
         width: string | number;
         height: string | number;
         maxHeight: number;
+        contentClassName: string | {
+            [key: string]: any;
+        };
         enabled: boolean;
         list: unknown[];
         minHeight: number;
@@ -465,9 +468,6 @@ declare const BkVirtualRender: {
         };
         lineHeight: any;
         scrollEvent: boolean;
-        contentClassName: string | {
-            [key: string]: any;
-        };
         contentStyle: {
             [key: string]: any;
         };
@@ -629,6 +629,9 @@ declare const BkVirtualRender: {
     width: string | number;
     height: string | number;
     maxHeight: number;
+    contentClassName: string | {
+        [key: string]: any;
+    };
     enabled: boolean;
     list: unknown[];
     minHeight: number;
@@ -638,9 +641,6 @@ declare const BkVirtualRender: {
     };
     lineHeight: any;
     scrollEvent: boolean;
-    contentClassName: string | {
-        [key: string]: any;
-    };
     contentStyle: {
         [key: string]: any;
     };

package/lib/virtual-render/virtual-render.d.ts

@@ -278,6 +278,9 @@ declare const _default: import("vue").DefineComponent<{
     width: string | number;
     height: string | number;
     maxHeight: number;
+    contentClassName: string | {
+        [key: string]: any;
+    };
     enabled: boolean;
     list: unknown[];
     minHeight: number;
@@ -287,9 +290,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     lineHeight: any;
     scrollEvent: boolean;
-    contentClassName: string | {
-        [key: string]: any;
-    };
     contentStyle: {
         [key: string]: any;
     };

package/lib/virtual-render/virtual-render.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-F-scroll-x {
   overflow-x: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "1.0.3-beta.4",
+  "version": "1.0.3-beta.40",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",
@@ -34,7 +34,8 @@
     "build": "run-s build:dist build:lib",
     "build:site": "lerna run --stream --scope site build && cp -r ./site/views/ ./site/dist/views",
     "build:dist": "rimraf dist && lerna run --stream --scope cli dist",
-    "build:lib": "rimraf lib && lerna run --stream --scope cli lib",
+    "build:lib": "npm run build:preset && rimraf lib && lerna run --stream --scope cli lib && rimraf preset",
+    "build:preset": "rimraf preset && lerna run --stream --scope cli preset",
     "help:release": "lerna run --stream --scope cli release",
     "release": "yarn build && yarn help:release",
     "analyze:lib": "rimraf lib && lerna run --stream --scope cli lib -- -a",