feat(json-schema-form): release v1.0.16

jevin98 · jevin98 · commit fded8c904aa0 · 2025-05-17T12:38:57.000+08:00
diff --git a/docs/src/document/zh-CN/components/jsonSchemaForm.md b/docs/src/document/zh-CN/components/jsonSchemaForm.md
@@ -59,6 +59,67 @@ export default defineConfig({
 });
 ```
 
+::: title 在线安装
+:::
+
+::: describe 根据不同的 CDN 提供商有不同的引入方式，我们在这里以 unpkg 举例。
+:::
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <link rel="stylesheet" href="//unpkg.com/@layui/json-schema-form/lib/index.css" />
+    <script src="//unpkg.com/vue@3"></script>
+    <script src="//unpkg.com/@layui/json-schema-form"></script>
+</head>
+<body>
+    <div id="app">
+        {{message}}
+        <lay-json-schema-form :model="form" :schema="schema"></lay-json-schema-form>
+    </div>
+
+    <script>
+        const { createApp, ref, reactive } = Vue
+
+        const app = createApp({
+            setup() {
+                const message = reactive('Hello vue!')
+                const form = ref({})
+                const schema = reactive({
+                    name: {
+                        label: '姓名',
+                        type: 'input',
+                        props: {
+                            type: 'text',
+                            placeholder: '请输入姓名',
+                        }
+                    },
+                    password: {
+                        label: '密码',
+                        type: 'input',
+                        props: {
+                            type: 'password',
+                            autocomplete: "off",
+                            placeholder: '请输入密码',
+                        }
+                    },
+                })
+                return {
+                    message,
+                    schema,
+                    form,
+                }
+            }
+        })
+        app.use(LayuiJsonSchemaForm)
+        app.mount('#app')
+    </script>
+</body>
+</html>
+```
+
 ::: title 基本使用
 :::
 
diff --git a/packages/json-schema-form/CHANGELOG.md b/packages/json-schema-form/CHANGELOG.md
@@ -1,3 +1,10 @@
+## [1.0.16] (2025-05-17)
+
+### Layui-vue Upgrade V2.22.2
+
+### Bug Fixes
+* 具名导出 `install` 函数
+
 ## [1.0.15] (2024-10-22)
 
 ### Layui-vue Upgrade V2.19.0
diff --git a/packages/json-schema-form/package.json b/packages/json-schema-form/package.json
@@ -1,15 +1,19 @@
 {
   "name": "@layui/json-schema-form",
-  "version": "1.0.15",
-  "description": "Json-schema-form is a high-level component encapsulated on the basis of @layui/layui-vue form.",
-  "homepage": "http://www.layui-vue.com/zh-CN/components/jsonSchemaForm",
   "type": "module",
-  "module": "lib/json-schema-form.js",
-  "main": "lib/json-schema-form.umd.js",
+  "version": "1.0.16",
+  "description": "Json-schema-form is a high-level component encapsulated on the basis of @layui/layui-vue form.",
   "license": "MIT",
+  "homepage": "http://www.layui-vue.com/zh-CN/components/jsonSchemaForm",
   "bugs": {
     "url": "https://gitee.com/layui-vue/layui-vue/issues"
   },
+  "keywords": [
+    "layui-vue",
+    "layui",
+    "layui/json-schema-form",
+    "vue"
+  ],
   "exports": {
     ".": {
       "import": {
@@ -22,14 +26,10 @@
       "./types/*.d.ts"
     ]
   },
+  "main": "lib/json-schema-form.umd.js",
+  "module": "lib/json-schema-form.js",
   "types": "types/index.d.ts",
   "style": "lib/index.css",
-  "keywords": [
-    "layui-vue",
-    "layui",
-    "layui/json-schema-form",
-    "vue"
-  ],
   "files": [
     "lib",
     "types"
diff --git a/packages/json-schema-form/src/index.ts b/packages/json-schema-form/src/index.ts
@@ -1,13 +1,13 @@
 import type { App } from "vue";
-import type { InstallOptions } from "./types";
+// import type { InstallOptions } from "./types";
 
 import LayJsonSchemaForm from "./component/form/index";
 
 // 全局安装
-const install = (app: App, options?: InstallOptions): void => {
-  app.component(LayJsonSchemaForm.name, LayJsonSchemaForm);
-};
+function install(app: App): void {
+  app.component(LayJsonSchemaForm.name!, LayJsonSchemaForm);
+}
 
-export { LayJsonSchemaForm };
+export { install, LayJsonSchemaForm };
 
 export default { install };
