@blueking/bkui-form 0.0.41-beta.1 → 1.0.0-beta.1

package/dist/svg/iconcool.65dab562.svg

@@ -0,0 +1,47 @@
+<?xml version="1.0" standalone="no"?>
+  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+  <svg>
+  <metadata>
+  Created by font-carrier
+  </metadata>
+  <defs>
+  <font id="iconfont" horiz-adv-x="1024" vert-adv-y="1024" >
+    <font-face
+      
+      font-family="iconfont"
+      
+      font-weight="400"
+      
+      font-stretch="normal"
+      
+      units-per-em="1024"
+      
+      ascent="812"
+      
+      descent="-212"
+      
+    />
+      <missing-glyph />
+
+      
+      <glyph glyph-name="x" unicode="&#x78;" horiz-adv-x="100"
+        d="M20 20 L50 20 L50 -20 Z" />
+      
+
+      
+      <glyph glyph-name="uniE101" unicode="&#xE101;" d="M288 364L336 412 512 236 688 412 736 364 512 140Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
+      <glyph glyph-name="uniE103" unicode="&#xE103;" d="M928 588H672V652C672 687.2 643.2 716 608 716H416C380.8 716 352 687.2 352 652V588H96V524H208V-52C208-87.2 236.8-116 272-116H752C787.2-116 816-87.2 816-52V524H928V588ZM432 652H592C601.6 652 608 645.6 608 636V588H416V636C416 645.6 422.4 652 432 652ZM736-52H288C278.4-52 272-45.6 272-36V524H752V-36C752-45.6 745.6-52 736-52ZM576 412H640V60H576ZM384 412H448V60H384Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
+      <glyph glyph-name="uniE102" unicode="&#xE102;" d="M128 364H896V236H128V364Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
+      <glyph glyph-name="uniE104" unicode="&#xE104;" d="M896 364L576 364 576 684 448 684 448 364 128 364 128 236 448 236 448-84 576-84 576 236 896 236Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
+
+  </font>
+  </defs>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.0.41-beta.1",
-  "main": "dist/bkui-form-umd-min.js",
+  "version": "1.0.0-beta.1",
+  "main": "dist/index.umd.js",
   "name": "@blueking/bkui-form",
   "scripts": {
     "build": "gulp build",
@@ -18,61 +18,30 @@
   "license": "ISC",
   "description": "",
   "devDependencies": {
-    "@babel/core": "7.15.5",
-    "@babel/plugin-proposal-decorators": "7.15.4",
-    "@babel/plugin-transform-runtime": "7.15.0",
-    "@babel/preset-env": "7.15.6",
-    "@babel/preset-typescript": "7.15.0",
-    "@babel/runtime": "7.15.4",
+    "@babel/preset-typescript": "^7.23.3",
+    "@blueking/babel-preset-bk": "^2.1.0-beta.10",
+    "@blueking/cli-service-webpack": "0.0.0-beta.109",
     "@blueking/eslint-config-bk": "2.1.0-beta.6",
-    "@rollup/plugin-alias": "^3.1.5",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^20.0.0",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.0.4",
-    "@rollup/plugin-replace": "^3.0.0",
-    "@rollup/plugin-typescript": "^8.2.5",
-    "@rollup/plugin-url": "^6.1.0",
     "@types/jest": "^27.0.3",
     "@types/json-schema": "^7.0.9",
-    "@types/node": "^16.9.1",
-    "@vue/babel-preset-jsx": "^1.2.4",
-    "@vue/compiler-sfc": "^3.2.11",
-    "fs-extra": "^10.0.0",
-    "generate-source-map": "0.0.5",
+    "@types/node": "^20.10.1",
+    "bkui-vue": "^0.0.2-beta.97",
+    "fs-extra": "^11.2.0",
     "gulp": "^4.0.2",
     "jest": "^27.4.4",
-    "postcss": "^8.4.12",
-    "resize-detector": "^0.3.0",
-    "rollup": "^2.56.3",
-    "rollup-merge-config": "0.0.3",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-css-only": "^3.1.0",
-    "rollup-plugin-dts": "^4.2.1",
-    "rollup-plugin-external-globals": "^0.6.1",
-    "rollup-plugin-import-css": "^3.0.3",
-    "rollup-plugin-livereload": "^2.0.5",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-serve": "^1.1.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-vue": "^5.1.9",
+    "koa": "^2.7.0",
+    "koa-static": "^5.0.0",
     "ts-jest": "^27.1.1",
-    "ts-node": "^10.4.0",
-    "tslib": "^2.3.1",
     "typescript": "^4.4.3",
-    "vue": "2.6.12",
-    "vue-template-compiler": "2.6.12"
+    "vue": "^3.3.9"
   },
   "dependencies": {
     "ajv": "^8.11.0",
     "ajv-formats": "^2.1.1",
-    "ajv-i18n": "^4.2.0",
-    "bk-magic-vue": "2.4.8",
-    "koa": "^2.7.0",
-    "koa-static": "^5.0.0"
+    "ajv-i18n": "^4.2.0"
   },
   "engines": {
     "node": ">= 12.16.3",
-    "npm": ">= 6.4.1 <7"
+    "npm": ">= 6.4.1"
   }
 }

