@gct-paas/word 0.1.14 → 0.1.16

package/README.md

@@ -1,35 +1,294 @@
 # @gct-paas/word
 
-GCT 在线 Word 文档编辑器组件库。
+GCT 在线 Word 文档引擎与 Vue 组件 SDK，用于在业务系统中接入文档设计、渲染与表单填报能力。
+
+## 适用场景
+
+- 需要在 Vue 3 项目中嵌入在线文档设计器/预览器
+- 需要统一接入文档实例、模板、填报数据能力
+- 需要通过插件机制扩展套件能力（如 `edhr`）
+
+## 环境要求
+
+- Node.js >= 18
+- Vue 3
 
 ## 安装
 
 ```bash
-npm install @gct-paas/word
-# 或
 pnpm add @gct-paas/word
 ```
 
-## 使用
+或：
+
+```bash
+npm install @gct-paas/word
+```
+
+或：
+
+```bash
+yarn add @gct-paas/word
+```
+
+## 依赖与样式
+
+请在宿主项目中安装/确保以下 peer dependencies 可用（以 `package.json` 为准），包括但不限于：
+
+- `vue`
+- `floating-vue`
+- `vue-konva`
+- `konva`
+- `vxe-table`
+- `vuedraggable`
+- `sortablejs`
+- `crypto-js`
+- `jspdf`
+- `qrcode`
+- `jsbarcode`
+- `exifr`
+
+同时引入样式文件：
+
+```ts
+import '@gct-paas/word/style.css';
+```
+
+## 快速开始
+
+下面示例展示从初始化宿主适配器，到创建运行时，再到挂载渲染组件的完整流程。
 
-```typescript
-import { GctPaasWord } from '@gct-paas/word';
+```ts
+import { createApp, defineComponent } from 'vue';
+import {
+  setupPlatformAdapters,
+  setupVueRuntime,
+  useWord,
+  DocRenderLayout,
+  edhrSuitePlugin,
+} from '@gct-paas/word';
 import '@gct-paas/word/style.css';
 
