@blueking/bkui-form 0.0.42-beta.3 → 0.0.42-beta.5

package/dist/bkui-form.css

@@ -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

@@ -21,6 +21,7 @@ export default function createForm<T>(opts?: Partial<IFormOption<T>>): import("v
     context: any;
     httpAdapter: any;
     readonly: boolean;
+    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

@@ -32,7 +32,7 @@ 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-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-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__default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue__default<Record<string, any>, Record<string, any>, never, never, any>>, {
@@ -55,6 +55,7 @@ declare function createForm<T>(opts?: Partial<IFormOption<T>>): vue_types_vue.Ex
     context: any;
     httpAdapter: any;
     readonly: boolean;
+    disabled: boolean;
     readonlyMode: string;
     labelWidth: number;
 }, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin>;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.42-beta.3",
+  "version": "0.0.42-beta.5",
   "main": "dist/bkui-form-umd-min.js",
   "name": "@blueking/bkui-form",
   "scripts": {