package/readme.md

@@ -6,7 +6,8 @@
 
 ### 安装
 
-依赖蓝鲸bk-magic-vue 2.0组件库，需要项目自己安装
+- 0.0.x 版本 依赖蓝鲸bk-magic-vue 2.0组件库，需要项目自己安装
+- 1.x.x 版本 依赖蓝鲸bkui-vue 3.0组件库
 
 ```shell
 npm i @blueking/bkui-form
@@ -27,7 +28,7 @@ npm i @blueking/bkui-form
 </template>
 <script>
 import createForm from '@blueking/bkui-form';
-import '@blueking/bkui-form/dist/bkui-form.css';
+import '@blueking/bkui-form/dist/bkui-form.css';// vue3版本可以去掉这个，会自动引入
 
 const BkSchemaForm = createForm();
 
@@ -53,9 +54,7 @@ export default {
                       "type": "string",
                       "format": "email",
                       "ui:component": {
-                        "props": {
-                          "type": "email"
-                        }
+                        "type": "email"
                       }
                   },
                   "uri": {
@@ -63,9 +62,7 @@ export default {
                       "type": "string",
                       "format": "uri",
                       "ui:component": {
-                        "props": {
-                          "type": "url"
-                        }
+                        "type": "url"
                       }
                   }
               }
@@ -102,10 +99,8 @@ export default {
                       "type": "string",
                       "title": "textarea",
                       "ui:component": {
-                        "props": {
-                          "type": "textarea",
-                          "rows": 4
-                        }
+                        "type": "textarea",
+                        "rows": 4
                       }
                   },
                   "integer": {
@@ -129,9 +124,7 @@ export default {
               "title": "A disabled field",
               "default": "I am disabled.",
               "ui:component": {
-                "props": {
-                  "disabled": true
-                }
+                "disabled": true
               }
           },
           "readonly": {
@@ -139,9 +132,7 @@ export default {
               "title": "A readonly field",
               "default": "I am read-only.",
               "ui:component": {
-                "props": {
-                  "readonly": true
-                }
+                "readonly": true
               }
           },
           "widgetOptions": {
@@ -187,4 +178,38 @@ export default {
   },
 };
 </script>
+```
+
+### 迁移
+
+0.0.x 版本的schema中的`ui:components`下的`props`属性需要放到上一层级
+
+0.0.x版本schema 写法
+```
+{
+  "uri": {
+    "title": "Uri",
+    "type": "string",
+    "format": "uri",
+    "ui:component": {
+      "props": {
+        "type": "url"
+      }
+    }
+  }
+}
+```
+
+1.0.x 以上版本schema 写法
+```
+{
+  "uri": {
+    "title": "Uri",
+    "type": "string",
+    "format": "uri",
+    "ui:component": {
+      "type": "url"
+    }
+  }
+}
 ```

package/dist/adapter/vue2/common/FieldGroupWrap.d.ts

@@ -1,34 +0,0 @@
-import Vue from 'vue';
-import { IFormState } from '@/@types';
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {
-    groupErrorTips: {};
-    state: {
-        visible: boolean;
-    };
-}, {
-    setState(key: keyof IFormState, value: any): void;
-    setGroupErrorTips(widgetPath: any, errorTips: any): void;
-    removeGroupErrorTips(widgetPath: any): void;
-    clearGroupErrorTips(): void;
-}, unknown, {
-    type: string;
-    showTitle: boolean;
-    border: boolean;
-    verifiable: boolean;
-    hideEmptyRow: boolean;
-    schema: import("json-schema").JSONSchema7;
-    path: string;
-    required: boolean;
-    rootData: any;
-    value: any;
-    layout: Partial<import("@/@types").ILayoutConfig>;
-    context: any;
-    removeable: boolean;
-    httpAdapter: any;
-    visible: boolean;
-    error: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    readonlyMode: any;
-}>;
-export default _default;

package/dist/adapter/vue2/field/ArrayField.d.ts

@@ -1,19 +0,0 @@
-import Vue from 'vue';
-import { JSONSchema7 } from 'json-schema';
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, {}, {}, {
-    schema: JSONSchema7;
-    path: string;
-    required: boolean;
-    rootData: any;
-    value: any;
-    layout: Partial<import("../../../@types").ILayoutConfig>;
-    context: any;
-    removeable: boolean;
-    httpAdapter: any;
-    visible: boolean;
-    error: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    readonlyMode: any;
-}>;
-export default _default;