-// 在你的应用中使用该组件
+// 1) 应用全局初始化（整个应用生命周期调用一次）
+setupPlatformAdapters({
+  interceptors: {
+    requestInterceptors: (config: any) => config,
+    requestInterceptorsCatch: (error: any) => Promise.reject(error),
+    responseInterceptors: (response: any) => response,
+    responseInterceptorsCatch: (error: any) => Promise.reject(error),
+  },
+  getAppInfo: async () => ({}),
+  parseFile: async (file: File) => file,
+  uploadFile: async (file: File) => ({ url: '', name: file.name }),
+  formulaIdentify: async () => [],
+  formulaCalculate: async () => ({}),
+  triggerHandler: async () => void 0,
+  plugins: [edhrSuitePlugin],
+});
+
+const Root = defineComponent({
+  name: 'WordDemo',
+  components: { DocRenderLayout },
+  setup() {
+    // 2) 创建文档运行时
+    const { controller, docInfo } = useWord(
+      {
+        requestId: 'your-request-id',
+        materialNo: 'optional-material-no',
+        requestQuery: {},
+      },
+      {
+        factoryType: 'instance', // 'template' | 'instance'
+        modelKey: 'fm_your_model_key',
+        suiteKey: 'edhr',
+        isPreview: true,
+      },
+    );
+
+    return { controller, docInfo };
+  },
+  template: `
+    <div style="height: 100vh;">
+      <DocRenderLayout />
+    </div>
+  `,
+});
+
+const app = createApp(Root);
+
+// 3) Vue 运行时初始化（createApp 后调用）
+setupVueRuntime({ app });
+app.mount('#app');
+```
+
+## 初始化 API
+
+### `setupPlatformAdapters(options)`
+
+平台适配器注册函数。用于将宿主系统能力注入 SDK，全局只需调用一次。
+
+`options` 关键字段：
+
+- `interceptors`：HTTP 请求拦截器配置
+- `getAppInfo`：获取应用信息/默认上下文
+- `parseFile`：文件解析方法
+- `uploadFile`：文件上传方法
+- `formulaIdentify?`：公式变量识别（可选）
+- `formulaCalculate?`：公式计算（可选）
+- `triggerHandler?`：触发主工程交互（可选）
+- `plugins?`：要安装的 suite 插件列表（如 `edhrSuitePlugin`）
+
+### `setupVueRuntime({ app })`
+
+Vue 运行时注册函数。建议在 `createApp` 后、`mount` 前调用。
+
+作用：
+
+- 注册 `FloatingVue`
+- 注册 `VueKonva`
+- 注册 SDK 所需全局指令
+
+## 核心运行时 API
+
+### `useWord(props, options)`
+
+文档运行时主入口，返回 `WordRuntime`。
+
+- `props.requestId`：文档实例 ID 或模板 ID（支持函数形式）
+- `options.factoryType`：`'template' | 'instance'`
+- `options.modelKey`：主模型 key
+- `options.suiteKey?`：套件 key（默认常用 `edhr`）
+- `options.isPreview?` / `options.isDetailPage?` / `options.renderModeType?`：运行模式控制
+
+返回值：
+
+- `controller`：`ShallowRef<DocController | null>`
+- `docInfo`：`Ref<DocInfo>`
+
+### `DocController`（对外 API 清单）
+
+`controller.value` 可用后，主要分为 4 类能力：
+
+1) 状态字段（响应式）：
+
+- `id: string`：当前文档实例 id
+- `mode`：当前渲染模式
+- `modeLabel`：渲染模式文案
+- `updateTick`：布局刷新计数
+- `pages`：当前页面数组
+- `docRuntimeMeta`：运行时元信息（接口返回 + 业务拼接）
+
+2) 查询 API（只读）：
+
+- `query.getWidgetByModelId(modelId)`：按模型字段 id 定位组件节点
+- `query.getPaperBySecRefId(id)`：按分节 refId 定位页面
+
+3) 编辑/控制 API：
+
+- `execute(command, payload?)`：执行内置命令（高级）
+- `undo()` / `redo()`：撤销与重做
+- `setMode(mode)`：切换渲染模式
+- `setModel(model)`：替换当前文档模型
+- `rawData()`：获取原始填报数据
+- `reload()`：手动触发文档重载
+
+4) 数据处理 API：
+
+- `validate()`：校验字段，返回错误映射或 `null`
+- `exportModel()`：导出 XmlJson 模型数据
+- `getDocumentAttachmentPaths(types?)`：提取附件路径列表
+- `enterBaseline(uniqueId)`：记录基线并进入填报模式
+- `computeBaselineChanges(ctx)`：计算与基线差异
+- `setAnnotation(ids, list)`：设置批注
+
+示例：
+
+```ts
+const c = controller.value;
+if (!c) return;
+
+const errors = await c.validate();
+if (!errors) {
+  const model = c.exportModel();
+  const data = c.rawData();
+  const files = c.getDocumentAttachmentPaths();
+  console.log(model, data, files);
+}
+```
+
+## 对外导出（主入口）
+
+当前包主入口为 `@gct-paas/word`，可直接使用以下能力：
+
+- 初始化 API：`setupPlatformAdapters`、`setupVueRuntime`
+- 引擎/类型：`useWord`、`DocModeTypeConst`、`PageSizeEnumConst`、`BuiltinComponentTypeConst`、`WordRuntime`、`DocController` 等
+- Vue 组件：`DocDesignLayout`、`DocRenderLayout`、`GctLayout`
+- 插件能力：`registerSuite`、`WordSuitePlugin`、`edhrSuitePlugin`
+
+## 插件扩展
+
+### 方式一：在 `setupPlatformAdapters` 里批量注册（推荐）
+
+```ts
+import { setupPlatformAdapters, edhrSuitePlugin } from '@gct-paas/word';
+
+setupPlatformAdapters({
+  interceptors,
+  getAppInfo,
+  parseFile,
+  uploadFile,
+  plugins: [edhrSuitePlugin],
+});
+```
+
+### 方式二：手动调用 `registerSuite`
+
+```ts
+import { registerSuite, edhrSuitePlugin } from '@gct-paas/word';
+
+registerSuite(edhrSuitePlugin);
 ```
 
-## 功能特性
+### 自定义插件协议
+
+```ts
+import type { WordSuitePlugin } from '@gct-paas/word';
+
+const customPlugin: WordSuitePlugin = {
+  key: 'custom-suite',
+  install() {
+    // 在这里注册你的 suite 能力
+  },
+};
+```
+
+## 最佳实践
+
+- `setupPlatformAdapters` 只在应用启动时调用一次，避免重复注册全局能力。
+- 在 `createApp` 之后立即执行 `setupVueRuntime`，再调用 `mount`。
+- `uploadFile`、`parseFile`、`getAppInfo` 建议提供稳定兜底实现，避免运行时空函数导致异常。
+- 通过 `controller` 调用业务动作前，先判断 `controller.value` 是否已就绪。
+
+## 常见问题
+
+### 1) 组件渲染空白
+
+- 检查是否已引入 `@gct-paas/word/style.css`
+- 检查是否调用了 `setupVueRuntime({ app })`
+- 检查容器是否有明确高度（例如 `height: 100vh`）
+
+### 2) 数据加载失败
 
-- 基于 Vue 3 的在线文档编辑器
-- 支持表格、图片等多种内容
-- 完整的布局和渲染系统
-- 可扩展的组件架构
+- 检查 `requestId`、`factoryType`、`modelKey` 是否匹配当前业务接口
+- 检查 `interceptors` 与鉴权逻辑是否正确透传
+- 检查 `getAppInfo`、`requestQuery` 是否包含业务必需上下文
 
-## 文档
+### 3) 插件能力未生效
 
-详见 [docs](./docs) 目录
+- 检查插件是否执行了 `install()`
+- 检查是否在 `setupPlatformAdapters` 初始化阶段完成注册
+- 检查 `suiteKey` 与已注册插件 `key` 是否一致
 
-## 许可证
+## License
 
 MIT

package/dist/base/avatar/index.d.ts

@@ -0,0 +1 @@
+export { default as GctAvatar } from './src/Avatar.vue';

package/dist/base/avatar/src/Avatar.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    avatar?: string;
+    name?: string;
+    direction?: 'vertical' | 'horizontal';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    direction: "vertical" | "horizontal";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/base/avatar/src/utils/useFile.d.ts

@@ -0,0 +1,3 @@
+export declare function transformUrl(url: any, { random }?: {
+    random?: boolean | undefined;
+}): string;

package/dist/base/breadcrumb/src/breadcrumb-item.vue.d.ts

@@ -13,8 +13,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    disabled: boolean;
     path: string;
+    disabled: boolean;
     isLast: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/base/color-picker/index.d.ts

@@ -0,0 +1 @@
+export { default as GctColorPicker } from './src/ColorPicker.vue';

package/dist/base/color-picker/src/ColorPicker.vue.d.ts

@@ -0,0 +1,88 @@
+type __VLS_Props = {
+    tooltip?: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+} & {
+    change: (val: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((val: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    tooltip: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    insRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly tooltip: string;
+            readonly "onLeft-btn-click"?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            dropdownRef: import('vue').CreateComponentPublicInstanceWithMixins<Record<string, any> & {}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, {}, {}, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Record<string, any> & {}, {}, {}, {}, {}, {}> | null;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "left-btn-click", ...args: any[]) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            tooltip: string;
+        }> & Readonly<{
+            "onLeft-btn-click"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            getRef: import('vue').Ref<any, any>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "left-btn-click": (...args: any[]) => void;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        tooltip: string;
+    }> & Readonly<{
+        "onLeft-btn-click"?: ((...args: any[]) => any) | undefined;
+    }>, "getRef"> & import('vue').ShallowUnwrapRef<{
+        getRef: import('vue').Ref<any, any>;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            'main-content'?(_: {}): any;
+            'left-content'?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/base/color-picker/src/constant/index.d.ts

@@ -0,0 +1,6 @@
+export declare const colorUtils: {
+    standard: {
+        color: string;
+        title: string;
+    }[];
+};

package/dist/base/divider/index.d.ts

@@ -0,0 +1 @@
+export { default as GctDivider } from './src/divider.vue';

package/dist/base/divider/src/divider.d.ts

@@ -0,0 +1,7 @@
+import { StyleValue } from 'vue';
+export interface IDividerProps {
+    vertical?: boolean;
+    color?: string;
+    class?: string;
+    style?: StyleValue;
+}

package/dist/base/divider/src/divider.vue.d.ts

@@ -0,0 +1,19 @@
+import { IDividerProps } from './divider';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<Record<string, any>> & Record<string, any>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IDividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IDividerProps> & Readonly<{}>, {
+    vertical: boolean;
+    color: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/base/dropdown/src/dropdown-basic-select.vue.d.ts

@@ -60,12 +60,12 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     getRef: import('vue').Ref<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    edit: (...args: any[]) => void;
     change: (...args: any[]) => void;
+    edit: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onEdit?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onEdit?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     options: DropdownOption[] | DropdownOptionGroup[];

package/dist/base/empty/index.d.ts

@@ -0,0 +1 @@
+export { default as GctEmpty } from './src/empty.vue';

package/dist/base/empty/src/empty.d.ts

@@ -0,0 +1,8 @@
+export interface IEmptyProps {
+    width?: number | string;
+    height?: number | string;
+    tip?: string;
+    iconSrc?: string;
+    iconHeight?: number | string;
+    class?: string;
+}

package/dist/base/empty/src/empty.vue.d.ts

@@ -0,0 +1,9 @@
+import { IEmptyProps } from './empty';
+declare const _default: import('vue').DefineComponent<IEmptyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IEmptyProps> & Readonly<{}>, {
+    width: number | string;
+    height: number | string;
+    tip: string;
+    iconSrc: string;
+    iconHeight: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/base/index.d.ts

@@ -3,7 +3,9 @@ export * from './breadcrumb';
 export * from './calendar';
 export * from './checkbox';
 export * from './collapse';
+export * from './divider';
 export * from './dropdown';
+export * from './empty';
 export * from './form-item';
 export * from './icon';
 export * from './image-upload';
@@ -16,9 +18,12 @@ export * from './radio';
 export * from './scrollbar';
 export * from './segment-slider';
 export * from './select';
+export * from './slider';
 export * from './switch';
 export * from './table';
 export * from './tooltip';
 export * from './tree';
 export * from './tree-select';
 export * from './date-time-picker';
+export * from './color-picker';
+export * from './avatar';

package/dist/base/input/index.d.ts

@@ -1,2 +1,3 @@
 export { default as GctInput } from './src/input.vue';
 export { default as GctInputNumber } from './src/input-number.vue';
+export { default as GctTextArea } from './src/text-area.vue';

package/dist/base/input/src/input-number.vue.d.ts

@@ -11,6 +11,8 @@ type __VLS_Props = {
     controls?: boolean;
     disabled?: boolean;
     placeholder?: string;
+    suffix?: string;
+    allowClear?: boolean;
     /** 控制返回类型 */
     returnString?: boolean;
     /** 控制是否实时 emit */
@@ -18,7 +20,18 @@ type __VLS_Props = {
     /** 小数截取处理规则 */
     roundingMode?: 1 | 4 | 6;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        clearIcon?(_: {}): any;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     blur: () => any;
     change: (val: string | number | null) => any;
     "update:modelValue": (val: string | number | null) => any;
@@ -30,9 +43,18 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     disabled: boolean;
     modelValue: ValueType;
     step: number;
+    allowClear: boolean;
     controls: boolean;
     returnString: boolean;
     emitOnInput: boolean;
     roundingMode: 1 | 4 | 6;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/base/input/src/input.vue.d.ts

@@ -17,27 +17,27 @@ declare const __VLS_component: import('vue').DefineComponent<GctInputProps, {
     select: () => void;
     inputRef: import('vue').Ref<HTMLTextAreaElement | HTMLInputElement | null, HTMLTextAreaElement | HTMLInputElement | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    input: (value: string | number, event: Event) => any;
     search: (value: string | number) => any;
-    focus: (event: FocusEvent) => any;
-    clear: () => any;
     blur: (event: FocusEvent) => any;
     change: (value: string | number, event: Event) => any;
-    input: (value: string | number, event: Event) => any;
+    focus: (event: FocusEvent) => any;
     keydown: (event: KeyboardEvent) => any;
     keypress: (event: KeyboardEvent) => any;
     keyup: (event: KeyboardEvent) => any;
+    clear: () => any;
     "update:modelValue": (value: string | number) => any;
     pressEnter: (event: KeyboardEvent) => any;
 }, string, import('vue').PublicProps, Readonly<GctInputProps> & Readonly<{
+    onInput?: ((value: string | number, event: Event) => any) | undefined;
     onSearch?: ((value: string | number) => any) | undefined;
-    onFocus?: ((event: FocusEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onChange?: ((value: string | number, event: Event) => any) | undefined;
-    onInput?: ((value: string | number, event: Event) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onKeypress?: ((event: KeyboardEvent) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     onPressEnter?: ((event: KeyboardEvent) => any) | undefined;
 }>, {
@@ -51,8 +51,8 @@ declare const __VLS_component: import('vue').DefineComponent<GctInputProps, {
     placeholder: string;
     autocomplete: string;
     spellcheck: boolean;
-    modelValue: string | number;
     prefix: string;
+    modelValue: string | number;
     suffix: string;
     addonBefore: string;
     addonAfter: string;