g-ui-core 0.0.2 → 0.0.4

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "g-ui-core",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "G-UI Web Components built with Stencil",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "es2015": "dist/esm/index.js",
   "es2017": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "types": "vue/main.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
   "unpkg": "dist/g-ui/g-ui.esm.js",
@@ -19,10 +19,10 @@
     ".": {
       "import": "./dist/index.js",
       "require": "./dist/index.cjs.js",
-      "types": "./dist/types/index.d.ts"
+      "types": "./vue/main.d.ts"
     },
     "./vue": {
-      "types": "./vue/global.d.ts",
+      "types": "./vue/index.d.ts",
       "import": "./vue/index.ts",
       "default": "./vue/index.ts"
     }

package/vue/MyButton.ts

@@ -0,0 +1,45 @@
+import { defineComponent, h, type PropType } from 'vue'
+
+import '../dist/components/g-button.js'
+
+export type ButtonType = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'secondary'
+export type ButtonSize = 'sm' | 'md' | 'lg'
+export type NativeButtonType = 'button' | 'submit' | 'reset'
+
+export default defineComponent({
+  name: 'GButton',
+  props: {
+    type: { type: String as PropType<ButtonType>, default: 'primary' },
+    size: { type: String as PropType<ButtonSize>, default: 'md' },
+    plain: Boolean,
+    text: Boolean,
+    bg: Boolean,
+    link: Boolean,
+    round: Boolean,
+    circle: Boolean,
+    dashed: Boolean,
+    loading: Boolean,
+    loadingIcon: { type: String, default: '●' },
+    disabled: Boolean,
+    icon: String,
+    autofocus: Boolean,
+    nativeType: { type: String as PropType<NativeButtonType>, default: 'button' },
+    autoInsertSpace: Boolean,
+    color: String,
+    dark: Boolean,
+    tag: { type: String, default: 'button' },
+    label: String
+  },
+  emits: ['click'],
+  setup(props, { slots, emit }) {
+    return () =>
+      h(
+        'g-button',
+        {
+          ...props,
+          onClick: (e: MouseEvent) => emit('click', e)
+        },
+        slots.default?.()
+      )
+  }
+})

package/vue/global.d.ts

@@ -1,35 +0,0 @@
-/* eslint-disable */
-import type {
-  ButtonType,
-  ButtonSize,
-  NativeButtonType
-} from '../dist/types/components/my-button/my-button'
-
-declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-    GButton: {
-      type?: ButtonType
-      size?: ButtonSize
-      plain?: boolean | string
-      text?: boolean | string
-      bg?: boolean | string
-      link?: boolean | string
-      round?: boolean | string
-      circle?: boolean | string
-      dashed?: boolean | string
-      loading?: boolean | string
-      loadingIcon?: string
-      disabled?: boolean | string
-      icon?: string
-      autofocus?: boolean | string
-      nativeType?: NativeButtonType
-      autoInsertSpace?: boolean | string
-      color?: string
-      dark?: boolean | string
-      tag?: string
-      label?: string
-    }
-  }
-}
-
-export {}

package/vue/index.d.ts

@@ -0,0 +1,42 @@
+import type { AllowedComponentProps, ComponentCustomProps, VNodeProps } from 'vue'
+
+// MyButton Vue 组件的 props 类型
+export interface GButtonProps {
+  type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'secondary'
+  size?: 'sm' | 'md' | 'lg'
+  plain?: boolean
+  text?: boolean
+  bg?: boolean
+  link?: boolean
+  round?: boolean
+  circle?: boolean
+  dashed?: boolean
+  loading?: boolean
+  loadingIcon?: string
+  disabled?: boolean
+  icon?: string
+  autofocus?: boolean
+  nativeType?: 'button' | 'submit' | 'reset'
+  autoInsertSpace?: boolean
+  color?: string
+  dark?: boolean
+  tag?: string
+  label?: string
+  onClick?: (e: MouseEvent) => void
+}
+
+export declare const MyButton: new () => {
+  $props: AllowedComponentProps & ComponentCustomProps & VNodeProps & GButtonProps
+}
+
+// Vue 插件
+declare const plugin: { install: (app: any) => void }
+export default plugin
+
+// 增强 Vue 全局组件类型（Volar 智能提示）
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    GButton: GButtonProps
+    MyButton: GButtonProps
+  }
+}

package/vue/index.ts

@@ -1,12 +1,13 @@
-import type { App } from 'vue'
+import './MyButton'
+import MyButton from './MyButton'
+export { MyButton }
 
-// 导入 Stencil 组件（auto-define 会自动注册）
-import '../dist/components/g-button.js'
-
-export default {
-  install(app: App) {
-    const original = app.config.compilerOptions.isCustomElement
+const plugin = {
+  install(app: any) {
+    const original = app.config?.compilerOptions?.isCustomElement
     app.config.compilerOptions.isCustomElement = (tag: string) =>
       tag.startsWith('g-') || (typeof original === 'function' && original(tag))
   }
 }
+
+export default plugin

package/vue/main.d.ts

@@ -0,0 +1,2 @@
+/// <reference path="./index.d.ts" />
+export * from '../dist/types/index'