ng-layout-form/lib/formset/FormFieldSet.js

layout form

var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/formset/FormFieldSet.tsx
var FormFieldSet_exports = {};
__export(FormFieldSet_exports, {
  FormFieldSet: () => FormFieldSet,
  default: () => FormFieldSet_default
});
module.exports = __toCommonJS(FormFieldSet_exports);
var import_icons = require("@ant-design/icons");
var import_antd = require("antd");
var import_ng_lib_tsx = require("ng-lib-tsx");
var import_react = require("react");
var import_util = require("../util/util");
var import_index = require("./index.less");
function FormFieldSet(props) {
  const {
    title,
    collapsible = true,
    formConf = {},
    style: formFieldStyle,
    className: formFieldClassName,
    collapse: defaultCollapse,
    formSetRef,
    outRef
  } = props;
  const [collapse, setCollapse] = (0, import_react.useState)(
    defaultCollapse !== void 0 ? defaultCollapse : formConf.collapse !== void 0 ? formConf.collapse : false
  );
  function handleCollapse() {
    setCollapse(() => !collapse);
  }
  const defaultTitle = import_ng_lib_tsx.NG.getPageLang()[formConf.langKey] || title || formConf.label;
  const c = !collapsible ? defaultTitle ? /* @__PURE__ */ React.createElement("div", { className: "title", key: "title", style: { cursor: "default" } }, defaultTitle) : null : /* @__PURE__ */ React.createElement("div", { className: "title", key: "title", onClick: handleCollapse }, /* @__PURE__ */ React.createElement(import_icons.CaretDownOutlined, { rotate: collapse ? 0 : 180 }), defaultTitle || "formSet");
  const xType = formConf.xtype === "fieldset" || !formConf.xtype ? "FormLayout" : formConf.xtype;
  const Comp = (0, import_util.getComp)({
    xtype: xType
  }).instance;
  return /* @__PURE__ */ React.createElement(
    import_antd.Card,
    {
      bordered: collapsible || defaultTitle,
      className: import_ng_lib_tsx.NG.classNames("ng-form-set", formFieldClassName, { "body-collapsed": collapse }),
      style: formFieldStyle
    },
    c,
    /* @__PURE__ */ React.createElement("div", { className: "content" }, props.children ? props.children : /* @__PURE__ */ React.createElement(Comp, { ...props, ref: outRef, config: formConf, formSetRef: formSetRef || outRef, titleProps: void 0 }))
  );
}
var FormFieldSetCom = (0, import_ng_lib_tsx.compHoc)(
  (0, import_util.LayConfWrap)(FormFieldSet),
  "NGFormFieldSet"
);
var FormFieldSet_default = FormFieldSetCom;
(0, import_ng_lib_tsx.registerComponent)({ FormFieldSet });
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  FormFieldSet
});