bkui-vue 1.0.0 → 1.0.1

package/lib/checkbox/checkbox.d.ts

@@ -121,8 +121,8 @@ declare const _default: import("vue").DefineComponent<{
     onClick?: (_event: MouseEvent) => any;
     "onUpdate:modelValue"?: (value: any) => any;
 }, {
-    disabled: boolean;
     size: "default" | "small" | "large" | "huge";
+    disabled: boolean;
     trueLabel: string | number | boolean;
     falseLabel: string | number | boolean;
     checked: boolean;

package/lib/checkbox/index.d.ts

@@ -1,164 +1,7 @@
 import { CheckboxProps } from './checkbox';
 import CheckboxGroup from './checkbox-group';
 declare const BkCheckbox: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            disabled?: boolean;
-            size?: "default" | "small" | "large" | "huge";
-            trueLabel?: string | number | boolean;
-            falseLabel?: string | number | boolean;
-            checked?: boolean;
-            indeterminate?: boolean;
-            beforeChange?: (...args: any[]) => any;
-            immediateEmitChange?: boolean;
-            class?: unknown;
-            readonly label?: string | number | boolean;
-            style?: unknown;
-            onChange?: (value: any, _event?: Event) => any;
-            onClick?: (_event: MouseEvent) => any;
-            ref?: import("vue").VNodeRef;
-            key?: string | number | symbol;
-            ref_for?: boolean;
-            ref_key?: string;
-            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[];
-            readonly modelValue?: string | number | boolean;
-            "onUpdate:modelValue"?: (value: any) => any;
-        };
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any>;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $emit: ((event: "change", value: any, _event?: Event) => void) & ((event: "click", _event: MouseEvent) => void) & ((event: "update:modelValue", value: any) => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: import("vue-types").VueTypeDef<string | number | boolean>;
-            label: import("vue-types").VueTypeDef<string | number | boolean>;
-            trueLabel: import("vue-types").VueTypeDef<string | number | boolean> & {
-                default: string | number | boolean;
-            };
-            falseLabel: import("vue-types").VueTypeDef<string | number | boolean> & {
-                default: string | number | boolean;
-            };
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            checked: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            indeterminate: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            };
-            beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-                default: (...args: any[]) => any;
-            };
-            size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
-                default: "default" | "small" | "large" | "huge";
-            };
-            immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-        }>> & {
-            onChange?: (value: any, _event?: Event) => any;
-            onClick?: (_event: MouseEvent) => any;
-            "onUpdate:modelValue"?: (value: any) => any;
-        }, {
-            inputRef: import("vue").Ref<any>;
-            isFocus: import("vue").Ref<boolean>;
-            isChecked: import("vue").Ref<boolean>;
-            isPrechecking: import("vue").Ref<boolean>;
-            isDisabled: import("vue").ComputedRef<boolean>;
-            setChecked: (value?: boolean) => void;
-            handleBlur: () => void;
-            handleFocus: () => void;
-            handleChange: (event: Event) => void;
-            size: "default" | "small" | "large" | "huge";
-            resolveClassName: (cls: string) => string;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            'update:modelValue': (value: any) => boolean;
-            change: (value: any, _event?: Event) => boolean;
-            click: (_event: MouseEvent) => true;
-        }, string, {
-            disabled: boolean;
-            size: "default" | "small" | "large" | "huge";
-            trueLabel: string | number | boolean;
-            falseLabel: string | number | boolean;
-            checked: boolean;
-            indeterminate: boolean;
-            beforeChange: (...args: any[]) => any;
-            immediateEmitChange: boolean;
-        }, {}, string, {}> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         modelValue: import("vue-types").VueTypeDef<string | number | boolean>;
         label: import("vue-types").VueTypeDef<string | number | boolean>;
         trueLabel: import("vue-types").VueTypeDef<string | number | boolean> & {
@@ -195,7 +38,7 @@ declare const BkCheckbox: {
         onChange?: (value: any, _event?: Event) => any;
         onClick?: (_event: MouseEvent) => any;
         "onUpdate:modelValue"?: (value: any) => any;
-    } & import("vue").ShallowUnwrapRef<{
+    }, {
         inputRef: import("vue").Ref<any>;
         isFocus: import("vue").Ref<boolean>;
         isChecked: import("vue").Ref<boolean>;
@@ -207,7 +50,122 @@ declare const BkCheckbox: {
         handleChange: (event: Event) => void;
         size: "default" | "small" | "large" | "huge";
         resolveClassName: (cls: string) => string;
-    }> & {} & import("vue").ComponentCustomProperties & {};
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:modelValue': (value: any) => boolean;
+        change: (value: any, _event?: Event) => boolean;
+        click: (_event: MouseEvent) => true;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: import("vue-types").VueTypeDef<string | number | boolean>;
+        label: import("vue-types").VueTypeDef<string | number | boolean>;
+        trueLabel: import("vue-types").VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        falseLabel: import("vue-types").VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        checked: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        indeterminate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
+        size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+            default: "default" | "small" | "large" | "huge";
+        };
+        immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & {
+        onChange?: (value: any, _event?: Event) => any;
+        onClick?: (_event: MouseEvent) => any;
+        "onUpdate:modelValue"?: (value: any) => any;
+    }, {
+        size: "default" | "small" | "large" | "huge";
+        disabled: boolean;
+        trueLabel: string | number | boolean;
+        falseLabel: string | number | boolean;
+        checked: boolean;
+        indeterminate: boolean;
+        beforeChange: (...args: any[]) => any;
+        immediateEmitChange: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: import("vue-types").VueTypeDef<string | number | boolean>;
+        label: import("vue-types").VueTypeDef<string | number | boolean>;
+        trueLabel: import("vue-types").VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        falseLabel: import("vue-types").VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        checked: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        indeterminate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
+        size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+            default: "default" | "small" | "large" | "huge";
+        };
+        immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & {
+        onChange?: (value: any, _event?: Event) => any;
+        onClick?: (_event: MouseEvent) => any;
+        "onUpdate:modelValue"?: (value: any) => any;
+    }, {
+        inputRef: import("vue").Ref<any>;
+        isFocus: import("vue").Ref<boolean>;
+        isChecked: import("vue").Ref<boolean>;
+        isPrechecking: import("vue").Ref<boolean>;
+        isDisabled: import("vue").ComputedRef<boolean>;
+        setChecked: (value?: boolean) => void;
+        handleBlur: () => void;
+        handleFocus: () => void;
+        handleChange: (event: Event) => void;
+        size: "default" | "small" | "large" | "huge";
+        resolveClassName: (cls: string) => string;
+    }, {}, {}, {}, {
+        size: "default" | "small" | "large" | "huge";
+        disabled: boolean;
+        trueLabel: string | number | boolean;
+        falseLabel: string | number | boolean;
+        checked: boolean;
+        indeterminate: boolean;
+        beforeChange: (...args: any[]) => any;
+        immediateEmitChange: boolean;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -265,8 +223,8 @@ declare const BkCheckbox: {
     change: (value: any, _event?: Event) => boolean;
     click: (_event: MouseEvent) => true;
 }, string, {
-    disabled: boolean;
     size: "default" | "small" | "large" | "huge";
+    disabled: boolean;
     trueLabel: string | number | boolean;
     falseLabel: string | number | boolean;
     checked: boolean;

package/lib/checkbox/index.js

@@ -39,38 +39,38 @@ var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
 const shared_namespaceObject = x({ ["EMPTY_OBJ"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.EMPTY_OBJ, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["SizeEnum"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.SizeEnum, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["isEmptyObj"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.isEmptyObj, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.useFormItem, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstallProps });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(obj) {
+function _typeof(o) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : String(i);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
+  key = toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -88,31 +88,31 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
@@ -350,7 +350,6 @@ var checkboxProps = {
   size: shared_namespaceObject.PropTypes.size().def(shared_namespaceObject.SizeEnum.DEFAULT),
   immediateEmitChange: shared_namespaceObject.PropTypes.bool.def(true) // 默认设置checked是否触发change事件
 };
-
 /* harmony default export */ const src_checkbox = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Checkbox',
   props: checkboxProps,
@@ -396,9 +395,8 @@ var checkboxProps = {
     };
   },
   render: function render() {
-    var _classes,
-      _this = this;
-    var checkboxClass = (0,shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, "".concat(this.resolveClassName('checkbox')), true), _defineProperty(_classes, "".concat(this.resolveClassName('checkbox'), "-").concat(this.size), true), _defineProperty(_classes, 'is-focused', this.isFocus), _defineProperty(_classes, 'is-checked', this.isChecked), _defineProperty(_classes, 'is-disabled', this.isDisabled), _defineProperty(_classes, 'is-indeterminated', this.indeterminate), _defineProperty(_classes, 'is-prechecking', this.isPrechecking), _classes));
+    var _this = this;
+    var checkboxClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(this.resolveClassName('checkbox')), true), "".concat(this.resolveClassName('checkbox'), "-").concat(this.size), true), 'is-focused', this.isFocus), 'is-checked', this.isChecked), 'is-disabled', this.isDisabled), 'is-indeterminated', this.indeterminate), 'is-prechecking', this.isPrechecking));
     var renderLabel = function renderLabel() {
       if (!_this.label && !_this.$slots["default"]) {
         return null;
@@ -506,7 +504,7 @@ var checkboxGroupProps = {
     }, function () {
       if (props.withValidate) {
         var _formItem$validate;
-        formItem === null || formItem === void 0 || (_formItem$validate = formItem.validate) === null || _formItem$validate === void 0 ? void 0 : _formItem$validate.call(formItem, 'change');
+        formItem === null || formItem === void 0 || (_formItem$validate = formItem.validate) === null || _formItem$validate === void 0 || _formItem$validate.call(formItem, 'change');
       }
     });
     (0,external_vue_namespaceObject.onMounted)(function () {

package/lib/code-diff/index.d.ts

@@ -1,86 +1,6 @@
 import { DiffFormatType, LanguagesUnion, ThemesUnion } from './code-diff';
 declare const BkCodeDiff: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            [x: `on${Capitalize<any>}`]: (...args: any[]) => any;
-            theme?: "dark" | "light";
-            oldContent?: string;
-            newContent?: string;
-            diffFormat?: "side-by-side" | "line-by-line";
-            language?: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
-            class?: unknown;
-            style?: unknown;
-            ref?: import("vue").VNodeRef;
-            key?: string | number | symbol;
-            ref_for?: boolean;
-            ref_key?: string;
-            readonly diffContext?: number;
-            readonly hljs: any;
-        };
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any>;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $emit: (event: any, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            oldContent: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            };
-            newContent: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            };
-            diffFormat: import("vue-types").VueTypeValidableDef<"side-by-side" | "line-by-line"> & {
-                default: "side-by-side" | "line-by-line";
-            };
-            diffContext: import("vue-types").VueTypeValidableDef<number>;
-            theme: import("vue-types").VueTypeValidableDef<"dark" | "light"> & {
-                default: "dark" | "light";
-            };
-            language: import("vue-types").VueTypeValidableDef<"ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile"> & {
-                default: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
-            };
-            hljs: import("vue-types").VueTypeValidableDef<any> & {
-                required: true;
-            };
-        }>> & {
-            [x: `on${Capitalize<any>}`]: (...args: any[]) => any;
-        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], string, {
-            theme: "dark" | "light";
-            oldContent: string;
-            newContent: string;
-            diffFormat: "side-by-side" | "line-by-line";
-            language: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
-        }, {}, string, {}> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         oldContent: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -102,7 +22,70 @@ declare const BkCodeDiff: {
         };
     }>> & {
         [x: `on${Capitalize<any>}`]: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        oldContent: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        newContent: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        diffFormat: import("vue-types").VueTypeValidableDef<"side-by-side" | "line-by-line"> & {
+            default: "side-by-side" | "line-by-line";
+        };
+        diffContext: import("vue-types").VueTypeValidableDef<number>;
+        theme: import("vue-types").VueTypeValidableDef<"dark" | "light"> & {
+            default: "dark" | "light";
+        };
+        language: import("vue-types").VueTypeValidableDef<"ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile"> & {
+            default: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
+        };
+        hljs: import("vue-types").VueTypeValidableDef<any> & {
+            required: true;
+        };
+    }>> & {
+        [x: `on${Capitalize<any>}`]: (...args: any[]) => any;
+    }, {
+        theme: "dark" | "light";
+        oldContent: string;
+        newContent: string;
+        diffFormat: "side-by-side" | "line-by-line";
+        language: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        oldContent: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        newContent: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        diffFormat: import("vue-types").VueTypeValidableDef<"side-by-side" | "line-by-line"> & {
+            default: "side-by-side" | "line-by-line";
+        };
+        diffContext: import("vue-types").VueTypeValidableDef<number>;
+        theme: import("vue-types").VueTypeValidableDef<"dark" | "light"> & {
+            default: "dark" | "light";
+        };
+        language: import("vue-types").VueTypeValidableDef<"ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile"> & {
+            default: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
+        };
+        hljs: import("vue-types").VueTypeValidableDef<any> & {
+            required: true;
+        };
+    }>> & {
+        [x: `on${Capitalize<any>}`]: (...args: any[]) => any;
+    }, () => JSX.Element, {}, {}, {}, {
+        theme: "dark" | "light";
+        oldContent: string;
+        newContent: string;
+        diffFormat: "side-by-side" | "line-by-line";
+        language: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;