@gindow/element-go 1.0.5 → 1.0.6

package/package.json

@@ -1,24 +1,31 @@
 {
   "name": "@gindow/element-go",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "基于 Element Plus 的桌面端扩展组件库",
   "type": "module",
   "license": "MIT",
-  "main": "./dist/element-go.cjs",
+  "main": "./dist/@gindow/element-go.cjs",
   "types": "./dist/src/index.d.ts",
   "exports": {
     ".": {
+      "@source": "./src/index.ts",
       "types": "./dist/src/index.d.ts",
-      "import": "./dist/element-go.mjs",
-      "require": "./dist/element-go.cjs"
+      "import": "./dist/@gindow/element-go.mjs",
+      "require": "./dist/@gindow/element-go.cjs"
     },
     "./resolver": {
+      "@source": "./src/resolver.ts",
       "types": "./dist/src/resolver.d.ts",
       "import": "./dist/resolver.mjs",
       "require": "./dist/resolver.cjs"
     },
-    "./styles/index.css": "./dist/styles/index.css",
+    "./styles/index.css": {
+      "@source": "./src/styles/index.css",
+      "import": "./dist/styles/index.css",
+      "require": "./dist/styles/index.css"
+    },
     "./styles/arco.css": "./src/styles/arco.css",
+    "./styles/purple.css": "./src/styles/purple.css",
     "./src/*": "./src/*",
     "./package.json": "./package.json"
   },
@@ -34,8 +41,8 @@
     "build": "vue-tsc --noEmit && vite build"
   },
   "peerDependencies": {
-    "@iconify/vue": "^5.0.0",
     "@gindow/vue": "^1.0.3",
+    "@iconify/vue": "^5.0.0",
     "@vueuse/core": "^12.0.0",
     "axios": "^1.6.0",
     "compressorjs": "^1.2.0",
@@ -98,7 +105,7 @@
   },
   "devDependencies": {
     "@iconify/vue": "^5.0.1",
-    "@tailwindcss/vite": "^4.3.1",
+    "@tailwindcss/vite": "^4.3.2",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.24",
     "@types/node": "^22.20.0",
@@ -115,16 +122,16 @@
     "heic2any": "^0.0.4",
     "js-cookie": "^3.0.8",
     "lodash": "^4.18.1",
-    "nanoid": "^5.1.15",
+    "nanoid": "^5.1.16",
     "rxjs": "^7.8.2",
     "sortablejs": "^1.15.7",
-    "tailwindcss": "^4.3.1",
+    "tailwindcss": "^4.3.2",
     "typescript": "^6.0.3",
     "unplugin-auto-import": "^21.0.0",
     "unplugin-vue-components": "^32.1.0",
-    "vite": "^8.1.0",
+    "vite": "^8.1.1",
     "vite-plugin-dts": "^4.5.4",
-    "vue": "^3.5.38",
+    "vue": "^3.5.39",
     "vue-i18n": "^11.4.6",
     "vue-request": "^2.0.4",
     "vue-router": "^4.6.4",

package/src/components/ExForm.vue

@@ -61,7 +61,7 @@ const { fields: fieldsData, formColumns, labelPosition, destroyOnClose, ...props
 
 const emit = defineEmits(['submit', 'reset', 'cancel'])
 
-const model = defineModel({ type: Object as PropType<IModel>, default: () => ({}) })
+const model = defineModel<IModel>({ default: () => ({}) })
 const show = defineModel('show', { type: Boolean, default: false })
 
 const { t } = useLocale()

package/src/components/ExFormField.vue

@@ -31,7 +31,7 @@ const props = defineProps({
   field: { type: Object as PropType<IField>, required: true },
 })
 
-const model = defineModel({ type: Object as PropType<any> })
+const model = defineModel<any>({ type: Object as PropType<any> })
 
 const emit = defineEmits(['change'])
 

package/src/components/ExLayout/aside.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-aside class="main min-h-screen" :style="{ width: collapse ? 'auto' : `${width}px`}">
+  <el-aside class="main min-h-screen" :style="collapse ? { width: 'auto' } : width != null ? { width: `${width}px` } : {}">
     <ex-menu :menu="topMenu" :menu-width="width" :active :unique-opened :collapse>
       <div class="logo gap-2 flex-center">
         <el-image :src="logo ?? icon" class="size-6" />

package/src/components/ExTable.vue

@@ -5,6 +5,7 @@
   <template v-else>
     <!-- 数据表格 -->
     <el-table ref="refTable" class="ex-table" v-bind="$attrs" v-loading="loading" :data :size="density" row-key="id">
+      <slot />
       <ex-table-column v-if="sorting" type="sort" /><!-- 排序字段 -->
       <ex-table-column v-for="col in columns" v-bind="col">
         <template v-if="col.customRender" #default="{ row }">
@@ -14,7 +15,6 @@
           <slot name="cell" :row :col>{{ col.value && typeof col.value === 'function' ? col.value(row, col) : col.value ?? get(row, col.prop) ?? col.defaultValue }}</slot>
         </template>
       </ex-table-column>
-      <slot />
     </el-table>
     <!-- 批量操作 -->
     <el-space class="mt-5">
@@ -52,6 +52,14 @@ import get from 'lodash/get'
 
 defineOptions({ inheritAttrs: false })
 
+defineSlots<{
+  default(): any
+  batch(): any
+  cell(props: { row: IModel; col: IModel }): any
+  formItem(): any
+  formField(props: { field: any; model: IModel }): any
+}>()
+
 const {
   columns: columnData, actions: actionData, model: modelData, actionShow, formColumns, formWidth,
   onSelect, onDelete, onUpdate, onInsert
@@ -83,9 +91,9 @@ const loaded = defineModel('loaded', { type: Boolean, default: false })
 const loading = defineModel('loading', { type: Boolean, default: false })
 const page = defineModel('page', { type: Number, default: 1 })
 const size = defineModel('size', { type: Number, default: 15 })
-const data = defineModel('data', { type: Array as PropType<IModel[]>, default: () => [] })
+const data = defineModel<IModel[]>('data', { default: () => [] })
 const total = defineModel('total', { type: Number, default: 0 })
-const params = defineModel('params', { type: Object as PropType<any>, default: () => ({ filter: {}, search: '' }) })
+const params = defineModel<any>('params', { default: () => ({ filter: {}, search: '' }) })
 
 const { t } = useLocale()
 const { confirm, success, error } = useMessage()

package/src/components/ExUpload.vue

@@ -31,7 +31,7 @@ import { useUpload } from '../hooks/useUpload'
 import ExIcon from './ExIcon.vue'
 
 const emit = defineEmits(['change'])
-const files = defineModel('fileList', { type: Array as PropType<IUploadUserFile[]>, default: () => ([]) })
+const files = defineModel<IUploadUserFile[]>('fileList', { default: () => ([]) })
 const { limit, disabled, multiple, showFileList, showProgress, compressor } = defineProps({
   limit: { type: Number, default: 500 },
   disabled: { type: Boolean, default: false },

package/src/index.ts

@@ -20,7 +20,7 @@ import ExTable from './components/ExTable.vue'
 import ExTableColumn from './components/ExTableColumn.vue'
 import ExUpload from './components/ExUpload.vue'
 import ExUploadAsset from './components/ExUploadAsset.vue'
-import './styles/index.css'
+// import './styles/index.css'
 
 export * from './types'
 export { useMessage } from './hooks/useMessage'

package/src/libs/auto-imports.d.ts

@@ -57,7 +57,6 @@ declare global {
   const unref: typeof import('vue').unref
   const useAttrs: typeof import('vue').useAttrs
   const useBreak: typeof import('../hooks/useBreak').useBreak
-  const useChat: typeof import('../hooks/useChat').useChat
   const useClipboard: typeof import('@vueuse/core').useClipboard
   const useCssModule: typeof import('vue').useCssModule
   const useCssVars: typeof import('vue').useCssVars
@@ -88,7 +87,4 @@ declare global {
   // @ts-ignore
   export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
   import('vue')
-  // @ts-ignore
-  export type { IChatMessage, IMessageEvent, IUsageEvent, IErrorEvent, ISendMessageParams } from '../hooks/useChat'
-  import('../hooks/useChat')
 }

package/src/resolver.ts

@@ -8,18 +8,14 @@ export interface ElementGoResolverOptions {
 importStyle?: boolean
   /** 自定义前缀，默认 'Ex' */
   prefix?: string
-  /** 需要排除的组件名列表（不包含前缀），例如 ['SelectDictionary'] */
-  exclude?: string[]
 }
 
 export function ElementGoResolver(options: ElementGoResolverOptions = {}) {
-  const { importStyle = true, prefix = 'Ex', exclude = [] } = options
+  const { importStyle = true, prefix = 'Ex' } = options
   return {
     type: 'component' as const,
     resolve(name: string) {
       if (!name.startsWith(prefix)) return
-      const componentName = name.slice(prefix.length)
-      if (exclude.includes(componentName)) return
       return {
         name,
         from: '@gindow/element-go',

package/src/styles/arco.css

@@ -2,7 +2,7 @@
  * Arco Design 风格主题 —— 把 Arco 设计令牌映射成 Element Plus 支持的 CSS 变量(--el-*)。
  *
  * 用法：在应用入口、element-go 基础样式之后引入即可：
- *   import 'element-go/styles/arco.css'
+ *   import '@gindow/element-go/styles/arco.css'
  *
  * 说明：
  * - 选择器用 `html:root` / `html.dark:root` 提升优先级，确保覆盖 element-plus 与

package/src/styles/index.css

@@ -5,6 +5,8 @@
 
 @source "../";
 
+body { background-color: var(--el-bg-color); }
+
 /* @layer theme, base, components, utilities; */
 
 /* @import "tailwindcss/theme.css" layer(theme); */

package/src/styles/purple.css

@@ -0,0 +1,204 @@
+/**
+ * Purple 风格主题 —— 世界级 SaaS 紫色配色，映射成 Element Plus 的 CSS 变量(--el-*)。
+ *
+ * 用法：在应用入口、element-go 基础样式之后引入即可：
+ *   import '@gindow/element-go/styles/purple.css'
+ *
+ * 设计来源（世界主流 SaaS 紫色体系）：
+ * - 主色取 Tailwind violet-600 #7c3aed —— Linear / Stripe / Untitled UI 一脉的高级感紫，
+ *   白底对比度 ~5:1（达 WCAG AA），是被广泛采用的「premium SaaS purple」。
+ * - 语义色用 Tailwind 调色板的 green/amber/red/slate，与紫主色和谐且久经验证。
+ * - 中性色不用纯灰，而是带极轻微紫调的 lavender-gray，让整体「成主题」而非「紫点缀灰」。
+ * - 暗色用带紫调的近黑（参考 Linear 暗色面板），而非死灰；语义 light-* 用 color-mix
+ *   按 Element Plus 混色规则向暗背景(#0d0b14)派生。
+ *
+ * 说明：选择器用 `html:root` / `html.dark:root` 提升优先级，确保覆盖 element-plus 与
+ * element-go 基础变量，且不依赖 import 顺序。
+ */
+
+/* ============ 亮色 ============ */
+html:root {
+  /* 主色 violet（Tailwind violet 50~700 映射 Element 的 light-9~dark-2） */
+  --el-color-primary: #7c3aed;
+  --el-color-primary-light-3: #a78bfa;
+  --el-color-primary-light-5: #c4b5fd;
+  --el-color-primary-light-7: #ddd6fe;
+  --el-color-primary-light-8: #ede9fe;
+  --el-color-primary-light-9: #f5f3ff;
+  --el-color-primary-dark-2: #6d28d9;
+
+  /* 成功 green */
+  --el-color-success: #16a34a;
+  --el-color-success-light-3: #4ade80;
+  --el-color-success-light-5: #86efac;
+  --el-color-success-light-7: #bbf7d0;
+  --el-color-success-light-8: #dcfce7;
+  --el-color-success-light-9: #f0fdf4;
+  --el-color-success-dark-2: #15803d;
+
+  /* 警告 amber */
+  --el-color-warning: #f59e0b;
+  --el-color-warning-light-3: #fbbf24;
+  --el-color-warning-light-5: #fcd34d;
+  --el-color-warning-light-7: #fde68a;
+  --el-color-warning-light-8: #fef3c7;
+  --el-color-warning-light-9: #fffbeb;
+  --el-color-warning-dark-2: #d97706;
+
+  /* 危险 / 错误 red（Element Plus 同时用 danger 与 error 两套变量） */
+  --el-color-danger: #ef4444;
+  --el-color-danger-light-3: #f87171;
+  --el-color-danger-light-5: #fca5a5;
+  --el-color-danger-light-7: #fecaca;
+  --el-color-danger-light-8: #fee2e2;
+  --el-color-danger-light-9: #fef2f2;
+  --el-color-danger-dark-2: #dc2626;
+  --el-color-error: #ef4444;
+  --el-color-error-light-3: #f87171;
+  --el-color-error-light-5: #fca5a5;
+  --el-color-error-light-7: #fecaca;
+  --el-color-error-light-8: #fee2e2;
+  --el-color-error-light-9: #fef2f2;
+  --el-color-error-dark-2: #dc2626;
+
+  /* 信息 slate */
+  --el-color-info: #64748b;
+  --el-color-info-light-3: #94a3b8;
+  --el-color-info-light-5: #cbd5e1;
+  --el-color-info-light-7: #e2e8f0;
+  --el-color-info-light-8: #f1f5f9;
+  --el-color-info-light-9: #f8fafc;
+  --el-color-info-dark-2: #475569;
+
+  /* 文本 text（带极轻微紫调的 lavender-gray） */
+  --el-text-color-primary: #1d192b;
+  --el-text-color-regular: #474357;
+  --el-text-color-secondary: #6b6780;
+  --el-text-color-placeholder: #9d99ad;
+  --el-text-color-disabled: #c7c4d4;
+
+  /* 边框 */
+  --el-border-color-darker: #c7c4d4;
+  --el-border-color-dark: #d8d5e3;
+  --el-border-color: #e7e5f0;
+  --el-border-color-light: #eeecf5;
+  --el-border-color-lighter: #f3f1f9;
+  --el-border-color-extra-light: #faf9fd;
+
+  /* 填充 fill 1~4 */
+  --el-fill-color-darker: #d8d5e3;
+  --el-fill-color-dark: #e7e5f0;
+  --el-fill-color: #f3f1f9;
+  --el-fill-color-light: #f7f6fb;
+  --el-fill-color-lighter: #faf9fd;
+  --el-fill-color-blank: #ffffff;
+
+  /* 背景 */
+  --el-bg-color: #ffffff;
+  --el-bg-color-page: #faf9fd;
+  --el-bg-color-overlay: #ffffff;
+
+  /* 圆角（SaaS 偏大圆角，更现代） */
+  /* --el-border-radius-base: 8px; */
+  /* --el-border-radius-small: 6px; */
+  /* --el-border-radius-round: 9999px; */
+
+  /* 阴影（柔和、带深紫调的层叠投影） */
+  --el-box-shadow-lighter: 0 1px 2px rgba(29, 25, 43, 0.06);
+  --el-box-shadow-light: 0 2px 8px rgba(29, 25, 43, 0.06);
+  --el-box-shadow: 0 6px 24px -4px rgba(29, 25, 43, 0.1), 0 2px 6px -2px rgba(29, 25, 43, 0.06);
+  --el-box-shadow-dark: 0 12px 40px -8px rgba(29, 25, 43, 0.16);
+
+  /* 字体（优先 Inter，世界级 SaaS 通用字体栈） */
+  --el-font-family: 'Inter', -apple-system, blinkmacsystemfont, 'PingFang SC', 'Helvetica Neue', helvetica, 'Microsoft YaHei', arial, sans-serif;
+}
+
+/* ============ 暗色（带紫调近黑面板，html.dark 时生效） ============ */
+html.dark {
+  /* 背景（violet-tinted near-black） */
+  --el-bg-color: #15121e;
+  --el-bg-color-page: #0d0b14;
+  --el-bg-color-overlay: #1c1828;
+
+  /* 文本（白色不同透明度，保证层级） */
+  --el-text-color-primary: rgba(255, 255, 255, 0.92);
+  --el-text-color-regular: rgba(255, 255, 255, 0.72);
+  --el-text-color-secondary: rgba(255, 255, 255, 0.5);
+  --el-text-color-placeholder: rgba(255, 255, 255, 0.36);
+  --el-text-color-disabled: rgba(255, 255, 255, 0.28);
+
+  /* 边框（紫调深灰） */
+  --el-border-color-darker: #554f68;
+  --el-border-color-dark: #423d54;
+  --el-border-color: #332e42;
+  --el-border-color-light: #292435;
+  --el-border-color-lighter: #201c2c;
+  --el-border-color-extra-light: #15121e;
+
+  /* 填充 */
+  --el-fill-color-darker: #423d54;
+  --el-fill-color-dark: #2e2a3e;
+  --el-fill-color: #232030;
+  --el-fill-color-light: #1c1828;
+  --el-fill-color-lighter: #15121e;
+  --el-fill-color-blank: transparent;
+
+  /* 语义色：暗色下基色提亮一档，light-* 用 color-mix 向暗背景(#0d0b14)混合派生 */
+  --el-color-primary: #8b5cf6;
+  --el-color-primary-light-3: color-mix(in srgb, #8b5cf6 70%, #0d0b14);
+  --el-color-primary-light-5: color-mix(in srgb, #8b5cf6 50%, #0d0b14);
+  --el-color-primary-light-7: color-mix(in srgb, #8b5cf6 30%, #0d0b14);
+  --el-color-primary-light-8: color-mix(in srgb, #8b5cf6 20%, #0d0b14);
+  --el-color-primary-light-9: color-mix(in srgb, #8b5cf6 10%, #0d0b14);
+  --el-color-primary-dark-2: color-mix(in srgb, #8b5cf6 80%, #fff);
+
+  --el-color-success: #22c55e;
+  --el-color-success-light-3: color-mix(in srgb, #22c55e 70%, #0d0b14);
+  --el-color-success-light-5: color-mix(in srgb, #22c55e 50%, #0d0b14);
+  --el-color-success-light-7: color-mix(in srgb, #22c55e 30%, #0d0b14);
+  --el-color-success-light-8: color-mix(in srgb, #22c55e 20%, #0d0b14);
+  --el-color-success-light-9: color-mix(in srgb, #22c55e 10%, #0d0b14);
+  --el-color-success-dark-2: color-mix(in srgb, #22c55e 80%, #fff);
+
+  --el-color-warning: #fbbf24;
+  --el-color-warning-light-3: color-mix(in srgb, #fbbf24 70%, #0d0b14);
+  --el-color-warning-light-5: color-mix(in srgb, #fbbf24 50%, #0d0b14);
+  --el-color-warning-light-7: color-mix(in srgb, #fbbf24 30%, #0d0b14);
+  --el-color-warning-light-8: color-mix(in srgb, #fbbf24 20%, #0d0b14);
+  --el-color-warning-light-9: color-mix(in srgb, #fbbf24 10%, #0d0b14);
+  --el-color-warning-dark-2: color-mix(in srgb, #fbbf24 80%, #fff);
+
+  --el-color-danger: #f87171;
+  --el-color-danger-light-3: color-mix(in srgb, #f87171 70%, #0d0b14);
+  --el-color-danger-light-5: color-mix(in srgb, #f87171 50%, #0d0b14);
+  --el-color-danger-light-7: color-mix(in srgb, #f87171 30%, #0d0b14);
+  --el-color-danger-light-8: color-mix(in srgb, #f87171 20%, #0d0b14);
+  --el-color-danger-light-9: color-mix(in srgb, #f87171 10%, #0d0b14);
+  --el-color-danger-dark-2: color-mix(in srgb, #f87171 80%, #fff);
+  --el-color-error: #f87171;
+  --el-color-error-light-3: color-mix(in srgb, #f87171 70%, #0d0b14);
+  --el-color-error-light-5: color-mix(in srgb, #f87171 50%, #0d0b14);
+  --el-color-error-light-7: color-mix(in srgb, #f87171 30%, #0d0b14);
+  --el-color-error-light-8: color-mix(in srgb, #f87171 20%, #0d0b14);
+  --el-color-error-light-9: color-mix(in srgb, #f87171 10%, #0d0b14);
+  --el-color-error-dark-2: color-mix(in srgb, #f87171 80%, #fff);
+
+  --el-color-info: #94a3b8;
+  --el-color-info-light-3: color-mix(in srgb, #94a3b8 70%, #0d0b14);
+  --el-color-info-light-5: color-mix(in srgb, #94a3b8 50%, #0d0b14);
+  --el-color-info-light-7: color-mix(in srgb, #94a3b8 30%, #0d0b14);
+  --el-color-info-light-8: color-mix(in srgb, #94a3b8 20%, #0d0b14);
+  --el-color-info-light-9: color-mix(in srgb, #94a3b8 10%, #0d0b14);
+  --el-color-info-dark-2: color-mix(in srgb, #94a3b8 80%, #fff);
+
+  /* 阴影（暗色下更深，营造层次） */
+  --el-box-shadow-lighter: 0 1px 2px rgba(0, 0, 0, 0.4);
+  --el-box-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.4);
+  --el-box-shadow: 0 8px 28px -6px rgba(0, 0, 0, 0.55);
+  --el-box-shadow-dark: 0 16px 48px -8px rgba(0, 0, 0, 0.65);
+}
+
+.el-button.is-text { --el-button-text-color: #fff;  }
+.el-button--primary { background: linear-gradient(135deg, #7c3aed, #a855f7); border: none; }
+.el-button--primary:hover { background: linear-gradient(135deg, #6d28d9, #9333ea); }
+.el-button--primary.is-link:hover { background: none; }