/**
 * 表单域
 *
 * @Author: Shann
 * @LastEditors: Shann
 * @Date: 2021-07-26 08:53:33
 * @LastEditTime: 2021-08-05 14:03:05
 * @FilePath: \angular-js-for-bootstrap\src\Essa\FormItem\FormItem.js
 * @Copyright: Copyright 2021-2021, all rights reserved. Essa.cn
 */
import template from "./FormItem.html";
angular.module("esNgAntd").directive("antdFormItem", function () {
    return {
        controllerAs: "antdFormItem",
        restrict: "E",
        transclude: true,
        replace: true,
        scope: {
            name: "@",
            label: "@",
            labelCol: "=",
            wrapperCol: "=",
            required: "@",
        },
        template: template,
        controller: function ($scope, $element, $attrs) {
            this.getContext = function () {
                return $scope;
            };

            $scope.state = {
                labelCol: null,
                wrapperCol: null,
            };
        },
        require: ["?^antdForm"],
        link: function ($scope, $element, $attrs, $controllers, $transclude) {
            let [antdForm] = $controllers;
            $scope.antdForm = antdForm.getContext();

            if ($scope.labelCol && $scope.labelCol.span) {
                $scope.state.labelCol = $scope.labelCol.span;
            } else if (
                $scope.antdForm.labelCol &&
                $scope.antdForm.labelCol.span
            ) {
                $scope.state.labelCol = $scope.antdForm.labelCol.span;
            }

            if ($scope.wrapperCol && $scope.wrapperCol.span) {
                $scope.state.wrapperCol = $scope.wrapperCol.span;
            } else if (
                $scope.antdForm.wrapperCol &&
                $scope.antdForm.wrapperCol.span
            ) {
                $scope.state.wrapperCol = $scope.antdForm.wrapperCol.span;
            }
        },
    };
});