ll-plus 2.2.23 → 2.3.2

package/es/components/checkbox/src/checkbox.d.ts

@@ -14,21 +14,21 @@ export declare const checkboxGroupProps: {
     readonly options: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => option[]) | (() => option[]) | ((new (...args: any[]) => option[]) | (() => option[]))[], unknown, unknown, () => never[], boolean>;
     readonly rowOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<ExtractPropTypes<{
         align: {
-            type: import("vue").PropType<"bottom" | "top" | "middle" | "stretch" | {
-                xs?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                sm?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                md?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                lg?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xl?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xxl?: "bottom" | "top" | "middle" | "stretch" | undefined;
+            type: import("vue").PropType<"middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
             }>;
-            default: "bottom" | "top" | "middle" | "stretch" | {
-                xs?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                sm?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                md?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                lg?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xl?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xxl?: "bottom" | "top" | "middle" | "stretch" | undefined;
+            default: "middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
             };
         };
         justify: {
@@ -60,21 +60,21 @@ export declare const checkboxGroupProps: {
         };
     }>>) | (() => Partial<ExtractPropTypes<{
         align: {
-            type: import("vue").PropType<"bottom" | "top" | "middle" | "stretch" | {
-                xs?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                sm?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                md?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                lg?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xl?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xxl?: "bottom" | "top" | "middle" | "stretch" | undefined;
+            type: import("vue").PropType<"middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
             }>;
-            default: "bottom" | "top" | "middle" | "stretch" | {
-                xs?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                sm?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                md?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                lg?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xl?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xxl?: "bottom" | "top" | "middle" | "stretch" | undefined;
+            default: "middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
             };
         };
         justify: {
@@ -106,21 +106,21 @@ export declare const checkboxGroupProps: {
         };
     }>>) | ((new (...args: any[]) => Partial<ExtractPropTypes<{
         align: {
-            type: import("vue").PropType<"bottom" | "top" | "middle" | "stretch" | {
-                xs?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                sm?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                md?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                lg?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xl?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xxl?: "bottom" | "top" | "middle" | "stretch" | undefined;
+            type: import("vue").PropType<"middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
             }>;
-            default: "bottom" | "top" | "middle" | "stretch" | {
-                xs?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                sm?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                md?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                lg?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xl?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xxl?: "bottom" | "top" | "middle" | "stretch" | undefined;
+            default: "middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
             };
         };
         justify: {
@@ -152,21 +152,21 @@ export declare const checkboxGroupProps: {
         };
     }>>) | (() => Partial<ExtractPropTypes<{
         align: {
-            type: import("vue").PropType<"bottom" | "top" | "middle" | "stretch" | {
-                xs?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                sm?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                md?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                lg?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xl?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xxl?: "bottom" | "top" | "middle" | "stretch" | undefined;
+            type: import("vue").PropType<"middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
             }>;
-            default: "bottom" | "top" | "middle" | "stretch" | {
-                xs?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                sm?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                md?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                lg?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xl?: "bottom" | "top" | "middle" | "stretch" | undefined;
-                xxl?: "bottom" | "top" | "middle" | "stretch" | undefined;
+            default: "middle" | "top" | "bottom" | "stretch" | {
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
             };
         };
         justify: {

package/es/components/code-editor/index.d.ts

@@ -1,6 +1,7 @@
 import CodeEditor from './src/code-editor.vue';
 export declare const LlCodeEditor: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly value: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly width: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "100%", boolean>;
     readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "100%", boolean>;
     readonly language: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "javascript" | "typescript" | "html" | "css" | "json") | (() => import("./src/config").Language) | ((new (...args: any[]) => "javascript" | "typescript" | "html" | "css" | "json") | (() => import("./src/config").Language))[], unknown, unknown, "javascript", boolean>;
@@ -9,6 +10,7 @@ export declare const LlCodeEditor: import("ll-plus/es/utils").SFCWithInstall<imp
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly value: string;
+        readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly options: import("./src/config").Options;
         readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
         readonly width: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
@@ -39,6 +41,7 @@ export declare const LlCodeEditor: import("ll-plus/es/utils").SFCWithInstall<imp
     'editor-mounted': (editor: any) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly value: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly width: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "100%", boolean>;
     readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "100%", boolean>;
     readonly language: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "javascript" | "typescript" | "html" | "css" | "json") | (() => import("./src/config").Language) | ((new (...args: any[]) => "javascript" | "typescript" | "html" | "css" | "json") | (() => import("./src/config").Language))[], unknown, unknown, "javascript", boolean>;
@@ -50,6 +53,7 @@ export declare const LlCodeEditor: import("ll-plus/es/utils").SFCWithInstall<imp
     "onEditor-mounted"?: ((editor: any) => any) | undefined;
 }, {
     readonly value: string;
+    readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly options: import("./src/config").Options;
     readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     readonly width: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;

package/es/components/code-editor/src/code-editor.vue.d.ts

@@ -1,6 +1,7 @@
 import * as monaco from 'monaco-editor';
 declare const _default: import("vue").DefineComponent<{
     readonly value: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly width: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "100%", boolean>;
     readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "100%", boolean>;
     readonly language: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "javascript" | "typescript" | "html" | "css" | "json") | (() => import("./config").Language) | ((new (...args: any[]) => "javascript" | "typescript" | "html" | "css" | "json") | (() => import("./config").Language))[], unknown, unknown, "javascript", boolean>;
@@ -9,6 +10,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly value: string;
+        readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly options: import("./config").Options;
         readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
         readonly width: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
@@ -39,6 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     'editor-mounted': (editor: any) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly value: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly width: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "100%", boolean>;
     readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "100%", boolean>;
     readonly language: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "javascript" | "typescript" | "html" | "css" | "json") | (() => import("./config").Language) | ((new (...args: any[]) => "javascript" | "typescript" | "html" | "css" | "json") | (() => import("./config").Language))[], unknown, unknown, "javascript", boolean>;
@@ -50,6 +53,7 @@ declare const _default: import("vue").DefineComponent<{
     "onEditor-mounted"?: ((editor: any) => any) | undefined;
 }, {
     readonly value: string;
+    readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly options: import("./config").Options;
     readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     readonly width: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;

package/es/components/code-editor/src/code-editor.vue2.mjs

@@ -78,7 +78,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         language: props.language,
         theme: props.theme,
         ...defaultOptions,
-        ...props.options
+        ...props.options,
+        readOnly: props.disabled
       });
       handleChangeTheme(props.theme);
       editor.onDidChangeModelContent(() => {

package/es/components/code-editor/src/code-editor.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.vue2.mjs","sources":["../../../../../packages/components/code-editor/src/code-editor.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"codeEditBox\"\n    :class=\"bem.b()\"\n    :style=\"{\n      width: props.width,\n      height: props.height\n    }\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport {\n  codeEditorProps,\n  codeEditorEmits,\n  defaultOptions,\n  codeThemeList\n} from './config'\nimport { createNamespace } from '@ll-plus/utils'\n// @ts-ignore\nimport * as monaco from 'monaco-editor'\n\ndefineOptions({ name: 'LlCodeEditor' })\n\nconst props = defineProps(codeEditorProps)\nconst emits = defineEmits(codeEditorEmits)\nconst bem = createNamespace('code-editor')\n\nself.MonacoEnvironment = {\n  getWorker(_: string, label: string) {\n    if (label === 'json') {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/json/json.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    if (['css', 'scss', 'less'].includes(label)) {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/css/css.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    if (['html', 'handlebars', 'razor'].includes(label)) {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/html/html.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    if (['typescript', 'javascript'].includes(label)) {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/typescript/ts.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    return new Worker(\n      new URL('monaco-editor/esm/vs/editor/editor.worker.js', import.meta.url),\n      {\n        type: 'module'\n      }\n    )\n  }\n}\nlet editor: monaco.editor.IStandaloneCodeEditor\n\nconst codeEditBox = ref()\nconst init = () => {\n  monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n    noSemanticValidation: true,\n    noSyntaxValidation: false\n  })\n  monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n    target: monaco.languages.typescript.ScriptTarget.ES2020,\n    allowNonTsExtensions: true\n  })\n\n  editor = monaco.editor.create(codeEditBox.value, {\n    value: props.value,\n    language: props.language,\n    theme: props.theme,\n    ...defaultOptions,\n    ...props.options\n  })\n  handleChangeTheme(props.theme)\n  // 监听值的变化\n  editor.onDidChangeModelContent(() => {\n    const value = editor.getValue() //给父组件实时返回最新文本\n    emits('update:value', value)\n    emits('change', value)\n  })\n\n  emits('editor-mounted', editor)\n}\nconst handleChangeTheme = async (theme: string) => {\n  const find = codeThemeList.find(item => item.value === theme)\n  if (find) {\n    const themeData = {\n      ...find.data\n    } as monaco.editor.IStandaloneThemeData\n    try {\n      monaco.editor.defineTheme(theme, themeData)\n      monaco.editor.setTheme(theme)\n    } catch (error) {\n      monaco.editor.setTheme('vs')\n    }\n  } else {\n    monaco.editor.setTheme('vs')\n  }\n}\nwatch(\n  () => props.value,\n  newValue => {\n    if (editor) {\n      const value = editor.getValue()\n      if (newValue !== value) {\n        editor.setValue(newValue)\n      }\n    }\n  }\n)\n\nwatch(\n  () => props.options,\n  newValue => {\n    editor.updateOptions(newValue)\n  },\n  { deep: true }\n)\n\nwatch(\n  () => props.language,\n  newValue => {\n    monaco.editor.setModelLanguage(editor.getModel()!, newValue)\n  }\n)\n\nonBeforeUnmount(() => {\n  editor.dispose()\n})\n\nonMounted(() => {\n  init()\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,aAAa,CAAA,CAAA;AAEzC,IAAA,IAAA,CAAK,iBAAoB,GAAA;AAAA,MACvB,SAAA,CAAU,GAAW,KAAe,EAAA;AAClC,QAAA,IAAI,UAAU,MAAQ,EAAA;AACpB,UAAA,OAAO,IAAI,MAAA;AAAA,YACT,IAAI,GAAA;AAAA,cACF,mDAAA;AAAA,cACA,MAAY,CAAA,IAAA,CAAA,GAAA;AAAA,aACd;AAAA,YACA,EAAE,MAAM,QAAS,EAAA;AAAA,WACnB,CAAA;AAAA,SACF;AACA,QAAA,IAAI,CAAC,KAAO,EAAA,MAAA,EAAQ,MAAM,CAAE,CAAA,QAAA,CAAS,KAAK,CAAG,EAAA;AAC3C,UAAA,OAAO,IAAI,MAAA;AAAA,YACT,IAAI,GAAA;AAAA,cACF,iDAAA;AAAA,cACA,MAAY,CAAA,IAAA,CAAA,GAAA;AAAA,aACd;AAAA,YACA,EAAE,MAAM,QAAS,EAAA;AAAA,WACnB,CAAA;AAAA,SACF;AACA,QAAA,IAAI,CAAC,MAAQ,EAAA,YAAA,EAAc,OAAO,CAAE,CAAA,QAAA,CAAS,KAAK,CAAG,EAAA;AACnD,UAAA,OAAO,IAAI,MAAA;AAAA,YACT,IAAI,GAAA;AAAA,cACF,mDAAA;AAAA,cACA,MAAY,CAAA,IAAA,CAAA,GAAA;AAAA,aACd;AAAA,YACA,EAAE,MAAM,QAAS,EAAA;AAAA,WACnB,CAAA;AAAA,SACF;AACA,QAAA,IAAI,CAAC,YAAc,EAAA,YAAY,CAAE,CAAA,QAAA,CAAS,KAAK,CAAG,EAAA;AAChD,UAAA,OAAO,IAAI,MAAA;AAAA,YACT,IAAI,GAAA;AAAA,cACF,uDAAA;AAAA,cACA,MAAY,CAAA,IAAA,CAAA,GAAA;AAAA,aACd;AAAA,YACA,EAAE,MAAM,QAAS,EAAA;AAAA,WACnB,CAAA;AAAA,SACF;AACA,QAAA,OAAO,IAAI,MAAA;AAAA,UACT,IAAI,GAAA,CAAI,8CAAgD,EAAA,MAAA,CAAA,IAAA,CAAY,GAAG,CAAA;AAAA,UACvE;AAAA,YACE,IAAM,EAAA,QAAA;AAAA,WACR;AAAA,SACF,CAAA;AAAA,OACF;AAAA,KACF,CAAA;AACA,IAAI,IAAA,MAAA,CAAA;AAEJ,IAAA,MAAM,cAAc,GAAI,EAAA,CAAA;AACxB,IAAA,MAAM,OAAO,MAAM;AACjB,MAAO,MAAA,CAAA,SAAA,CAAU,UAAW,CAAA,kBAAA,CAAmB,qBAAsB,CAAA;AAAA,QACnE,oBAAsB,EAAA,IAAA;AAAA,QACtB,kBAAoB,EAAA,KAAA;AAAA,OACrB,CAAA,CAAA;AACD,MAAO,MAAA,CAAA,SAAA,CAAU,UAAW,CAAA,kBAAA,CAAmB,kBAAmB,CAAA;AAAA,QAChE,MAAQ,EAAA,MAAA,CAAO,SAAU,CAAA,UAAA,CAAW,YAAa,CAAA,MAAA;AAAA,QACjD,oBAAsB,EAAA,IAAA;AAAA,OACvB,CAAA,CAAA;AAED,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,MAAO,CAAA,WAAA,CAAY,KAAO,EAAA;AAAA,QAC/C,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,GAAG,cAAA;AAAA,QACH,GAAG,KAAM,CAAA,OAAA;AAAA,OACV,CAAA,CAAA;AACD,MAAA,iBAAA,CAAkB,MAAM,KAAK,CAAA,CAAA;AAE7B,MAAA,MAAA,CAAO,wBAAwB,MAAM;AACnC,QAAM,MAAA,KAAA,GAAQ,OAAO,QAAS,EAAA,CAAA;AAC9B,QAAA,KAAA,CAAM,gBAAgB,KAAK,CAAA,CAAA;AAC3B,QAAA,KAAA,CAAM,UAAU,KAAK,CAAA,CAAA;AAAA,OACtB,CAAA,CAAA;AAED,MAAA,KAAA,CAAM,kBAAkB,MAAM,CAAA,CAAA;AAAA,KAChC,CAAA;AACA,IAAM,MAAA,iBAAA,GAAoB,OAAO,KAAkB,KAAA;AACjD,MAAA,MAAM,OAAO,aAAc,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAC5D,MAAA,IAAI,IAAM,EAAA;AACR,QAAA,MAAM,SAAY,GAAA;AAAA,UAChB,GAAG,IAAK,CAAA,IAAA;AAAA,SACV,CAAA;AACA,QAAI,IAAA;AACF,UAAO,MAAA,CAAA,MAAA,CAAO,WAAY,CAAA,KAAA,EAAO,SAAS,CAAA,CAAA;AAC1C,UAAO,MAAA,CAAA,MAAA,CAAO,SAAS,KAAK,CAAA,CAAA;AAAA,iBACrB,KAAO,EAAA;AACd,UAAO,MAAA,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AAAA,SAC7B;AAAA,OACK,MAAA;AACL,QAAO,MAAA,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AAAA,OAC7B;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAY,QAAA,KAAA;AACV,QAAA,IAAI,MAAQ,EAAA;AACV,UAAM,MAAA,KAAA,GAAQ,OAAO,QAAS,EAAA,CAAA;AAC9B,UAAA,IAAI,aAAa,KAAO,EAAA;AACtB,YAAA,MAAA,CAAO,SAAS,QAAQ,CAAA,CAAA;AAAA,WAC1B;AAAA,SACF;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,OAAA;AAAA,MACZ,CAAY,QAAA,KAAA;AACV,QAAA,MAAA,CAAO,cAAc,QAAQ,CAAA,CAAA;AAAA,OAC/B;AAAA,MACA,EAAE,MAAM,IAAK,EAAA;AAAA,KACf,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,QAAA;AAAA,MACZ,CAAY,QAAA,KAAA;AACV,QAAA,MAAA,CAAO,MAAO,CAAA,gBAAA,CAAiB,MAAO,CAAA,QAAA,IAAa,QAAQ,CAAA,CAAA;AAAA,OAC7D;AAAA,KACF,CAAA;AAEA,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,MAAA,CAAO,OAAQ,EAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAA,SAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"code-editor.vue2.mjs","sources":["../../../../../packages/components/code-editor/src/code-editor.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"codeEditBox\"\n    :class=\"bem.b()\"\n    :style=\"{\n      width: props.width,\n      height: props.height\n    }\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport {\n  codeEditorProps,\n  codeEditorEmits,\n  defaultOptions,\n  codeThemeList\n} from './config'\nimport { createNamespace } from '@ll-plus/utils'\n// @ts-ignore\nimport * as monaco from 'monaco-editor'\n\ndefineOptions({ name: 'LlCodeEditor' })\n\nconst props = defineProps(codeEditorProps)\nconst emits = defineEmits(codeEditorEmits)\nconst bem = createNamespace('code-editor')\n\nself.MonacoEnvironment = {\n  getWorker(_: string, label: string) {\n    if (label === 'json') {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/json/json.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    if (['css', 'scss', 'less'].includes(label)) {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/css/css.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    if (['html', 'handlebars', 'razor'].includes(label)) {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/html/html.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    if (['typescript', 'javascript'].includes(label)) {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/typescript/ts.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    return new Worker(\n      new URL('monaco-editor/esm/vs/editor/editor.worker.js', import.meta.url),\n      {\n        type: 'module'\n      }\n    )\n  }\n}\nlet editor: monaco.editor.IStandaloneCodeEditor\n\nconst codeEditBox = ref()\nconst init = () => {\n  monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n    noSemanticValidation: true,\n    noSyntaxValidation: false\n  })\n  monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n    target: monaco.languages.typescript.ScriptTarget.ES2020,\n    allowNonTsExtensions: true\n  })\n\n  editor = monaco.editor.create(codeEditBox.value, {\n    value: props.value,\n    language: props.language,\n    theme: props.theme,\n    ...defaultOptions,\n    ...props.options,\n    readOnly: props.disabled\n  })\n  handleChangeTheme(props.theme)\n  // 监听值的变化\n  editor.onDidChangeModelContent(() => {\n    const value = editor.getValue() //给父组件实时返回最新文本\n    emits('update:value', value)\n    emits('change', value)\n  })\n\n  emits('editor-mounted', editor)\n}\nconst handleChangeTheme = async (theme: string) => {\n  const find = codeThemeList.find(item => item.value === theme)\n  if (find) {\n    const themeData = {\n      ...find.data\n    } as monaco.editor.IStandaloneThemeData\n    try {\n      monaco.editor.defineTheme(theme, themeData)\n      monaco.editor.setTheme(theme)\n    } catch (error) {\n      monaco.editor.setTheme('vs')\n    }\n  } else {\n    monaco.editor.setTheme('vs')\n  }\n}\nwatch(\n  () => props.value,\n  newValue => {\n    if (editor) {\n      const value = editor.getValue()\n      if (newValue !== value) {\n        editor.setValue(newValue)\n      }\n    }\n  }\n)\n\nwatch(\n  () => props.options,\n  newValue => {\n    editor.updateOptions(newValue)\n  },\n  { deep: true }\n)\n\nwatch(\n  () => props.language,\n  newValue => {\n    monaco.editor.setModelLanguage(editor.getModel()!, newValue)\n  }\n)\n\nonBeforeUnmount(() => {\n  editor.dispose()\n})\n\nonMounted(() => {\n  init()\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,aAAa,CAAA,CAAA;AAEzC,IAAA,IAAA,CAAK,iBAAoB,GAAA;AAAA,MACvB,SAAA,CAAU,GAAW,KAAe,EAAA;AAClC,QAAA,IAAI,UAAU,MAAQ,EAAA;AACpB,UAAA,OAAO,IAAI,MAAA;AAAA,YACT,IAAI,GAAA;AAAA,cACF,mDAAA;AAAA,cACA,MAAY,CAAA,IAAA,CAAA,GAAA;AAAA,aACd;AAAA,YACA,EAAE,MAAM,QAAS,EAAA;AAAA,WACnB,CAAA;AAAA,SACF;AACA,QAAA,IAAI,CAAC,KAAO,EAAA,MAAA,EAAQ,MAAM,CAAE,CAAA,QAAA,CAAS,KAAK,CAAG,EAAA;AAC3C,UAAA,OAAO,IAAI,MAAA;AAAA,YACT,IAAI,GAAA;AAAA,cACF,iDAAA;AAAA,cACA,MAAY,CAAA,IAAA,CAAA,GAAA;AAAA,aACd;AAAA,YACA,EAAE,MAAM,QAAS,EAAA;AAAA,WACnB,CAAA;AAAA,SACF;AACA,QAAA,IAAI,CAAC,MAAQ,EAAA,YAAA,EAAc,OAAO,CAAE,CAAA,QAAA,CAAS,KAAK,CAAG,EAAA;AACnD,UAAA,OAAO,IAAI,MAAA;AAAA,YACT,IAAI,GAAA;AAAA,cACF,mDAAA;AAAA,cACA,MAAY,CAAA,IAAA,CAAA,GAAA;AAAA,aACd;AAAA,YACA,EAAE,MAAM,QAAS,EAAA;AAAA,WACnB,CAAA;AAAA,SACF;AACA,QAAA,IAAI,CAAC,YAAc,EAAA,YAAY,CAAE,CAAA,QAAA,CAAS,KAAK,CAAG,EAAA;AAChD,UAAA,OAAO,IAAI,MAAA;AAAA,YACT,IAAI,GAAA;AAAA,cACF,uDAAA;AAAA,cACA,MAAY,CAAA,IAAA,CAAA,GAAA;AAAA,aACd;AAAA,YACA,EAAE,MAAM,QAAS,EAAA;AAAA,WACnB,CAAA;AAAA,SACF;AACA,QAAA,OAAO,IAAI,MAAA;AAAA,UACT,IAAI,GAAA,CAAI,8CAAgD,EAAA,MAAA,CAAA,IAAA,CAAY,GAAG,CAAA;AAAA,UACvE;AAAA,YACE,IAAM,EAAA,QAAA;AAAA,WACR;AAAA,SACF,CAAA;AAAA,OACF;AAAA,KACF,CAAA;AACA,IAAI,IAAA,MAAA,CAAA;AAEJ,IAAA,MAAM,cAAc,GAAI,EAAA,CAAA;AACxB,IAAA,MAAM,OAAO,MAAM;AACjB,MAAO,MAAA,CAAA,SAAA,CAAU,UAAW,CAAA,kBAAA,CAAmB,qBAAsB,CAAA;AAAA,QACnE,oBAAsB,EAAA,IAAA;AAAA,QACtB,kBAAoB,EAAA,KAAA;AAAA,OACrB,CAAA,CAAA;AACD,MAAO,MAAA,CAAA,SAAA,CAAU,UAAW,CAAA,kBAAA,CAAmB,kBAAmB,CAAA;AAAA,QAChE,MAAQ,EAAA,MAAA,CAAO,SAAU,CAAA,UAAA,CAAW,YAAa,CAAA,MAAA;AAAA,QACjD,oBAAsB,EAAA,IAAA;AAAA,OACvB,CAAA,CAAA;AAED,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,MAAO,CAAA,WAAA,CAAY,KAAO,EAAA;AAAA,QAC/C,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,GAAG,cAAA;AAAA,QACH,GAAG,KAAM,CAAA,OAAA;AAAA,QACT,UAAU,KAAM,CAAA,QAAA;AAAA,OACjB,CAAA,CAAA;AACD,MAAA,iBAAA,CAAkB,MAAM,KAAK,CAAA,CAAA;AAE7B,MAAA,MAAA,CAAO,wBAAwB,MAAM;AACnC,QAAM,MAAA,KAAA,GAAQ,OAAO,QAAS,EAAA,CAAA;AAC9B,QAAA,KAAA,CAAM,gBAAgB,KAAK,CAAA,CAAA;AAC3B,QAAA,KAAA,CAAM,UAAU,KAAK,CAAA,CAAA;AAAA,OACtB,CAAA,CAAA;AAED,MAAA,KAAA,CAAM,kBAAkB,MAAM,CAAA,CAAA;AAAA,KAChC,CAAA;AACA,IAAM,MAAA,iBAAA,GAAoB,OAAO,KAAkB,KAAA;AACjD,MAAA,MAAM,OAAO,aAAc,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAC5D,MAAA,IAAI,IAAM,EAAA;AACR,QAAA,MAAM,SAAY,GAAA;AAAA,UAChB,GAAG,IAAK,CAAA,IAAA;AAAA,SACV,CAAA;AACA,QAAI,IAAA;AACF,UAAO,MAAA,CAAA,MAAA,CAAO,WAAY,CAAA,KAAA,EAAO,SAAS,CAAA,CAAA;AAC1C,UAAO,MAAA,CAAA,MAAA,CAAO,SAAS,KAAK,CAAA,CAAA;AAAA,iBACrB,KAAO,EAAA;AACd,UAAO,MAAA,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AAAA,SAC7B;AAAA,OACK,MAAA;AACL,QAAO,MAAA,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AAAA,OAC7B;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAY,QAAA,KAAA;AACV,QAAA,IAAI,MAAQ,EAAA;AACV,UAAM,MAAA,KAAA,GAAQ,OAAO,QAAS,EAAA,CAAA;AAC9B,UAAA,IAAI,aAAa,KAAO,EAAA;AACtB,YAAA,MAAA,CAAO,SAAS,QAAQ,CAAA,CAAA;AAAA,WAC1B;AAAA,SACF;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,OAAA;AAAA,MACZ,CAAY,QAAA,KAAA;AACV,QAAA,MAAA,CAAO,cAAc,QAAQ,CAAA,CAAA;AAAA,OAC/B;AAAA,MACA,EAAE,MAAM,IAAK,EAAA;AAAA,KACf,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,QAAA;AAAA,MACZ,CAAY,QAAA,KAAA;AACV,QAAA,MAAA,CAAO,MAAO,CAAA,gBAAA,CAAiB,MAAO,CAAA,QAAA,IAAa,QAAQ,CAAA,CAAA;AAAA,OAC7D;AAAA,KACF,CAAA;AAEA,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,MAAA,CAAO,OAAQ,EAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAA,SAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/code-editor/src/config/code-editor.d.ts

@@ -20,6 +20,7 @@ export interface Options {
 export declare const defaultOptions: Options;
 export declare const codeEditorProps: {
     readonly value: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly width: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "100%", boolean>;
     readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "100%", boolean>;
     readonly language: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "javascript" | "typescript" | "html" | "css" | "json") | (() => Language) | ((new (...args: any[]) => "javascript" | "typescript" | "html" | "css" | "json") | (() => Language))[], unknown, unknown, "javascript", boolean>;

package/es/components/code-editor/src/config/code-editor.mjs

@@ -20,6 +20,10 @@ const codeEditorProps = buildProps({
     type: String,
     default: null
   },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
   width: {
     type: [String, Number],
     default: "100%"

package/es/components/code-editor/src/config/code-editor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.mjs","sources":["../../../../../../packages/components/code-editor/src/config/code-editor.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nexport type Theme =\n  | 'vs'\n  | 'hc-black'\n  | 'vs-dark'\n  | 'AtlanticNight'\n  | 'AtomOneDark'\n  | 'AuroraX'\n  | 'AyuDark'\n  | 'AyuLight'\n  | 'BlulocoLight'\n  | 'CodeSandBox'\n  | 'Darktooth'\n  | 'Dracula'\n  | 'EvaLight'\n  | 'FlatUI'\n  | 'Hopscotch'\n  | 'HorlaLightTheme'\n  | 'HybridNext'\n  | 'KimbieDark'\n  | 'Lucario'\n  | 'MonokaiDimmed'\n  | 'MonokaiPro'\n  | 'Nebula'\n  | 'NoctisAzureus'\n  | 'NoctisBordo'\n  | 'NoctisLux'\n  | 'OneDarkPro'\n  | 'OneMonokai'\n  | 'Panda'\n  | 'RemedyDark'\n  | 'ReUI'\n  | 'ShadesOfPurple'\n  | 'SnazzyLight'\n  | 'SnazzyOperator'\n  | 'SublimeMaterialThemeDark'\n  | 'SynthWave84'\n  | 'TokyoNightStorm'\n  | 'TomorrowNightBlue'\n  | 'Twilight'\nexport type FoldingStrategy = 'auto' | 'indentation'\nexport type RenderLineHighlight = 'all' | 'line' | 'none' | 'gutter'\nexport type Language = 'javascript' | 'typescript' | 'html' | 'css' | 'json'\nimport type CodeEditor from '../code-editor.vue'\nexport interface Options {\n  automaticLayout?: boolean // 自适应布局\n  foldingStrategy?: FoldingStrategy // 折叠方式  auto | indentation\n  renderLineHighlight?: RenderLineHighlight // 行亮\n  selectOnLineNumbers?: boolean // 显示行号\n  minimap?: {\n    // 关闭小地图\n    enabled: boolean\n  }\n  readOnly?: boolean // 只读\n  fontSize?: number // 字体大小\n  scrollBeyondLastLine?: boolean // 取消代码后面一大段空白\n  overviewRulerBorder?: boolean // 不要滚动条的边框\n}\nexport const defaultOptions = {\n  automaticLayout: true,\n  foldingStrategy: 'indentation',\n  renderLineHighlight: 'all',\n  selectOnLineNumbers: true,\n  minimap: {\n    enabled: true\n  },\n  readOnly: false,\n  fontSize: 16,\n  scrollBeyondLastLine: false,\n  overviewRulerBorder: false\n} as Options\n\nexport const codeEditorProps = buildProps({\n  value: {\n    type: String,\n    default: null\n  },\n  width: {\n    type: [String, Number],\n    default: '100%'\n  },\n  height: {\n    type: [String, Number],\n    default: '100%'\n  },\n  language: {\n    type: definePropType<Language>(String),\n    default: 'javascript'\n  },\n  theme: {\n    type: definePropType<Theme>(String),\n    default: 'vs'\n  },\n  options: {\n    type: definePropType<Options>(Object),\n    default: () => ({} as Options)\n  }\n} as const)\n\nexport const codeEditorEmits = {\n  'update:value': (value: string) => !!value,\n  change: (value: string) => !!value,\n  'editor-mounted': (editor: any) => !!editor\n}\n\n// props\nexport type CodeEditorProps = ExtractPropTypes<typeof codeEditorProps>\n\n// emits\nexport type CodeEditorEmits = typeof codeEditorEmits\n\n// instance\nexport type CodeEditorInstance = InstanceType<typeof CodeEditor>\n"],"names":[],"mappings":";;;;AA4DO,MAAM,cAAiB,GAAA;AAAA,EAC5B,eAAiB,EAAA,IAAA;AAAA,EACjB,eAAiB,EAAA,aAAA;AAAA,EACjB,mBAAqB,EAAA,KAAA;AAAA,EACrB,mBAAqB,EAAA,IAAA;AAAA,EACrB,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA,KAAA;AAAA,EACV,QAAU,EAAA,EAAA;AAAA,EACV,oBAAsB,EAAA,KAAA;AAAA,EACtB,mBAAqB,EAAA,KAAA;AACvB,EAAA;AAEO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EACxC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAAyB,MAAM,CAAA;AAAA,IACrC,OAAS,EAAA,YAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAAwB,MAAM,CAAA;AAAA,IACpC,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AACF,CAAU,EAAA;AAEH,MAAM,eAAkB,GAAA;AAAA,EAC7B,cAAgB,EAAA,CAAC,KAAkB,KAAA,CAAC,CAAC,KAAA;AAAA,EACrC,MAAQ,EAAA,CAAC,KAAkB,KAAA,CAAC,CAAC,KAAA;AAAA,EAC7B,gBAAkB,EAAA,CAAC,MAAgB,KAAA,CAAC,CAAC,MAAA;AACvC;;;;"}
+{"version":3,"file":"code-editor.mjs","sources":["../../../../../../packages/components/code-editor/src/config/code-editor.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nexport type Theme =\n  | 'vs'\n  | 'hc-black'\n  | 'vs-dark'\n  | 'AtlanticNight'\n  | 'AtomOneDark'\n  | 'AuroraX'\n  | 'AyuDark'\n  | 'AyuLight'\n  | 'BlulocoLight'\n  | 'CodeSandBox'\n  | 'Darktooth'\n  | 'Dracula'\n  | 'EvaLight'\n  | 'FlatUI'\n  | 'Hopscotch'\n  | 'HorlaLightTheme'\n  | 'HybridNext'\n  | 'KimbieDark'\n  | 'Lucario'\n  | 'MonokaiDimmed'\n  | 'MonokaiPro'\n  | 'Nebula'\n  | 'NoctisAzureus'\n  | 'NoctisBordo'\n  | 'NoctisLux'\n  | 'OneDarkPro'\n  | 'OneMonokai'\n  | 'Panda'\n  | 'RemedyDark'\n  | 'ReUI'\n  | 'ShadesOfPurple'\n  | 'SnazzyLight'\n  | 'SnazzyOperator'\n  | 'SublimeMaterialThemeDark'\n  | 'SynthWave84'\n  | 'TokyoNightStorm'\n  | 'TomorrowNightBlue'\n  | 'Twilight'\nexport type FoldingStrategy = 'auto' | 'indentation'\nexport type RenderLineHighlight = 'all' | 'line' | 'none' | 'gutter'\nexport type Language = 'javascript' | 'typescript' | 'html' | 'css' | 'json'\nimport type CodeEditor from '../code-editor.vue'\nexport interface Options {\n  automaticLayout?: boolean // 自适应布局\n  foldingStrategy?: FoldingStrategy // 折叠方式  auto | indentation\n  renderLineHighlight?: RenderLineHighlight // 行亮\n  selectOnLineNumbers?: boolean // 显示行号\n  minimap?: {\n    // 关闭小地图\n    enabled: boolean\n  }\n  readOnly?: boolean // 只读\n  fontSize?: number // 字体大小\n  scrollBeyondLastLine?: boolean // 取消代码后面一大段空白\n  overviewRulerBorder?: boolean // 不要滚动条的边框\n}\nexport const defaultOptions = {\n  automaticLayout: true,\n  foldingStrategy: 'indentation',\n  renderLineHighlight: 'all',\n  selectOnLineNumbers: true,\n  minimap: {\n    enabled: true\n  },\n  readOnly: false,\n  fontSize: 16,\n  scrollBeyondLastLine: false,\n  overviewRulerBorder: false\n} as Options\n\nexport const codeEditorProps = buildProps({\n  value: {\n    type: String,\n    default: null\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  width: {\n    type: [String, Number],\n    default: '100%'\n  },\n  height: {\n    type: [String, Number],\n    default: '100%'\n  },\n  language: {\n    type: definePropType<Language>(String),\n    default: 'javascript'\n  },\n  theme: {\n    type: definePropType<Theme>(String),\n    default: 'vs'\n  },\n  options: {\n    type: definePropType<Options>(Object),\n    default: () => ({} as Options)\n  }\n} as const)\n\nexport const codeEditorEmits = {\n  'update:value': (value: string) => !!value,\n  change: (value: string) => !!value,\n  'editor-mounted': (editor: any) => !!editor\n}\n\n// props\nexport type CodeEditorProps = ExtractPropTypes<typeof codeEditorProps>\n\n// emits\nexport type CodeEditorEmits = typeof codeEditorEmits\n\n// instance\nexport type CodeEditorInstance = InstanceType<typeof CodeEditor>\n"],"names":[],"mappings":";;;;AA4DO,MAAM,cAAiB,GAAA;AAAA,EAC5B,eAAiB,EAAA,IAAA;AAAA,EACjB,eAAiB,EAAA,aAAA;AAAA,EACjB,mBAAqB,EAAA,KAAA;AAAA,EACrB,mBAAqB,EAAA,IAAA;AAAA,EACrB,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA,KAAA;AAAA,EACV,QAAU,EAAA,EAAA;AAAA,EACV,oBAAsB,EAAA,KAAA;AAAA,EACtB,mBAAqB,EAAA,KAAA;AACvB,EAAA;AAEO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EACxC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAAyB,MAAM,CAAA;AAAA,IACrC,OAAS,EAAA,YAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAAwB,MAAM,CAAA;AAAA,IACpC,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AACF,CAAU,EAAA;AAEH,MAAM,eAAkB,GAAA;AAAA,EAC7B,cAAgB,EAAA,CAAC,KAAkB,KAAA,CAAC,CAAC,KAAA;AAAA,EACrC,MAAQ,EAAA,CAAC,KAAkB,KAAA,CAAC,CAAC,KAAA;AAAA,EAC7B,gBAAkB,EAAA,CAAC,MAAgB,KAAA,CAAC,CAAC,MAAA;AACvC;;;;"}

package/es/components/drawer/index.d.ts

@@ -12,22 +12,22 @@ export declare const LlDrawer: import("ll-plus/es/utils").SFCWithInstall<import(
     readonly cancelConfirmOptions: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, null, boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly title: string;
+        readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly cancelText: string;
         readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly confirmText: string;
         readonly useClose: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly cancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly cancelConfirmOptions: Record<string, any>;
         readonly "onUpdate:open"?: (() => any) | undefined;
         readonly onClose?: (() => any) | undefined;
-        readonly onCancel?: (() => any) | undefined;
         readonly onConfirm?: (() => any) | undefined;
+        readonly onCancel?: (() => any) | undefined;
     } & {}>;
-    emits: ((event: "update:open") => void) & ((event: "confirm") => void) & ((event: "close") => void) & ((event: "cancel") => void);
+    emits: ((event: "close") => void) & ((event: "confirm") => void) & ((event: "update:open") => void) & ((event: "cancel") => void);
     attrs: {
         [x: string]: unknown;
     };
@@ -128,7 +128,7 @@ export declare const LlDrawer: import("ll-plus/es/utils").SFCWithInstall<import(
             zIndex: NumberConstructor;
             prefixCls: StringConstructor;
             push: import("vue-types").VueTypeDef<boolean | import("ant-design-vue/es/drawer").PushState>;
-            placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top">;
+            placement: import("vue-types").VueTypeDef<"left" | "right" | "top" | "bottom">;
             keyboard: {
                 type: BooleanConstructor;
                 default: any;
@@ -225,7 +225,7 @@ export declare const LlDrawer: import("ll-plus/es/utils").SFCWithInstall<import(
             zIndex: NumberConstructor;
             prefixCls: StringConstructor;
             push: import("vue-types").VueTypeDef<boolean | import("ant-design-vue/es/drawer").PushState>;
-            placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top">;
+            placement: import("vue-types").VueTypeDef<"left" | "right" | "top" | "bottom">;
             keyboard: {
                 type: BooleanConstructor;
                 default: any;
@@ -354,7 +354,7 @@ export declare const LlDrawer: import("ll-plus/es/utils").SFCWithInstall<import(
             zIndex: NumberConstructor;
             prefixCls: StringConstructor;
             push: import("vue-types").VueTypeDef<boolean | import("ant-design-vue/es/drawer").PushState>;
-            placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top">;
+            placement: import("vue-types").VueTypeDef<"left" | "right" | "top" | "bottom">;
             keyboard: {
                 type: BooleanConstructor;
                 default: any;
@@ -473,7 +473,7 @@ export declare const LlDrawer: import("ll-plus/es/utils").SFCWithInstall<import(
         zIndex: NumberConstructor;
         prefixCls: StringConstructor;
         push: import("vue-types").VueTypeDef<boolean | import("ant-design-vue/es/drawer").PushState>;
-        placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top">;
+        placement: import("vue-types").VueTypeDef<"left" | "right" | "top" | "bottom">;
         keyboard: {
             type: BooleanConstructor;
             default: any;
@@ -543,15 +543,15 @@ export declare const LlDrawer: import("ll-plus/es/utils").SFCWithInstall<import(
 }>> & {
     "onUpdate:open"?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
-    onCancel?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
 }, {
-    readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly title: string;
+    readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly cancelText: string;
     readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly confirmText: string;
     readonly useClose: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly cancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/drawer/src/components/second-confirmation/index.d.ts

@@ -29,8 +29,8 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
         is: (name?: string) => string;
     };
     props: import("@vue/shared").LooseRequired<{
-        readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly title: string;
+        readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly icon: {
             readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
             readonly color?: string | undefined;
@@ -40,8 +40,8 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
         readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly cancelText: string;
         readonly confirmText: string;
-        readonly onCancel?: Function | undefined;
         readonly onConfirm?: Function | undefined;
+        readonly onCancel?: Function | undefined;
     } & {}>;
     warningColor: string;
     readonly LlModal: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -58,14 +58,14 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
     }, {
         props: import("@vue/shared").LooseRequired<{
             readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
-            readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly title: string;
+            readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly wrapClassName: string;
             readonly class: string;
             readonly cancelText: string;
             readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly confirmText: string;
             readonly "onUpdate:open"?: (() => any) | undefined;
             readonly onOk?: (() => any) | undefined;
@@ -1628,13 +1628,13 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
             };
         }, {
             props: import("@vue/shared").LooseRequired<{
+                readonly label?: string | undefined;
                 readonly position?: string | undefined;
                 readonly icon?: {
                     readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
                     readonly color?: string | undefined;
                     readonly iconName?: string | undefined;
                 } | undefined;
-                readonly label?: string | undefined;
             } & {}>;
             bem: {
                 b: (blockSuffix?: string) => string;
@@ -2004,14 +2004,14 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
         onCancel?: (() => any) | undefined;
     }, {
         readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
-        readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly title: string;
+        readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly wrapClassName: string;
         readonly class: string;
         readonly cancelText: string;
         readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly confirmText: string;
     }, {}>>;
     readonly LlIcon: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -2090,8 +2090,8 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
     readonly onConfirm: FunctionConstructor;
     readonly onCancel: FunctionConstructor;
 }>>, {
-    readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly title: string;
+    readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly icon: {
         readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
         readonly color?: string | undefined;

package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts

@@ -28,8 +28,8 @@ declare const _default: import("vue").DefineComponent<{
         is: (name?: string) => string;
     };
     props: import("@vue/shared").LooseRequired<{
-        readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
         readonly title: string;
+        readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
         readonly icon: {
             readonly size?: import("ll-plus/es/components").AvatarType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
             readonly color?: string | undefined;
@@ -39,8 +39,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly loading: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
         readonly cancelText: string;
         readonly confirmText: string;
-        readonly onCancel?: Function | undefined;
         readonly onConfirm?: Function | undefined;
+        readonly onCancel?: Function | undefined;
     } & {}>;
     warningColor: string;
     readonly LlModal: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -57,14 +57,14 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         props: import("@vue/shared").LooseRequired<{
             readonly type: import("ll-plus/es/components").AvatarType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
-            readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
             readonly title: string;
+            readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
+            readonly showFooter: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
             readonly loading: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
             readonly wrapClassName: string;
             readonly class: string;
             readonly cancelText: string;
             readonly showCancel: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
-            readonly showFooter: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
             readonly confirmText: string;
             readonly "onUpdate:open"?: (() => any) | undefined;
             readonly onOk?: (() => any) | undefined;
@@ -1627,13 +1627,13 @@ declare const _default: import("vue").DefineComponent<{
             };
         }, {
             props: import("@vue/shared").LooseRequired<{
+                readonly label?: string | undefined;
                 readonly position?: string | undefined;
                 readonly icon?: {
                     readonly size?: import("ll-plus/es/components").AvatarType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
                     readonly color?: string | undefined;
                     readonly iconName?: string | undefined;
                 } | undefined;
-                readonly label?: string | undefined;
             } & {}>;
             bem: {
                 b: (blockSuffix?: string) => string;
@@ -2003,14 +2003,14 @@ declare const _default: import("vue").DefineComponent<{
         onCancel?: (() => any) | undefined;
     }, {
         readonly type: import("ll-plus/es/components").AvatarType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
-        readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
         readonly title: string;
+        readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
+        readonly showFooter: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
         readonly loading: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
         readonly wrapClassName: string;
         readonly class: string;
         readonly cancelText: string;
         readonly showCancel: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
-        readonly showFooter: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
         readonly confirmText: string;
     }, {}>>;
     readonly LlIcon: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -2089,8 +2089,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly onConfirm: FunctionConstructor;
     readonly onCancel: FunctionConstructor;
 }>>, {
-    readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
     readonly title: string;
+    readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
     readonly icon: {
         readonly size?: import("ll-plus/es/components").AvatarType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
         readonly color?: string | undefined;