@smartos-lib/components 2.0.2 → 2.0.4

package/src/web-components/smart-docx-drive-page/components-private/Menu.vue

@@ -2,7 +2,7 @@
   <div flex="~ col gap-1">
     <!-- 主页 -->
     <DocxDir
-      :class="{ active: activeMenu === 'home' }" :showOpen="false" name="主页" hiddenActions
+      :class="{ active: activeMenu === 'home' }" :show-open="false" name="主页" hidden-actions
       @click="activeMenu = 'home'"
     >
       <template #icon>
@@ -12,7 +12,7 @@
     <!-- 我的空间 -->
     <DocxDir
       :class="{ active: activeMenu === 'me' && (dirTree.isLoading || meActiveMenu === dirTree.data?.data.id) }"
-      :info="dirTree.data?.data" name="我的空间" hiddenActions
+      :info="dirTree.data?.data" name="我的空间" hidden-actions
       @click="activeMenu = 'me'"
     >
       <template #icon="{ isActive }">
@@ -28,7 +28,8 @@
   import DocxDir from '../components/DocxDir.vue';
 
   const {
-    activeMenu, meActiveMenu,
+    activeMenu,
+    meActiveMenu,
     dirTree,
   } = menuStore();
 </script>

package/src/web-components/smart-docx-drive-page/types.ts

@@ -5,13 +5,13 @@ export interface SmartDocxDrivePageProps {
   /**
    * Logo 图标地址
    * @default <i-system-uicons-document-stack />
-   **/
-  icon?: string
+   */
+  icon?: string;
   /**
    * 标题
    * @default 'SmartOS 云文档'
-  */
-  title?: string
+   */
+  title?: string;
 
   /**
    * 当前激活的菜单项
@@ -19,33 +19,33 @@ export interface SmartDocxDrivePageProps {
    *  - me: 我的空间
    * @default 'home'
    */
-  activeMenu?: 'home' | 'me'
+  activeMenu?: 'home' | 'me';
 }
 
 /** 上传文件信息 */
 export interface FileItem {
-  id: string
+  id: string;
 
-  ref?: Element | ComponentPublicInstance | HTMLDivElement | null
+  ref?: Element | ComponentPublicInstance | HTMLDivElement | null;
 
   /** 文件 */
-  file: File
+  file: File;
   /** 文件名 */
-  fileName: string
+  fileName: string;
   /** 文件名后缀 */
-  fileExt: string
+  fileExt: string;
 
   /** 读取文件中 */
-  isReading?: boolean
+  isReading?: boolean;
 
   /** 上传进度 */
-  progress?: number
+  progress?: number;
   /** 上传中 */
-  isUploading?: boolean
+  isUploading?: boolean;
   /** 上传成功 */
-  isUploadSuccess?: boolean
+  isUploadSuccess?: boolean;
   /** 上传失败 */
-  isUploadError?: boolean
+  isUploadError?: boolean;
   /** 是否是极速上传 */
-  isQuickUpload?: boolean
+  isQuickUpload?: boolean;
 }

package/src/web-components/smart-docx-drive-page/utils/file-actions.ts

@@ -2,9 +2,8 @@ import { deleteFile, renameFile } from '../apis/file';
 import type { FileInfo } from '../apis/file';
 import { type DirInfo, getFolderList } from '../apis/folder';
 import { useConfirm, usePrompt } from '../composables/usePrompt';
-import { menuStore } from '../stores/menu';
 
-const { flatDirTree } = menuStore();
+// const { flatDirTree } = menuStore();
 
 /** 重命名文件 */
 export function toRenameFile(file: FileInfo) {

package/src/web-components/smart-docx-editor/App.vue

@@ -17,7 +17,7 @@
   defineProps<Pick<MarkdownProps, 'initialValue'>>();
 
   const emit = defineEmits<{
-    change: [value: Descendant[]]
+    change: [value: Descendant[]];
   }>();
 
   useSmart();

package/src/web-components/smart-docx-editor/MarkdownShortcuts/components/Markdown.vue

@@ -3,7 +3,7 @@
 <template>
   <MarkdownShortcuts
     v-bind="props"
-    :withOverride="withOverride"
+    :with-override="withOverride"
   />
 </template>
 
@@ -29,9 +29,9 @@
     };
   }
   /** 匹配当前焦点所在的节点 */
