bkui-vue 2.0.1-beta.11 → 2.0.1-beta.111

package/lib/checkbox/index.js

@@ -2,6 +2,7 @@ import "../styles/reset.css";
 import "./checkbox.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
 /******/ // The require scope
@@ -40,38 +41,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(o) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  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);
+  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);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-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;
+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;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (hint === "string" ? String : Number)(input);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : String(i);
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 ;// 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,
@@ -89,31 +90,31 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-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;
+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;
     try {
-      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;
+      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;
     } finally {
       try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
       } finally {
-        if (o) throw n;
+        if (_d) throw _e;
       }
     }
-    return a;
+    return _arr;
   }
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
@@ -147,7 +148,11 @@ function _slicedToArray(arr, i) {
 ;// 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({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+;// CONCATENATED MODULE: external "vue-types"
+var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_types_y = x => () => x
+const external_vue_types_namespaceObject = external_vue_types_x({ ["func"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.func });
 ;// 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
@@ -267,6 +272,9 @@ var useCheckbox = function useCheckbox() {
   };
   // 值更新
   var handleChange = function handleChange(event) {
+    if (props.readonly) {
+      return;
+    }
     var $targetInput = event.target;
     if (isDisabled.value || isPrechecking.value) {
       return;
@@ -280,7 +288,8 @@ var useCheckbox = function useCheckbox() {
       } else {
         return Promise.reject();
       }
-    })["catch"](function () {
+    })["catch"](function (err) {
+      console.error(err);
       $targetInput.checked = isChecked.value;
     })["finally"](function () {
       isPrechecking.value = false;
@@ -339,6 +348,7 @@ var useCheckbox = function useCheckbox() {
 
 
 
+
 var checkboxProps = {
   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]),
@@ -347,9 +357,13 @@ var checkboxProps = {
   disabled: shared_namespaceObject.PropTypes.bool.def(false),
   checked: shared_namespaceObject.PropTypes.bool.def(false),
   indeterminate: shared_namespaceObject.PropTypes.bool,
-  beforeChange: shared_namespaceObject.PropTypes.func,
+  beforeChange: (0,external_vue_types_namespaceObject.func)().def(function () {
+    return true;
+  }),
   size: shared_namespaceObject.PropTypes.size().def(shared_namespaceObject.SizeEnum.DEFAULT),
-  immediateEmitChange: shared_namespaceObject.PropTypes.bool.def(true) // 默认设置checked是否触发change事件
+  immediateEmitChange: shared_namespaceObject.PropTypes.bool.def(true),
+  readonly: shared_namespaceObject.PropTypes.bool.def(false),
+  outline: shared_namespaceObject.PropTypes.bool.def(false)
 };
 /* harmony default export */ const src_checkbox = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Checkbox',
@@ -396,8 +410,9 @@ var checkboxProps = {
     };
   },
   render: function render() {
-    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 _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), _defineProperty(_classes, 'is-outline', this.outline), _classes));
     var renderLabel = function renderLabel() {
       if (!_this.label && !_this.$slots["default"]) {
         return null;
@@ -412,11 +427,11 @@ var checkboxProps = {
       "class": this.resolveClassName('checkbox-input')
     }, [(0,external_vue_namespaceObject.createVNode)("input", {
       "ref": "inputRef",
-      "role": "checkbox",
-      "type": "checkbox",
       "class": "".concat(this.resolveClassName('checkbox-original')),
-      "disabled": this.isDisabled || this.isPrechecking,
       "checked": this.isChecked,
+      "disabled": this.isDisabled || this.isPrechecking,
+      "role": "checkbox",
+      "type": "checkbox",
       "onChange": this.handleChange
     }, null)]), renderLabel(), this.isPrechecking && (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Loading, {
       "class": "".concat(this.resolveClassName('checkbox-checking'))
@@ -453,14 +468,12 @@ var checkboxProps = {
 
 
 
-
 var checkboxGroupProps = {
-  name: shared_namespaceObject.PropTypes.string.def(''),
   modelValue: shared_namespaceObject.PropTypes.array,
   disabled: shared_namespaceObject.PropTypes.bool,
   withValidate: shared_namespaceObject.PropTypes.bool.def(true)
 };
-/* harmony default export */ const checkbox_group = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const checkbox_group = (defineComponent({
   name: 'CheckboxGroup',
   props: checkboxGroupProps,
   emits: {
@@ -493,22 +506,22 @@ var checkboxGroupProps = {
       context.emit('update:modelValue', nextValue);
       context.emit('change', nextValue);
     };
-    (0,external_vue_namespaceObject.provide)(checkboxGroupKey, {
+    provide(checkboxGroupKey, {
       name: 'CheckboxGroup',
       props: props,
       register: register,
       unregister: unregister,
       handleChange: handleChange
     });
-    (0,external_vue_namespaceObject.watch)(function () {
+    watch(function () {
       return props.modelValue;
     }, function () {
       if (props.withValidate) {
         var _formItem$validate;
-        formItem === null || formItem === void 0 || (_formItem$validate = formItem.validate) === null || _formItem$validate === void 0 || _formItem$validate.call(formItem, 'change');
+        formItem === null || formItem === void 0 || (_formItem$validate = formItem.validate) === null || _formItem$validate === void 0 ? void 0 : _formItem$validate.call(formItem, 'change');
       }
     });
-    (0,external_vue_namespaceObject.onMounted)(function () {
+    onMounted(function () {
       var modelValue = props.modelValue || [];
       checkboxInstanceList.forEach(function (checkboxInstance) {
         if (modelValue.includes(checkboxInstance.label)) {

package/lib/checkbox/type.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentPublicInstance } from 'vue';
 import type { CheckboxProps } from './checkbox';
 import type { CheckboxGroupProps } from './checkbox-group';
+import type { ComponentPublicInstance } from 'vue';
 export type ICheckboxInstance = ComponentPublicInstance<CheckboxProps, {
     isChecked: boolean;
     label: string;

package/lib/code-diff/code-diff.variable.css

@@ -109,6 +109,7 @@
   --date-picker-dropdown-bg: #fff;
   --table-bg-color: var(--white-color);
   --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
   --table-body-font-color: #63656E;

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

@@ -1,6 +1,86 @@
 import { DiffFormatType, LanguagesUnion, ThemesUnion } from './code-diff';
 declare const BkCodeDiff: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    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<{
         oldContent: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -22,70 +102,7 @@ declare const BkCodeDiff: {
         };
     }>> & {
         [x: `on${Capitalize<any>}`]: (...args: any[]) => any;
-    }, () => 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";
-    }>;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;