package/dist/adapter/vue2/field/BooleanField.d.ts

@@ -1,18 +0,0 @@
-import Vue from 'vue';
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, {}, {}, {
-    schema: import("json-schema").JSONSchema7;
-    path: string;
-    required: boolean;
-    rootData: any;
-    value: any;
-    layout: Partial<import("../../../@types").ILayoutConfig>;
-    context: any;
-    removeable: boolean;
-    httpAdapter: any;
-    visible: boolean;
-    error: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    readonlyMode: any;
-}>;
-export default _default;

package/dist/adapter/vue2/field/CompositionField.d.ts

@@ -1,22 +0,0 @@
-import { JSONSchema7 } from 'json-schema';
-import Vue from 'vue';
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {
-    activeIndex: number;
-}, unknown, unknown, {
-    composition: string;
-    schema: JSONSchema7;
-    path: string;
-    required: boolean;
-    rootData: any;
-    value: any;
-    layout: Partial<import("../../../@types").ILayoutConfig>;
-    context: any;
-    removeable: boolean;
-    httpAdapter: any;
-    visible: boolean;
-    error: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    readonlyMode: any;
-}>;
-export default _default;

package/dist/adapter/vue2/field/FieldProps.d.ts

@@ -1,65 +0,0 @@
-import { ILayoutConfig } from '@/@types';
-import { JSONSchema7 } from 'json-schema';
-import { PropType } from 'vue';
-declare const _default: {
-    schema: {
-        type: PropType<JSONSchema7>;
-        default: () => JSONSchema7;
-    };
-    path: {
-        type: StringConstructor;
-        default: string;
-    };
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    rootData: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    value: {
-        type: (ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor | BooleanConstructor)[];
-    };
-    layout: {
-        type: PropType<ILayoutConfig>;
-        default: () => Partial<ILayoutConfig>;
-    };
-    context: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    removeable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    httpAdapter: {
-        type: ObjectConstructor;
-        default: () => {
-            request: (url: string, config?: Partial<import("@/util/fetch").IFetchConfig>) => Promise<any>;
-            responseParse: (res: any) => any;
-        };
-    };
-    visible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonlyMode: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: any) => boolean;
-    };
-};
-export default _default;

package/dist/adapter/vue2/field/NumberField.d.ts

@@ -1,18 +0,0 @@
-import Vue from 'vue';
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, {}, {}, {
-    schema: import("json-schema").JSONSchema7;
-    path: string;
-    required: boolean;
-    rootData: any;
-    value: any;
-    layout: Partial<import("../../../@types").ILayoutConfig>;
-    context: any;
-    removeable: boolean;
-    httpAdapter: any;
-    visible: boolean;
-    error: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    readonlyMode: any;
-}>;
-export default _default;

package/dist/adapter/vue2/field/ObjectField.d.ts

@@ -1,3 +0,0 @@
-import Vue from 'vue';
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, {}, {}, import("vue/types/options").DefaultProps>;
-export default _default;

package/dist/adapter/vue2/field/SchemaField.d.ts

@@ -1,3 +0,0 @@
-import Vue from 'vue';
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, {}, {}, import("vue/types/options").DefaultProps>;
-export default _default;

package/dist/adapter/vue2/field/StringField.d.ts

@@ -1,18 +0,0 @@
-import Vue from 'vue';
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, {}, {}, {
-    schema: import("json-schema").JSONSchema7;
-    path: string;
-    required: boolean;
-    rootData: any;
-    value: any;
-    layout: Partial<import("../../../@types").ILayoutConfig>;
-    context: any;
-    removeable: boolean;
-    httpAdapter: any;
-    visible: boolean;
-    error: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    readonlyMode: any;
-}>;
-export default _default;

package/dist/adapter/vue2/widget/ArrayWidget.d.ts

@@ -1,9 +0,0 @@
-import Vue from 'vue';
-import { IWidgetProps } from '@/@types';
-interface Methods {
-    handleFillItem: Function;
-    handleAddItem: Function;
-    handleDeleteItem: (path: string) => void;
-}
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, Methods, {}, IWidgetProps>;
-export default _default;

package/dist/adapter/vue2/widget/ButtonWidget.d.ts

@@ -1,9 +0,0 @@
-import Vue from 'vue';
-interface Methods {
-    handleClick: Function;
-}
-interface Props {
-    word: string;
-}
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, Methods, {}, Props>;
-export default _default;

package/dist/adapter/vue2/widget/CheckboxWidget.d.ts

@@ -1,12 +0,0 @@
-import { IDataSource } from '@/@types';
-import Vue from 'vue';
-interface Methods {
-    handleChange: Function;
-}
-interface Props {
-    datasource: IDataSource[];
-    value: boolean | any[];
-    label: string;
-}
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, Methods, {}, Props>;
-export default _default;