-  const matchElement = {
-    match: (n: Node) => Element.isElement(n),
-  };
+  // const matchElement = {
+  //   match: (n: Node) => Element.isElement(n),
+  // };
 
   /** 编辑器功能重写 */
   const withOverride: MarkdownShortcutsProps['withOverride'] = (editor) => {

package/src/web-components/smart-docx-editor/MarkdownShortcuts/components/types.ts

@@ -2,5 +2,5 @@ import type { MarkdownShortcutsProps } from '../components-react/Markdown';
 
 export interface MarkdownProps {
   /** 初始值 */
-  initialValue?: MarkdownShortcutsProps['initialValue']
+  initialValue?: MarkdownShortcutsProps['initialValue'];
 }

package/src/web-components/smart-docx-editor/MarkdownShortcuts/components-react/Markdown.tsx

@@ -9,17 +9,18 @@ import { RenderElement, RenderLeaf } from './MarkdownElement';
 
 export interface MarkdownShortcutsProps {
   /** 初始值 */
-  initialValue?: Descendant[]
+  initialValue?: Descendant[];
   /** 编辑器功能重写 */
-  withOverride?: (editor: Editor) => Editor
+  withOverride?: (editor: Editor) => Editor;
   /** 用户输入前的事件回调 */
-  onBeforeInput?: (event: InputEvent) => void
+  onBeforeInput?: (event: InputEvent) => void;
 }
 
 export default function MarkdownShortcuts(props: MarkdownShortcutsProps) {
   const {
     initialValue = [{
-      type: 'paragraph', children: [{ text: '' }],
+      type: 'paragraph',
+      children: [{ text: '' }],
     }],
     onBeforeInput,
     withOverride = (editor: Editor) => editor,
@@ -61,7 +62,7 @@ export default function MarkdownShortcuts(props: MarkdownShortcutsProps) {
       onValueChange={onValueChange}
     >
       <Editable
-        className='smart-docx-editor'
+        className="smart-docx-editor"
         renderElement={renderElement}
         renderLeaf={renderLeaf}
         onDOMBeforeInput={handleDOMBeforeInput}

package/src/web-components/smart-docx-editor/MarkdownShortcuts/components-react/types/custom-types.d.ts

@@ -1,39 +1,39 @@
-import { BaseEditor, BaseRange, Descendant } from "slate"
-import { ReactEditor } from "slate-react"
-import { HistoryEditor } from 'slate-history'
+import type { BaseEditor, BaseRange, Descendant } from 'slate';
+import type { ReactEditor } from 'slate-react';
+import type { HistoryEditor } from 'slate-history';
 
 /** 段落节点 */
-export type ParagraphElement = {
-  type: 'paragraph'
-  align?: string
-  children: Descendant[]
-}
+export interface ParagraphElement {
+  type: 'paragraph';
+  align?: string;
+  children: Descendant[];
+};
 
 /** 标题节点 - H1 ~ H6 */
-export type HeadingElement = {
-  type: 'heading'
-  level: string
-  children: Descendant[]
-}
+export interface HeadingElement {
+  type: 'heading';
+  level: string;
+  children: Descendant[];
+};
 
 /** 引用节点 */
-export type BlockquoteElement = {
-  type: 'blockquote'
-  children: Descendant[]
-}
+export interface BlockquoteElement {
+  type: 'blockquote';
+  children: Descendant[];
+};
 
 /** 列表节点 */
-export type ListElement = {
-  type: 'list'
+export interface ListElement {
+  type: 'list';
   /** 是否为有序列表 */
-  ordered?: boolean
-  children: Descendant[]
-}
+  ordered?: boolean;
+  children: Descendant[];
+};
 /** 列表项节点 */
-export type ListItemElement = {
-  type: 'list-item'
-  children: Descendant[]
-}
+export interface ListItemElement {
+  type: 'list-item';
+  children: Descendant[];
+};
 
 /** 所有自定义节点 */
 type CustomElement = ParagraphElement |
@@ -43,27 +43,27 @@ type CustomElement = ParagraphElement |
   ListItemElement;
 
 /** 文本节点 */
-type CustomText = {
-  bold?: boolean
-  italic?: boolean
-  del?: boolean
-  underline?: boolean
-  code?: boolean
-  text: string
-}
+interface CustomText {
+  bold?: boolean;
+  italic?: boolean;
+  del?: boolean;
+  underline?: boolean;
+  code?: boolean;
+  text: string;
+};
 
 /** 扩展的编辑器类型 */
 type CustomEditor = BaseEditor & ReactEditor & HistoryEditor & {
-  nodeToDecorations?: Map<Element, Range[]>
-}
+  nodeToDecorations?: Map<Element, Range[]>;
+};
 
 declare module 'slate' {
   interface CustomTypes {
-    Editor: CustomEditor
-    Element: CustomElement
-    Text: CustomText
+    Editor: CustomEditor;
+    Element: CustomElement;
+    Text: CustomText;
     Range: BaseRange & {
-      [key: string]: unknown
-    }
+      [key: string]: unknown;
+    };
   }
-}
+}

package/src/web-components/smart-docx-editor/MarkdownShortcuts/shared/const.ts

@@ -9,7 +9,7 @@ export const editor = ref() as Ref<Editor>;
  * 编辑器 ShadowRoot
  */
 export const shadowRoot = ref() as Ref<ShadowRoot & {
-  getSelection: Window['getSelection']
+  getSelection: Window['getSelection'];
 }>;
 
 /**

package/src/web-components/smart-docx-editor/demo.vue

@@ -1,6 +1,6 @@
 <template>
   <smart-docx-editor
-    :initialValue.prop="所有支持的节点.initialValue"
+    :initial-value.prop="所有支持的节点.initialValue"
   />
 </template>
 

package/src/web-components/smart-docx-editor/index.md

@@ -1,3 +1,3 @@
 ::: warning
 开发中
-:::
+:::

package/src/web-components/smart-file-preview/category/Code.vue

@@ -60,12 +60,12 @@
     await until(() => fastestCDN.isSuccess).toBeTruthy();
 
     loader.config({
-      "vs/nls": {
+      'vs/nls': {
         availableLanguages: {
           '*': 'zh-cn',
         },
       },
-      "paths": {
+      'paths': {
         vs: `${fastestCDN.response}/min/vs`,
       },
     });

package/src/web-components/smart-file-preview/index.md

@@ -2,4 +2,4 @@
 
 ::: warning
 开发中
-:::
+:::

package/src/web-components/smart-file-preview/index.ts

@@ -25,5 +25,5 @@ export type SmartFilePreviewElement = typeof VueCustomElement & {
    * @param fileName 文件名
    * @param file 文件 Blob 对象
    */
-  previewFile: PreviewFile
+  previewFile: PreviewFile;
 };

