@cbjwwwcode/common 0.0.7 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cbjwwwcode/common",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "",
   "keywords": [],
   "license": "ISC",
@@ -67,6 +67,7 @@
     "dayjs": "^1.11.23",
     "dompurify": "^3.4.15",
     "es-toolkit": "^1.52.0",
+    "esthetic": "catalog:",
     "highlight.js": "^11.12.0",
     "hucre": "^1.1.0",
     "idb-keyval": "^6.3.0",

package/src/copy.ts

@@ -0,0 +1,56 @@
+import { toast } from './toastify'
+import { useClipboard } from '@vueuse/core'
+
+interface UseCopyOptions {
+  successMessage?: string
+  errorMessage?: string
+  showMessage?: boolean
+  onSuccess?: (text: string) => void
+  onError?: (error: Error) => void
+}
+
+export function useCopy(options: UseCopyOptions = {}) {
+  const {
+    successMessage = '复制成功',
+    errorMessage = '复制失败',
+    showMessage = true,
+    onSuccess,
+    onError,
+  } = options
+
+  const { copy, copied, isSupported } = useClipboard()
+
+  /**
+   * 复制文本
+   */
+  const handleCopy = async (text: string | number): Promise<boolean> => {
+    if (!isSupported.value) {
+      showMessage && toast.warning('当前环境不支持复制')
+      return false
+    }
+
+    const content = String(text ?? '')
+
+    if (!content) {
+      showMessage && toast.warning('复制内容为空')
+      return false
+    }
+
+    try {
+      await copy(content)
+      showMessage && toast.success(successMessage)
+      onSuccess?.(content)
+      return true
+    } catch (error) {
+      showMessage && toast.error(errorMessage)
+      onError?.(error as Error)
+      return false
+    }
+  }
+
+  return {
+    copy: handleCopy,
+    copied,
+    isSupported,
+  }
+}

package/src/format.ts

@@ -0,0 +1,71 @@
+import type { Rules } from 'esthetic';
+import esthetic from 'esthetic';
+import { isString } from "es-toolkit/compat";
+
+const formatMsps = new Set(['text','html','liquid','javascript','markdown','jsx','typescript','tsx','json','css','scss','sass','less','xml','unknown'])
+
+export type {
+  Rules as FormatRule
+}
+
+export {
+  esthetic
+}
+
+/**
+ *
+ * @param code
+ * @param language
+ * @param rules
+ * indentSize	number	缩进空格数，默认 2
+ * indentChar	string	缩进字符，默认空格 " "
+ * wrap	number	换行宽度控制，0 表示不自动换行
+ * preserveLine	number	保留连续空行的最大数量，默认 3
+ * crlf	boolean	是否使用 CRLF 换行符，默认 false
+ * endNewline	boolean	文件末尾是否添加换行符
+ * markup.forceAttribute	boolean	是否强制将属性换行显示（从代码片段看有这个选项）
+ * markup.attributeSort	boolean	是否对 HTML 属性排序
+ */
+export function formatCode(code: string, language: Rules['language'], rules?: Rules){
+  language = isString(language) && formatMsps.has(language) ? language : (language=='vue'?'html':'auto')
+  return esthetic.format(code, {
+    language,
+    // "default" | "recommended" | "strict" | "warrington" | "prettier"
+    // preset: 'recommended',
+    preset: 'recommended',
+    // indentSize: 2,
+    // wrap: 0,
+    preserveLine: 0,
+    // endNewline: true,
+    markup: {
+      attributeSort: true,
+      forceAttribute: 120, // 超过 120 字符才换行，相当于尽量不换
+      quoteConvert: 'double',
+      attributeCasing: 'preserve',
+      selfCloseSpace: false,
+      ignoreCSS: false,
+      ignoreJS: false,
+      preserveText: false
+    },
+    script:{
+      styleGuide: 'airbnb',
+      quoteConvert: 'single',
+      endComma: 'always',
+      variableList: 'each',
+      braceStyle: 'collapse',
+      noSemicolon: false
+    },
+    style:{
+      commentIndent: true, //注释是否跟随代码缩进
+      preserveComment: true, //是否保留注释。默认 true，设为 false 可能会在格式化时移除注释。
+      atRuleSpace: true, //@ 规则（如 @media、@import）后是否加空格，影响 @media screen 这类写法的间距。
+      sortProperties: false, //是否对 CSS 规则块内的属性排序。启用后会把 color、display、margin 等按字母或预设顺序排列。
+      sortSelectors: false, //是否对选择器列表排序。例如 .a, .b, .c 会被重新排列。
+      noLeadZero: true, //是否移除数字前导零。0.5 变为 .5，0.95rem 变为 .95rem。这是 CSS 压缩中常见的风格。
+      quoteConvert: 'double', //引号转换。"double" 转为双引号，"single" 转为单引号，"none" 不转换。CSS 中属性值（如字体名、content）的引号会受影响。
+    },
+    ...rules
+  })
+}
+
+

package/src/index.ts

@@ -18,4 +18,6 @@ export * from './zod';
 export * from './vtj';
 export * from './lowlight';
 export * from './hucre';
+export * from './copy';
+export * from './format';
 

package/src/vtj/index.ts

@@ -1,2 +1,6 @@
 export * from './node';
 export * from './provider';
+
+export * as VtjCore from '@vtj/core';
+export * as VtjRenderer from '@vtj/renderer';
+export * as VtjUtils from '@vtj/utils';