package/dist/adapter/vue2/widget/CollapseGroupWidget.d.ts

@@ -1,16 +0,0 @@
-import { ILayoutConfig } from '@/@types';
-import { JSONSchema7 } from 'json-schema';
-import Vue from 'vue';
-interface Data {
-    activeName: string[];
-}
-interface Props {
-    layout: Partial<ILayoutConfig>;
-    type: string;
-    showTitle: boolean;
-    border: boolean;
-    schema: JSONSchema7;
-    [k: string]: any;
-}
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, Data, {}, {}, Props>;
-export default _default;

package/dist/adapter/vue2/widget/ColorPickerWidget.d.ts

@@ -1,9 +0,0 @@
-import Vue from 'vue';
-interface Methods {
-    handleChange: Function;
-}
-interface Props {
-    value: string;
-}
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, Methods, {}, Props>;
-export default _default;

package/dist/adapter/vue2/widget/InputWidget.d.ts

@@ -1,15 +0,0 @@
-import Vue from 'vue';
-interface Methods {
-    handleInput: Function;
-    handleBlur: Function;
-}
-interface Props {
-    value: string | number;
-    unit: string;
-    maxRows: number;
-}
-interface Computed {
-    rows: number;
-}
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, Methods, Computed, Props>;
-export default _default;

package/dist/adapter/vue2/widget/KeyValueArrayWidget.d.ts

@@ -1,26 +0,0 @@
-import { JSONSchema7 } from 'json-schema';
-import Vue from 'vue';
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, {
-    handleAddItem(): void;
-    handleRemoveItem(index: any): void;
-    handleInput({ path, value }: {
-        path: any;
-        value: any;
-    }): void;
-}, unknown, {
-    schema: JSONSchema7;
-    path: string;
-    required: boolean;
-    rootData: any;
-    value: any;
-    layout: Partial<import("@/@types").ILayoutConfig>;
-    context: any;
-    removeable: boolean;
-    httpAdapter: any;
-    visible: boolean;
-    error: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    readonlyMode: any;
-}>;
-export default _default;

package/dist/adapter/vue2/widget/RadioWidget.d.ts

@@ -1,12 +0,0 @@
-import { IDataSource } from '@/@types';
-import Vue from 'vue';
-interface Methods {
-    handleChange: Function;
-}
-interface Props {
-    datasource: IDataSource[];
-    value: string | number | boolean;
-    disabled: boolean;
-}
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, Methods, {}, Props>;
-export default _default;

package/dist/adapter/vue2/widget/SelectWidget.d.ts

@@ -1,12 +0,0 @@
-import { IDataSource } from '@/@types';
-import Vue from 'vue';
-interface Methods {
-    handleSelectChange: Function;
-}
-interface Props {
-    datasource: IDataSource[];
-    value: any;
-    loading: boolean;
-}
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, Methods, {}, Props>;
-export default _default;

package/dist/adapter/vue2/widget/SwitchWidget.d.ts

@@ -1,9 +0,0 @@
-import Vue from 'vue';
-interface Methods {
-    handleChange: Function;
-}
-interface Props {
-    value: boolean;
-}
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, {}, Methods, {}, Props>;
-export default _default;

package/dist/adapter/vue2/widget/TabGroupWidget.d.ts

@@ -1,17 +0,0 @@
-import Vue from 'vue';
-import { JSONSchema7 } from 'json-schema';
-import { ILayoutConfig } from '@/@types';
-interface Data {
-    activeName: string[];
-}
-interface Props {
-    layout: Partial<ILayoutConfig>;
-    type: string;
-    showTitle: boolean;
-    border: boolean;
-    schema: JSONSchema7;
-    verifiable: boolean;
-    [k: string]: any;
-}
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, Data, {}, {}, Props>;
-export default _default;

package/dist/adapter/vue2/widget/TableWidget.d.ts

@@ -1,26 +0,0 @@
-import Vue from 'vue';
-import { JSONSchema7 } from 'json-schema';
-declare const _default: import("vue/types/vue").ExtendedVue<Vue, unknown, {
-    handleCellValChange({ path, value }: {
-        path: any;
-        value: any;
-    }): void;
-    handleAddRow(index: any): void;
-    handleDelRow(index: any): void;
-}, unknown, {
-    schema: JSONSchema7;
-    path: string;
-    required: boolean;
-    rootData: any;
-    value: any;
-    layout: Partial<import("../../../@types").ILayoutConfig>;
-    context: any;
-    removeable: boolean;
-    httpAdapter: any;
-    visible: boolean;
-    error: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    readonlyMode: any;
-}>;
-export default _default;