package/src/web-components/smart-file-preview/index.vue

@@ -5,7 +5,7 @@
       <component
         v-if="file"
         :is="components[fileCategory] || Code"
-        :file="file" :fileName="fileName" :fileExt="fileExt"
+        :file="file" :file-name="fileName" :file-ext="fileExt"
         v-bind="attrs"
       />
     </div>

package/src/web-components/smart-file-preview/types.ts

@@ -4,7 +4,7 @@ export interface SmartFilePreviewProps {
 
 /** 预览文件方法 */
 export interface PreviewFile {
-  (fileName: string, file: Blob): void
+  (fileName: string, file: Blob): void;
 }
 
 /** 文件后缀对应的分类 */

package/src/web-components/smart-upload/index.ts

@@ -31,8 +31,8 @@ defineCustomElements(tag, VueCustomElement);
 
 // 暴露组件类型
 export type SmartUploadElement = typeof VueCustomElement & {
-  getUploadRef: () => UploadRef
-  getFileList: () => UploadFileInfo[]
-  submit: UploadRef['submit']
-  clear: UploadRef['clear']
+  getUploadRef: () => UploadRef;
+  getFileList: () => UploadFileInfo[];
+  submit: UploadRef['submit'];
+  clear: UploadRef['clear'];
 };

package/src/web-components/smart-upload/types.ts

@@ -3,34 +3,34 @@ import type { UploadProps } from 'naive-ui';
 
 export interface Props {
   /** 发起请求前的钩子, 用于修改请求配置 */
-  beforeUpload?: <T extends AxiosRequestConfig>(config: T) => T
+  beforeUpload?: <T extends AxiosRequestConfig>(config: T) => T;
 
   /* ------------------ 以下为 NaiveUI 上传组件原有 Props ------------------ */
 
-  accept?: UploadProps['accept']
-  defaultFileList?: UploadProps['defaultFileList']
-  defaultUpload?: UploadProps['defaultUpload']
-  disabled?: UploadProps['disabled']
-  directory?: UploadProps['directory']
-  directoryDnd: UploadProps['directoryDnd']
-  fileListClass?: UploadProps['fileListClass']
-  fileListStyle?: UploadProps['fileListStyle']
-  imageGroupProps?: UploadProps['imageGroupProps']
-  inputProps?: UploadProps['inputProps']
-  listType?: UploadProps['listType']
-  max?: UploadProps['max']
-  multiple?: UploadProps['multiple']
-  renderIcon?: UploadProps['renderIcon']
-  shouldUseThumbnailUrl?: UploadProps['shouldUseThumbnailUrl']
-  showCancelButton?: UploadProps['showCancelButton']
-  showDownloadButton?: UploadProps['showDownloadButton']
-  showRemoveButton?: UploadProps['showRemoveButton']
-  showRetryButton?: UploadProps['showRetryButton']
-  showFileList?: UploadProps['showFileList']
-  showPreviewButton?: UploadProps['showPreviewButton']
-  showTrigger?: UploadProps['showTrigger']
-  triggerClass?: UploadProps['triggerClass']
-  triggerStyle?: UploadProps['triggerStyle']
-  onError?: UploadProps['onError']
-  onFinish?: UploadProps['onFinish']
+  accept?: UploadProps['accept'];
+  defaultFileList?: UploadProps['defaultFileList'];
+  defaultUpload?: UploadProps['defaultUpload'];
+  disabled?: UploadProps['disabled'];
+  directory?: UploadProps['directory'];
+  directoryDnd: UploadProps['directoryDnd'];
+  fileListClass?: UploadProps['fileListClass'];
+  fileListStyle?: UploadProps['fileListStyle'];
+  imageGroupProps?: UploadProps['imageGroupProps'];
+  inputProps?: UploadProps['inputProps'];
+  listType?: UploadProps['listType'];
+  max?: UploadProps['max'];
+  multiple?: UploadProps['multiple'];
+  renderIcon?: UploadProps['renderIcon'];
+  shouldUseThumbnailUrl?: UploadProps['shouldUseThumbnailUrl'];
+  showCancelButton?: UploadProps['showCancelButton'];
+  showDownloadButton?: UploadProps['showDownloadButton'];
+  showRemoveButton?: UploadProps['showRemoveButton'];
+  showRetryButton?: UploadProps['showRetryButton'];
+  showFileList?: UploadProps['showFileList'];
+  showPreviewButton?: UploadProps['showPreviewButton'];
+  showTrigger?: UploadProps['showTrigger'];
+  triggerClass?: UploadProps['triggerClass'];
+  triggerStyle?: UploadProps['triggerStyle'];
+  onError?: UploadProps['onError'];
+  onFinish?: UploadProps['onFinish'];
 };

package/types/auto-imports.d.ts

@@ -180,6 +180,7 @@ declare global {
   const useFavicon: typeof import('@vueuse/core')['useFavicon']
   const useFetch: typeof import('@vueuse/core')['useFetch']
   const useFileDialog: typeof import('@vueuse/core')['useFileDialog']
+  const useFileReader: typeof import('@mixte/use')['useFileReader']
   const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
   const useFloor: typeof import('@vueuse/math')['useFloor']
   const useFocus: typeof import('@vueuse/core')['useFocus']
@@ -507,6 +508,7 @@ declare module 'vue' {
     readonly useFavicon: UnwrapRef<typeof import('@vueuse/core')['useFavicon']>
     readonly useFetch: UnwrapRef<typeof import('@vueuse/core')['useFetch']>
     readonly useFileDialog: UnwrapRef<typeof import('@vueuse/core')['useFileDialog']>
+    readonly useFileReader: UnwrapRef<typeof import('@mixte/use')['useFileReader']>
     readonly useFileSystemAccess: UnwrapRef<typeof import('@vueuse/core')['useFileSystemAccess']>
     readonly useFloor: UnwrapRef<typeof import('@vueuse/math')['useFloor']>
     readonly useFocus: UnwrapRef<typeof import('@vueuse/core')['useFocus']>
@@ -827,6 +829,7 @@ declare module '@vue/runtime-core' {
     readonly useFavicon: UnwrapRef<typeof import('@vueuse/core')['useFavicon']>
     readonly useFetch: UnwrapRef<typeof import('@vueuse/core')['useFetch']>
     readonly useFileDialog: UnwrapRef<typeof import('@vueuse/core')['useFileDialog']>
+    readonly useFileReader: UnwrapRef<typeof import('@mixte/use')['useFileReader']>
     readonly useFileSystemAccess: UnwrapRef<typeof import('@vueuse/core')['useFileSystemAccess']>
     readonly useFloor: UnwrapRef<typeof import('@vueuse/math')['useFloor']>
     readonly useFocus: UnwrapRef<typeof import('@vueuse/core')['useFocus']>

package/types/components.d.ts

@@ -1,10 +1,10 @@
 /* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
 export {}
 
+/* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
     Logo: typeof import('./../src/components/Logo/index.vue')['default']

package/types/env.d.ts

@@ -1,8 +1,8 @@
 interface ImportMetaEnv {
   /** 主机名 ( 目前用于配置站点地图, 上线前需要更改成正式环境的域名 ) */
-  readonly APP_HOSTNAME: string
+  readonly APP_HOSTNAME: string;
 }
 
 interface ImportMeta {
-  readonly env: ImportMetaEnv
+  readonly env: ImportMetaEnv;
 }

package/types/shims.d.ts

@@ -1,6 +1,7 @@
 declare module '*.vue' {
   import type { DefineComponent } from 'vue';
 
+  // eslint-disable-next-line ts/ban-types
   const component: DefineComponent<{}, {}, any>;
   export default component;
 }

package/vite.config.ts

@@ -14,6 +14,7 @@ const __dirname = dirname(fileURLToPath(import.meta.url));
 
 export default defineConfig(({ mode }) => {
   /** 是否是开发模式 */
+  // eslint-disable-next-line unused-imports/no-unused-vars
   const isDev = mode === 'development';
 
   return deepMerge(