g-ui-core 0.0.3 → 0.0.5

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "g-ui-core",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "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,7 +19,7 @@
     ".": {
       "import": "./dist/index.js",
       "require": "./dist/index.cjs.js",
-      "types": "./dist/types/index.d.ts"
+      "types": "./vue/main.d.ts"
     },
     "./vue": {
       "types": "./vue/index.d.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,10 +0,0 @@
-/* eslint-disable */
-
-// 增强 Vue 全局组件类型（Volar 智能提示）
-declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-    GButton: import('../dist/types/components').Components.GButton
-  }
-}
-
-export {}

package/vue/index.d.ts

@@ -1,2 +1,21 @@
+import type { AllowedComponentProps, ComponentCustomProps, VNodeProps } from 'vue'
+import type { Components } from '../dist/types/components'
+
+// 直接复用 Stencil 生成的组件类型，无需手写
+type GButtonProps = Partial<Components.GButton> & { 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,4 +1,6 @@
-import '../dist/components/g-button.js'
+import './MyButton'
+import MyButton from './MyButton'
+export { MyButton }
 
 const plugin = {
   install(app: any) {

package/vue/main.d.ts

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