@blueking/bkui-form 0.0.42 → 0.0.44

package/dist/bkui-form.css

@@ -80,8 +80,24 @@
   font-size: 14px;
   font-weight: 600;
   color: #63656E;
+  position: relative;
+}
+.bk-schema-form .bk-schema-form-group .bk-schema-form-group-title.is-required:after {
+  height: 8px;
+  line-height: 1;
+  content: "*";
+  color: #ea3636;
+  font-size: 12px;
+  position: absolute;
+  display: inline-block;
+  vertical-align: middle;
+  top: 50%;
+  transform: translate(3px, -50%);
+}
+.bk-schema-form .bk-schema-form-group .group-has-desc{
+  border-bottom: 1px dashed #979ba5;
+  cursor: pointer;
 }
-
 .bk-schema-form .bk-schema-form-group .bk-schema-form-group-title.default {
   display: inline-block;
   margin-bottom: 10px;
@@ -104,12 +120,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;
 }
@@ -120,6 +136,36 @@
   cursor: pointer;
   display: flex;
   align-items: center;
+  font-size: 12px;
+}
+
+.bk-schema-form .bk-schema-form-group-add.large {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 32px;
+  flex: 1;
+  border: 1px dashed #3a84ff;
+  border-radius: 2px;
+  color: #3a84ff;
+  cursor: pointer;
+  text-align: center;
+}
+.bk-schema-form .bk-schema-form-group-add.large.error {
+  border: 1px dashed #f5222d;
+}
+
+.bk-schema-form .bk-schema-form-group-add.disabled {
+  color: #c4c6cc;
+  cursor: not-allowed;
+}
+
+.bk-schema-form .bk-schema-form-group-add.large.disabled {
+  border: 1px dashed #c4c6cc;
+}
+
+.bk-schema-form .bk-schema-form-group-add.readonly {
+  color: #c4c6cc;
 }
 
 .bk-schema-form .bk-schema-form-group-delete {
@@ -128,6 +174,15 @@
   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,15 +1,17 @@
 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, {
+import { WidgetTree } from '@/core/widgetTree';
+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;
+    widgetTree: WidgetTree;
 }, {
     initFormData(): void;
     emitFormValueChange(newValue: any, oldValue: any): void;
-    validateForm: () => boolean;
-    validateFormItem: (path: string) => import("@/@types").IValidateResult;
-    validate: () => Promise<import("@/@types").IValidateResult[]>;
+    validateForm(): boolean;
+    validateFormItem(path: string): import("@/@types").IValidateResult;
+    validate(): Promise<import("@/@types").IValidateResult[]>;
     validateSchema: (schema: import("ajv").AnySchema) => Promise<unknown>;
 }, unknown, {
     value: any;
@@ -21,6 +23,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/core/expression.d.ts

@@ -7,7 +7,9 @@ export declare const getContext: (instance: any) => {
     $validate: any;
     $rootData: any;
     $widgetNode: any;
+    $getValue: any;
+    $getCookie: (name: string) => string | null;
 };
-export declare const executeExpression: (expression: string | object, instance: Vue, $dep?: Array<Vue>) => any;
+export declare const executeExpression: (expression: string | object, instance: Vue, $dep?: Array<Vue>, $args?: {}) => any;
 export declare const parseStrTemplate: (expression: string) => any;
 export declare const isExpression: (expression: any) => boolean;

package/dist/core/reaction.d.ts

@@ -1,4 +1,5 @@
 import { IReaction } from '../@types';
-export declare const reactionRegister: (path: string, reactions?: Array<IReaction>) => void;
+import { WidgetTree } from './widgetTree';
+export declare const reactionRegister: (path: string, reactions: IReaction[] | undefined, widgetTree: WidgetTree) => void;
 export declare const reactionUnRegister: (path: string) => void;
 export declare const reactionDispatch: (path: string, typeName: string) => void;

package/dist/core/validator.d.ts

@@ -1,5 +1,6 @@
 import Ajv, { AnySchema } from 'ajv';
 import { IRules, IValidateResult } from '@/@types';
+import { WidgetTree } from './widgetTree';
 export declare const ajv: Ajv;
 export declare const DEFAULT_RULES: {
     required: {
@@ -12,23 +13,23 @@ export declare const DEFAULT_RULES: {
  * @param rules
  */
 export declare const registryGlobalRules: (rules: IRules) => void;
-export declare const setWidgetErrorTips: (path: string, isError: Boolean, errorMsg: any) => void;
+export declare const setWidgetErrorTips: (path: string, isError: Boolean, errorMsg: any, widgetTree: WidgetTree) => void;
 /**
  * 校验单个表单项
  * @param path 字段路径
  */
-export declare const validateFormItem: (path: string) => IValidateResult;
+export declare const validateFormItem: (path: string, widgetTree: WidgetTree) => IValidateResult;
 /**
  * 校验整个表单
  */
-export declare const validateForm: () => boolean;
+export declare const validateForm: (widgetTree: WidgetTree) => boolean;
 /**
  * 校验表单（抛出具体错误信息）
  */
-export declare const validateFormWithResult: () => Promise<IValidateResult[]>;
+export declare const validateFormWithResult: (widgetTree: WidgetTree) => Promise<IValidateResult[]>;
 export declare const validateSchema: (schema: AnySchema) => Promise<unknown>;
 /**
  * 触发校验
  * @param path 字段路径
  */
-export declare const dispatchValidate: (path: string) => IValidateResult;
+export declare const dispatchValidate: (path: string, widgetTree: WidgetTree) => IValidateResult;

package/dist/core/widgetTree.d.ts

@@ -36,5 +36,4 @@ export declare class WidgetTree {
     addWidgetNode(path: string, instance: any, type: 'node' | 'group', index?: number): void;
     removeWidgetNode(path: string, instance: any): void;
 }
-declare const _default: WidgetTree;
-export default _default;
+export {};

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,18 +32,58 @@ 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  position: relative;\n}\n.bk-schema-form .bk-schema-form-group .bk-schema-form-group-title.is-required:after {\n  height: 8px;\n  line-height: 1;\n  content: \"*\";\n  color: #ea3636;\n  font-size: 12px;\n  position: absolute;\n  display: inline-block;\n  vertical-align: middle;\n  top: 50%;\n  transform: translate(3px, -50%);\n}\n.bk-schema-form .bk-schema-form-group .group-has-desc{\n  border-bottom: 1px dashed #979ba5;\n  cursor: pointer;\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  font-size: 12px;\n}\n\n.bk-schema-form .bk-schema-form-group-add.large {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 32px;\n  flex: 1;\n  border: 1px dashed #3a84ff;\n  border-radius: 2px;\n  color: #3a84ff;\n  cursor: pointer;\n  text-align: center;\n}\n.bk-schema-form .bk-schema-form-group-add.large.error {\n  border: 1px dashed #f5222d;\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.large.disabled {\n  border: 1px dashed #c4c6cc;\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, {
+interface INodeConfig {
+    id: string;
+    type: 'node' | 'group';
+    index?: number;
+    instance: any;
+    parent: WidgetNode | null;
+    children: WidgetNode[];
+}
+declare class WidgetNode {
+    id: string;
+    instance: any;
+    parent: WidgetNode | null;
+    type: 'node' | 'group';
+    index?: number;
+    children: WidgetNode[];
+    constructor(config: INodeConfig);
+    get value(): any;
+    get isChildrenVisible(): any;
+    /**
+     * 获取 parents
+     */
+    get parents(): any[];
+    get firstChild(): WidgetNode;
+    get lastChild(): WidgetNode;
+    getSibling(lastProp: string): WidgetNode | undefined;
+    getSiblings(): WidgetNode[];
+    /**
+     * 是否是叶子节点
+     */
+    get isLeaf(): boolean;
+    appendChild(node: WidgetNode): WidgetNode[] | (WidgetNode & any[]);
+    removeChild(node: WidgetNode): WidgetNode[] | (WidgetNode & any[]);
+}
+declare class WidgetTree {
+    widgetMap: Record<string, WidgetNode>;
+    addWidgetNode(path: string, instance: any, type: 'node' | 'group', index?: number): void;
+    removeWidgetNode(path: string, instance: any): void;
+}
+
+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;
+    widgetTree: WidgetTree;
 }, {
     initFormData(): void;
     emitFormValueChange(newValue: any, oldValue: any): void;
-    validateForm: () => boolean;
-    validateFormItem: (path: string) => IValidateResult;
-    validate: () => Promise<IValidateResult[]>;
+    validateForm(): boolean;
+    validateFormItem(path: string): IValidateResult;
+    validate(): Promise<IValidateResult[]>;
     validateSchema: (schema: ajv.AnySchema) => Promise<unknown>;
 }, unknown, {
     value: any;
@@ -54,9 +95,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.42",
+  "version": "0.0.44",
   "main": "dist/bkui-form-umd-min.js",
   "name": "@blueking/bkui-form",
   "scripts": {
@@ -59,17 +59,17 @@
     "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",
     "ajv-formats": "^2.1.1",
     "ajv-i18n": "^4.2.0",
-    "bk-magic-vue": "2.4.8",
+    "bk-magic-vue": "2.5.10-beta.3",
     "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",