@blueking/bkui-form 0.0.41 → 0.0.42-beta.10

package/dist/bkui-form.css

@@ -104,12 +104,12 @@
   margin: 0 -24px 8px -24px;
 }
 
-.bk-schema-form .bk-collapse-item .bk-collapse-item-header {
+.bk-schema-form .bk-collapse.normal .bk-collapse-item .bk-collapse-item-header {
   height: 54px;
   padding: 0;
 }
 
-.bk-schema-form .bk-collapse-item .bk-collapse-item-content {
+.bk-schema-form .bk-collapse.normal .bk-collapse-item .bk-collapse-item-content {
   background: #f5f7fa;
   padding: 0 34px 16px 34px;
 }
@@ -122,12 +122,30 @@
   align-items: center;
 }
 
+.bk-schema-form .bk-schema-form-group-add.disabled {
+  color: #c4c6cc;
+  cursor: not-allowed;
+}
+
+.bk-schema-form .bk-schema-form-group-add.readonly {
+  color: #c4c6cc;
+}
+
 .bk-schema-form .bk-schema-form-group-delete {
   position: absolute;
   cursor: pointer;
   color: #979bA5;
 }
 
+.bk-schema-form .bk-schema-form-group-delete.disabled {
+  color: #c4c6cc;
+  cursor: not-allowed;
+}
+
+.bk-schema-form .bk-schema-form-group-delete.readonly {
+  color: #c4c6cc;
+}
+
 .bk-schema-form .bk-schema-form-group-delete:hover {
   color: #3a84ff;
 }

package/dist/controller/form-vue2.d.ts

@@ -1,7 +1,7 @@
 import { IFormOption } from '@/@types';
 import Vue from 'vue';
 import './form-vue2.css';
-export default function createForm<T>(opts?: Partial<IFormOption<T>>): import("vue/types/vue").ExtendedVue<Vue, {
+export default function createForm<T>(opts?: Partial<IFormOption<T>>): import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, {
     rootData: {};
     formKey: string;
 }, {
@@ -21,6 +21,7 @@ export default function createForm<T>(opts?: Partial<IFormOption<T>>): import("v
     context: any;
     httpAdapter: any;
     readonly: boolean;
-    readonlyMode: any;
+    disabled: boolean;
+    readonlyMode: string;
     labelWidth: number;
-}>;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;

package/dist/controller/props.d.ts

@@ -38,6 +38,10 @@ declare const _default: {
         type: BooleanConstructor;
         default: boolean;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     readonlyMode: {
         type: StringConstructor;
         default: string;

package/dist/types/bkui-form.d.ts

@@ -1,8 +1,9 @@
 import * as vue_types_vue from 'vue/types/vue';
+import * as Vue from 'vue';
+import Vue__default, { VNodeData } from 'vue';
 import * as ajv from 'ajv';
 import * as json_schema from 'json-schema';
 import { JSONSchema6TypeName, JSONSchema7 } from 'json-schema';
-import Vue, { VNodeData } from 'vue';
 import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
 
 type GlobalComponents = any;
@@ -31,10 +32,10 @@ interface IValidateResult {
   path: string
 }
 
-var css_248z = ".bk-schema-form .mr24 {\n  margin-right: 24px;\n}\n\n.bk-schema-form .bk-form-item {\n  margin-top: unset !important;\n}\n\n.bk-schema-form .bk-form-item .bk-form-content .group-text {\n  background-color: #f2f4f8;\n  height: 100%;\n}\n\n.bk-schema-form .bk-form-item .bk-select {\n  background-color: #fff;\n}\n\n.bk-schema-form .bk-form-item .bk-select.is-disabled {\n  background-color: #fafbfd;\n}\n\n.bk-schema-form .bk-schema-form-group.normal {\n  padding: 24px;\n  position: relative;\n}\n\n.bk-schema-form .bk-schema-form-group.card{\n  background: #fff;\n  padding: 0 24px 24px 24px;\n  border-radius: 2px;\n}\n\n.bk-schema-form .bk-schema-form-group.hide-empty-row .bk-schema-form-group-content {\n  row-gap: 0 !important;\n}\n\n.bk-schema-form .bk-schema-form-group.hide-empty-row .bk-schema-form-group-content .bk-form-item {\n  margin-bottom: 20px;\n}\n\n.bk-schema-form-group--error{\n  border-color: #f5222d !important;\n}\n\n.bk-schema-form-group__error-tips{\n  position: relative;\n  display: block;\n  width: 10px;\n  height: 10px;\n}\n\n.bk-schema-form-group__error-tips-popover {\n  position: absolute;\n  top: -5px;\n  left: 0;\n  z-index: 1;\n  background: #fff;\n  border: 1px solid #f5222d;\n  color: #f5222d;\n  font-size: 12px;\n  margin-left: 10px;\n  font-weight: normal;\n  padding: 5px 10px;\n  border-radius: 2px;\n  max-height: 50px;\n  overflow:hidden;\n}\n\n.bk-schema-form-group__error-tips-popover:hover {\n  max-height: unset;\n}\n\n.bk-schema-form-group__error-tips-popover > p {\n  padding: 0;\n  margin: 0;\n  white-space: nowrap;\n}\n\n.bk-schema-form .bk-schema-form-group .bk-schema-form-group-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: #63656E;\n}\n\n.bk-schema-form .bk-schema-form-group .bk-schema-form-group-title.default {\n  display: inline-block;\n  margin-bottom: 10px;\n}\n\n.bk-schema-form .bk-schema-form-group .bk-schema-form-group-title.normal {\n  position: absolute;\n  top: -1em;\n  left:  10px;\n  line-height: 2em;\n  padding: 0 0.5em;\n  background: #fff;\n}\n\n.bk-schema-form .bk-schema-form-group .bk-schema-form-group-title.card{\n  display: flex;\n  height: 50px;\n  align-items: center;\n  padding: 0 24px;\n  margin: 0 -24px 8px -24px;\n}\n\n.bk-schema-form .bk-collapse-item .bk-collapse-item-header {\n  height: 54px;\n  padding: 0;\n}\n\n.bk-schema-form .bk-collapse-item .bk-collapse-item-content {\n  background: #f5f7fa;\n  padding: 0 34px 16px 34px;\n}\n\n.bk-schema-form .bk-schema-form-group-add {\n  font-size: 14px;\n  color: #3a84ff;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n\n.bk-schema-form .bk-schema-form-group-delete {\n  position: absolute;\n  cursor: pointer;\n  color: #979bA5;\n}\n\n.bk-schema-form .bk-schema-form-group-delete:hover {\n  color: #3a84ff;\n}\n\n.bk-schema-form-item__error-tips {\n  color: #f5222d;\n  font-size: 12px;\n  margin-top: 5px;\n  margin: 0;\n  line-height: 1.5em;\n}\n\n.bk-schema-form-item--error input,\n.bk-schema-form-item--error .bk-textarea-wrapper,\n.bk-schema-form-item--error .bk-select {\n  border: 1px solid #f5222d;\n}\n\n.bk-schema-form .bk-schema-form-group .bk-form-unit-input .bk-textarea-wrapper {\n  min-height: 32px;\n}\n\n.bk-schema-form .bk-schema-form-group .bk-form-unit-input textarea {\n  min-height: 30px;\n}\n\n.bk-schema-form .bk-schema-form-item-auto-height .bk-form-content {\n  min-height: auto;\n  line-height: 1;\n}\n\n.bk-schema-form .table-widget-actions .action-btn {\n  margin-right: 8px;\n  font-size: 14px;\n  cursor: pointer;\n}\n.bk-schema-form .table-widget-actions .action-btn:hover {\n  color: #3a84ff;\n}\n.bk-schema-form .is-disabled .action-btn {\n  color: #dcdee5 !important;\n  cursor: not-allowed;\n}\n.bk-schema-form .bk-table-fixed-right {\n  height: 100% !important;\n  border-bottom: 1px solid #dfe0e5;\n}";
+var css_248z = ".bk-schema-form .mr24 {\n  margin-right: 24px;\n}\n\n.bk-schema-form .bk-form-item {\n  margin-top: unset !important;\n}\n\n.bk-schema-form .bk-form-item .bk-form-content .group-text {\n  background-color: #f2f4f8;\n  height: 100%;\n}\n\n.bk-schema-form .bk-form-item .bk-select {\n  background-color: #fff;\n}\n\n.bk-schema-form .bk-form-item .bk-select.is-disabled {\n  background-color: #fafbfd;\n}\n\n.bk-schema-form .bk-schema-form-group.normal {\n  padding: 24px;\n  position: relative;\n}\n\n.bk-schema-form .bk-schema-form-group.card{\n  background: #fff;\n  padding: 0 24px 24px 24px;\n  border-radius: 2px;\n}\n\n.bk-schema-form .bk-schema-form-group.hide-empty-row .bk-schema-form-group-content {\n  row-gap: 0 !important;\n}\n\n.bk-schema-form .bk-schema-form-group.hide-empty-row .bk-schema-form-group-content .bk-form-item {\n  margin-bottom: 20px;\n}\n\n.bk-schema-form-group--error{\n  border-color: #f5222d !important;\n}\n\n.bk-schema-form-group__error-tips{\n  position: relative;\n  display: block;\n  width: 10px;\n  height: 10px;\n}\n\n.bk-schema-form-group__error-tips-popover {\n  position: absolute;\n  top: -5px;\n  left: 0;\n  z-index: 1;\n  background: #fff;\n  border: 1px solid #f5222d;\n  color: #f5222d;\n  font-size: 12px;\n  margin-left: 10px;\n  font-weight: normal;\n  padding: 5px 10px;\n  border-radius: 2px;\n  max-height: 50px;\n  overflow:hidden;\n}\n\n.bk-schema-form-group__error-tips-popover:hover {\n  max-height: unset;\n}\n\n.bk-schema-form-group__error-tips-popover > p {\n  padding: 0;\n  margin: 0;\n  white-space: nowrap;\n}\n\n.bk-schema-form .bk-schema-form-group .bk-schema-form-group-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: #63656E;\n}\n\n.bk-schema-form .bk-schema-form-group .bk-schema-form-group-title.default {\n  display: inline-block;\n  margin-bottom: 10px;\n}\n\n.bk-schema-form .bk-schema-form-group .bk-schema-form-group-title.normal {\n  position: absolute;\n  top: -1em;\n  left:  10px;\n  line-height: 2em;\n  padding: 0 0.5em;\n  background: #fff;\n}\n\n.bk-schema-form .bk-schema-form-group .bk-schema-form-group-title.card{\n  display: flex;\n  height: 50px;\n  align-items: center;\n  padding: 0 24px;\n  margin: 0 -24px 8px -24px;\n}\n\n.bk-schema-form .bk-collapse.normal .bk-collapse-item .bk-collapse-item-header {\n  height: 54px;\n  padding: 0;\n}\n\n.bk-schema-form .bk-collapse.normal .bk-collapse-item .bk-collapse-item-content {\n  background: #f5f7fa;\n  padding: 0 34px 16px 34px;\n}\n\n.bk-schema-form .bk-schema-form-group-add {\n  font-size: 14px;\n  color: #3a84ff;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n\n.bk-schema-form .bk-schema-form-group-add.disabled {\n  color: #c4c6cc;\n  cursor: not-allowed;\n}\n\n.bk-schema-form .bk-schema-form-group-add.readonly {\n  color: #c4c6cc;\n}\n\n.bk-schema-form .bk-schema-form-group-delete {\n  position: absolute;\n  cursor: pointer;\n  color: #979bA5;\n}\n\n.bk-schema-form .bk-schema-form-group-delete.disabled {\n  color: #c4c6cc;\n  cursor: not-allowed;\n}\n\n.bk-schema-form .bk-schema-form-group-delete.readonly {\n  color: #c4c6cc;\n}\n\n.bk-schema-form .bk-schema-form-group-delete:hover {\n  color: #3a84ff;\n}\n\n.bk-schema-form-item__error-tips {\n  color: #f5222d;\n  font-size: 12px;\n  margin-top: 5px;\n  margin: 0;\n  line-height: 1.5em;\n}\n\n.bk-schema-form-item--error input,\n.bk-schema-form-item--error .bk-textarea-wrapper,\n.bk-schema-form-item--error .bk-select {\n  border: 1px solid #f5222d;\n}\n\n.bk-schema-form .bk-schema-form-group .bk-form-unit-input .bk-textarea-wrapper {\n  min-height: 32px;\n}\n\n.bk-schema-form .bk-schema-form-group .bk-form-unit-input textarea {\n  min-height: 30px;\n}\n\n.bk-schema-form .bk-schema-form-item-auto-height .bk-form-content {\n  min-height: auto;\n  line-height: 1;\n}\n\n.bk-schema-form .table-widget-actions .action-btn {\n  margin-right: 8px;\n  font-size: 14px;\n  cursor: pointer;\n}\n.bk-schema-form .table-widget-actions .action-btn:hover {\n  color: #3a84ff;\n}\n.bk-schema-form .is-disabled .action-btn {\n  color: #dcdee5 !important;\n  cursor: not-allowed;\n}\n.bk-schema-form .bk-table-fixed-right {\n  height: 100% !important;\n  border-bottom: 1px solid #dfe0e5;\n}";
 styleInject(css_248z);
 
-declare function createForm<T>(opts?: Partial<IFormOption<T>>): vue_types_vue.ExtendedVue<Vue, {
+declare function createForm<T>(opts?: Partial<IFormOption<T>>): vue_types_vue.ExtendedVue<Vue__default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue__default<Record<string, any>, Record<string, any>, never, never, any>>, {
     rootData: {};
     formKey: string;
 }, {
@@ -54,9 +55,10 @@ declare function createForm<T>(opts?: Partial<IFormOption<T>>): vue_types_vue.Ex
     context: any;
     httpAdapter: any;
     readonly: boolean;
-    readonlyMode: any;
+    disabled: boolean;
+    readonlyMode: string;
     labelWidth: number;
-}>;
+}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin>;
 
 declare class FormEvent {
     callbacks: Record<string, Record<string, Array<Function>>>;

package/dist/util/index.d.ts

@@ -10,8 +10,12 @@ export declare function intersection(arr1: any, arr2: any): any;
 export declare function gcd(a: any, b: any): any;
 export declare function scm(a: any, b: any): number;
 export declare function initializationValue(type: JSONSchema6TypeName, defaultInitValue?: Partial<Record<JSONSchema6TypeName, any>>): any;
-export declare function mergeDeep<T>(target: any, ...sources: any[]): T;
+type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+export declare function mergeDeep<T extends object>(target: Partial<T>, ...sources: DeepPartial<T>[]): T;
 export declare function deepEquals(a: any, b: any, ca?: any[], cb?: any[]): any;
 export declare function orderProperties(properties: any, order: any): string[];
 export declare function upperFirstLetter(str: string): string;
 export declare const getCookie: (name: any) => string | null;
+export {};

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.41",
+  "version": "0.0.42-beta.10",
   "main": "dist/bkui-form-umd-min.js",
   "name": "@blueking/bkui-form",
   "scripts": {
@@ -59,9 +59,7 @@
     "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"
+    "typescript": "^4.4.3"
   },
   "dependencies": {
     "ajv": "^8.11.0",
@@ -69,10 +67,12 @@
     "ajv-i18n": "^4.2.0",
     "bk-magic-vue": "2.4.8",
     "koa": "^2.7.0",
-    "koa-static": "^5.0.0"
+    "koa-static": "^5.0.0",
+    "vue": "^2.7.14",
+    "vue-template-compiler": "^2.7.14"
   },
   "engines": {
     "node": ">= 12.16.3",
-    "npm": ">= 6.4.1 <7"
+    "npm": ">= 6.4.1"
   }
 }