bkui-vue 1.0.3-beta.7 → 1.0.3-beta.70

package/lib/affix/affix.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-affix {
   position: fixed;

package/lib/alert/alert.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-alert {
   position: relative;

package/lib/backtop/backtop.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/badge/badge.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-badge-main {
   position: relative;

package/lib/breadcrumb/breadcrumb.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/button/button.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-button {
   display: inline-flex;

package/lib/card/card.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/cascader/cascader.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/checkbox/checkbox.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-checkbox-group {
   display: inline-flex;

package/lib/checkbox/index.js

@@ -340,10 +340,10 @@ var useCheckbox = function useCheckbox() {
 
 
 var checkboxProps = {
-  modelValue: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]),
-  label: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]),
-  trueLabel: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]).def(true),
-  falseLabel: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]).def(false),
+  modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]),
+  label: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]),
+  trueLabel: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def(true),
+  falseLabel: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def(false),
   disabled: shared_namespaceObject.PropTypes.bool.def(false),
   checked: shared_namespaceObject.PropTypes.bool.def(false),
   indeterminate: shared_namespaceObject.PropTypes.bool,

package/lib/code-diff/code-diff.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;
 }
 /* stylelint-disable declaration-no-important */
 .bk-code-diff {

package/lib/collapse/collapse.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-collapse-item {
   display: flex;

package/lib/collapse-transition/collapse-transition.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-collapse-transitioncollapse-transition {
   transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;

package/lib/color-picker/color-picker.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-color-picker {
   position: relative;

package/lib/components.d.ts

@@ -51,6 +51,7 @@ export { default as Cascader } from './cascader';
 export { default as Slider } from './slider';
 export { default as ResizeLayout } from './resize-layout';
 export { default as TimeLine } from './timeline';
+export { default as Timeline } from './timeline';
 export { default as Process } from './process';
 export { default as Upload } from './upload';
 export { default as CodeDiff } from './code-diff';

package/lib/components.js

@@ -23,7 +23,6 @@
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-
 export { default as Alert } from './alert';
 export { default as AnimateNumber } from './animate-number';
 export { default as Affix } from './affix';
@@ -33,7 +32,6 @@ export { default as Breadcrumb } from './breadcrumb';
 export { default as Button } from './button';
 export { default as Card } from './card';
 export { default as Checkbox } from './checkbox';
-
 export { default as Collapse } from './collapse';
 export { default as Dialog } from './dialog';
 export { default as Exception } from './exception';
@@ -52,12 +50,10 @@ export { default as Select } from './select';
 export { default as Sideslider } from './sideslider';
 export { default as Steps } from './steps';
 export { default as Switcher } from './switcher';
-
 export { default as Table } from './table';
 export { default as Tag } from './tag';
 export { default as TagInput } from './tag-input';
 export { default as Divider } from './divider';
-
 export { default as Tab } from './tab';
 export { default as Message } from './message';
 export { default as InfoBox } from './info-box';
@@ -76,7 +72,8 @@ export { default as Dropdown } from './dropdown';
 export { default as Cascader } from './cascader';
 export { default as Slider } from './slider';
 export { default as ResizeLayout } from './resize-layout';
-export { default as TimeLine } from './timeline';
+export { default as TimeLine } from './timeline'; // 兼容以往版本
+export { default as Timeline } from './timeline';
 export { default as Process } from './process';
 export { default as Upload } from './upload';
 export { default as CodeDiff } from './code-diff';

package/lib/config-provider/config-provider.d.ts

@@ -117,6 +117,7 @@ export declare const configProviderProps: {
             };
             input: {
                 placeholder: string;
+                maxlengthLimitTips: string;
             };
             tagInput: {
                 placeholder: string;
@@ -261,6 +262,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             input: {
                 placeholder: string;
+                maxlengthLimitTips: string;
             };
             tagInput: {
                 placeholder: string;
@@ -405,6 +407,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             input: {
                 placeholder: string;
+                maxlengthLimitTips: string;
             };
             tagInput: {
                 placeholder: string;

package/lib/config-provider/config-provider.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,4 +124,6 @@
   --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;
 }

package/lib/config-provider/index.d.ts

@@ -142,6 +142,7 @@ declare const BkConfigProvider: {
                 };
                 input: {
                     placeholder: string;
+                    maxlengthLimitTips: string;
                 };
                 tagInput: {
                     placeholder: string;
@@ -286,6 +287,7 @@ declare const BkConfigProvider: {
                 };
                 input: {
                     placeholder: string;
+                    maxlengthLimitTips: string;
                 };
                 tagInput: {
                     placeholder: string;
@@ -437,6 +439,7 @@ declare const BkConfigProvider: {
                 };
                 input: {
                     placeholder: string;
+                    maxlengthLimitTips: string;
                 };
                 tagInput: {
                     placeholder: string;
@@ -587,6 +590,7 @@ declare const BkConfigProvider: {
             };
             input: {
                 placeholder: string;
+                maxlengthLimitTips: string;
             };
             tagInput: {
                 placeholder: string;

package/lib/config-provider/token.d.ts

@@ -116,6 +116,7 @@ export declare const defaultRootConfig: {
         };
         input: {
             placeholder: string;
+            maxlengthLimitTips: string;
         };
         tagInput: {
             placeholder: string;

package/lib/container/container.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/date-picker/base/month-table.d.ts

@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClick: (cell: any) => void;
     handleMouseMove: (cell: any) => void;
     resolveClassName: (cls: string) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "pick-click" | "change-range")[], "pick" | "pick-click" | "change-range", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "pick-click" | "changeRange")[], "pick" | "pick-click" | "changeRange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly tableDate: {
         readonly type: DateConstructor;
         readonly required: true;
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onPick?: (...args: any[]) => any;
     "onPick-click"?: (...args: any[]) => any;
-    "onChange-range"?: (...args: any[]) => any;
+    onChangeRange?: (...args: any[]) => any;
 }, {
     readonly rangeState: Record<string, any>;
     readonly cellClass: Function;

package/lib/date-picker/date-picker.d.ts

@@ -133,6 +133,7 @@ declare const _default: import("vue").DefineComponent<{
     localReadonly: import("vue").ComputedRef<boolean>;
     allowCrossDayProp: import("vue").ComputedRef<boolean>;
     ownPickerProps: import("vue").ComputedRef<Record<string, any>>;
+    teleportTo: import("vue").Ref<any>;
     pickerDropdownRef: import("vue").Ref<any>;
     inputRef: import("vue").Ref<any>;
     triggerRef: import("vue").Ref<HTMLElement>;

package/lib/date-picker/date-picker.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-date-picker {
   display: inline-block;

package/lib/date-picker/index.d.ts

@@ -142,6 +142,7 @@ declare const BkDatePicker: {
         localReadonly: import("vue").ComputedRef<boolean>;
         allowCrossDayProp: import("vue").ComputedRef<boolean>;
         ownPickerProps: import("vue").ComputedRef<Record<string, any>>;
+        teleportTo: import("vue").Ref<any>;
         pickerDropdownRef: import("vue").Ref<any>;
         inputRef: import("vue").Ref<any>;
         triggerRef: import("vue").Ref<HTMLElement>;
@@ -491,6 +492,7 @@ declare const BkDatePicker: {
         localReadonly: import("vue").ComputedRef<boolean>;
         allowCrossDayProp: import("vue").ComputedRef<boolean>;
         ownPickerProps: import("vue").ComputedRef<Record<string, any>>;
+        teleportTo: import("vue").Ref<any>;
         pickerDropdownRef: import("vue").Ref<any>;
         inputRef: import("vue").Ref<any>;
         triggerRef: import("vue").Ref<HTMLElement>;
@@ -703,6 +705,7 @@ declare const BkDatePicker: {
     localReadonly: import("vue").ComputedRef<boolean>;
     allowCrossDayProp: import("vue").ComputedRef<boolean>;
     ownPickerProps: import("vue").ComputedRef<Record<string, any>>;
+    teleportTo: import("vue").Ref<any>;
     pickerDropdownRef: import("vue").Ref<any>;
     inputRef: import("vue").Ref<any>;
     triggerRef: import("vue").Ref<HTMLElement>;