@4399ywkf/design 2.0.0 → 2.1.1

package/dist/FormDesigner/styles/index.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    container: import("antd-style").SerializedStyles;
+}>;

package/dist/FormDesigner/styles/index.js

@@ -0,0 +1,11 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var token = _ref.token,
+    css = _ref.css;
+  return {
+    // ==================== Main Container ====================
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    overflow: hidden;\n    height: 100%;\n    min-height: 30vh;\n    position: relative;\n    background: #f5f6f7;\n    border: 1px solid #dee0e3;\n    border-radius: 8px;\n\n    .mid-layout {\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n      flex-shrink: 1;\n      overflow: hidden;\n      background: #f5f6f7;\n    }\n\n    .flex-center {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .dnd-container {\n      flex-grow: 1;\n      overflow-y: auto;\n      background: #f2f3f5;\n      padding: 0 24px;\n    }\n\n    .ant-tabs.ant-tabs-top {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .ant-tabs-content-holder {\n      flex-grow: 1;\n    }\n\n    .ant-tabs-content.ant-tabs-content-top {\n      height: 100%;\n    }\n\n    .ant-tabs-tabpane.ant-tabs-tabpane-active {\n      height: 100%;\n      overflow-y: auto;\n    }\n\n    /* ==================== Atom: outline ==================== */\n    .outline {\n      outline: 1px solid;\n    }\n    .outline-transparent {\n      outline: 1px solid transparent;\n    }\n    .outline-0 {\n      outline: 0;\n    }\n\n    /* ==================== Atom: border ==================== */\n    .ba { border-style: solid; border-width: 1px; }\n    .bt { border-top-style: solid; border-top-width: 1px; }\n    .br { border-right-style: solid; border-right-width: 1px; }\n    .bb { border-bottom-style: solid; border-bottom-width: 1px; }\n    .bl { border-left-style: solid; border-left-width: 1px; }\n    .bn { border-style: none; border-width: 0; }\n\n    .br0 { border-radius: 0; }\n    .br1 { border-radius: ", "px; }\n    .br2 { border-radius: ", "px; }\n    .br3 { border-radius: ", "px; }\n    .br4 { border-radius: 1rem; }\n    .br-100 { border-radius: 100%; }\n    .br-pill { border-radius: 9999px; }\n    .br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; }\n    .br--top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n    .br--right { border-top-left-radius: 0; border-bottom-left-radius: 0; }\n    .br--left { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n    .b--dotted { border-style: dotted; }\n    .b--dashed { border-style: dashed; }\n    .b--solid { border-style: solid; }\n    .b--none { border-style: none; }\n\n    .b--black-10 { border-color: rgba(0, 0, 0, 0.1); }\n    .b--black-20 { border-color: rgba(0, 0, 0, 0.2); }\n    .b--black-30 { border-color: rgba(0, 0, 0, 0.3); }\n\n    .black-40 { color: rgba(0, 0, 0, 0.4); }\n    .f4 { font-size: 1.25rem; }\n    .bw0 { border-width: 0; }\n    .bw1 { border-width: 0.125rem; }\n    .bw2 { border-width: 0.25rem; }\n    .bw3 { border-width: 0.5rem; }\n    .bw4 { border-width: 1rem; }\n    .bw5 { border-width: 2rem; }\n    .bt-0 { border-top-width: 0; }\n    .br-0 { border-right-width: 0; }\n    .bb-0 { border-bottom-width: 0; }\n    .bl-0 { border-left-width: 0; }\n\n    /* ==================== Atom: shadow ==================== */\n    .shadow-1 { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2); }\n    .shadow-2 { box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2); }\n    .shadow-3 { box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2); }\n    .shadow-4 { box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2); }\n    .shadow-5 { box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2); }\n\n    /* ==================== Atom: position ==================== */\n    .top-0 { top: 0; } .right-0 { right: 0; } .bottom-0 { bottom: 0; } .left-0 { left: 0; }\n    .top-1 { top: 1rem; } .right-1 { right: 1rem; } .bottom-1 { bottom: 1rem; } .left-1 { left: 1rem; }\n    .top-2 { top: 2rem; } .right-2 { right: 2rem; } .bottom-2 { bottom: 2rem; } .left-2 { left: 2rem; }\n    .top--1 { top: -1rem; } .right--1 { right: -1rem; } .bottom--1 { bottom: -1rem; } .left--1 { left: -1rem; }\n    .top--2 { top: -2rem; } .right--2 { right: -2rem; } .bottom--2 { bottom: -2rem; } .left--2 { left: -2rem; }\n    .absolute--fill { top: 0; right: 0; bottom: 0; left: 0; }\n\n    /* ==================== Atom: display ==================== */\n    .dn { display: none; }\n    .di { display: inline; }\n    .db { display: block; }\n    .dib { display: inline-block; }\n    .dit { display: inline-table; }\n    .dt { display: table; }\n    .dtc { display: table-cell; }\n    .dt-row { display: table-row; }\n    .dt-row-group { display: table-row-group; }\n    .dt-column { display: table-column; }\n    .dt-column-group { display: table-column-group; }\n    .dt--fixed { table-layout: fixed; width: 100%; }\n\n    /* ==================== Atom: flex ==================== */\n    .flex { display: flex; }\n    .inline-flex { display: inline-flex; }\n    .flex-auto { flex: 1 1 auto; min-width: 0; min-height: 0; }\n    .flex-none { flex: none; }\n    .flex-column { flex-direction: column; }\n    .flex-row { flex-direction: row; }\n    .flex-wrap { flex-wrap: wrap; }\n    .flex-nowrap { flex-wrap: nowrap; }\n    .flex-wrap-reverse { flex-wrap: wrap-reverse; }\n    .flex-column-reverse { flex-direction: column-reverse; }\n    .flex-row-reverse { flex-direction: row-reverse; }\n    .items-start { align-items: flex-start; }\n    .items-end { align-items: flex-end; }\n    .items-center { align-items: center; }\n    .items-baseline { align-items: baseline; }\n    .items-stretch { align-items: stretch; }\n    .self-start { align-self: flex-start; }\n    .self-end { align-self: flex-end; }\n    .self-center { align-self: center; }\n    .self-baseline { align-self: baseline; }\n    .self-stretch { align-self: stretch; }\n    .justify-start { justify-content: flex-start; }\n    .justify-end { justify-content: flex-end; }\n    .justify-center { justify-content: center; }\n    .justify-between { justify-content: space-between; }\n    .justify-around { justify-content: space-around; }\n    .content-start { align-content: flex-start; }\n    .content-end { align-content: flex-end; }\n    .content-center { align-content: center; }\n    .content-between { align-content: space-between; }\n    .content-around { align-content: space-around; }\n    .content-stretch { align-content: stretch; }\n    .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; }\n    .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; }\n    .order-8 { order: 8; } .order-last { order: 99999; }\n    .flex-grow-0 { flex-grow: 0; } .flex-grow-1 { flex-grow: 1; }\n    .flex-shrink-0 { flex-shrink: 0; } .flex-shrink-1 { flex-shrink: 1; }\n\n    /* ==================== Atom: font-weight ==================== */\n    .fw1 { font-weight: 100; } .fw2 { font-weight: 200; } .fw3 { font-weight: 300; }\n    .fw4 { font-weight: 400; } .fw5 { font-weight: 500; } .fw6 { font-weight: 600; }\n    .fw7 { font-weight: 700; } .fw8 { font-weight: 800; } .fw9 { font-weight: 900; }\n\n    /* ==================== Atom: height ==================== */\n    .h1 { height: 1rem; } .h2 { height: 2rem; } .h3 { height: 4rem; }\n    .h4 { height: 8rem; } .h5 { height: 16rem; }\n    .h-25 { height: 25%; } .h-50 { height: 50%; } .h-75 { height: 75%; } .h-100 { height: 100%; }\n    .min-h-100 { min-height: 100%; }\n    .vh-25 { height: 25vh; } .vh-50 { height: 50vh; } .vh-75 { height: 75vh; } .vh-100 { height: 100vh; }\n    .min-vh-100 { min-height: 100vh; }\n    .h-auto { height: auto; } .h-inherit { height: inherit; }\n\n    /* ==================== Atom: letter-spacing ==================== */\n    .tracked { letter-spacing: 0.1em; }\n    .tracked-tight { letter-spacing: -0.05em; }\n    .tracked-mega { letter-spacing: 0.25em; }\n\n    /* ==================== Atom: line-height ==================== */\n    .lh-solid { line-height: 1; }\n    .lh-title { line-height: 1.25; }\n    .lh-copy { line-height: 1.5; }\n\n    /* ==================== Atom: max-width ==================== */\n    .mw-100 { max-width: 100%; }\n    .mw1 { max-width: 1rem; } .mw2 { max-width: 2rem; } .mw3 { max-width: 4rem; }\n    .mw4 { max-width: 8rem; } .mw5 { max-width: 16rem; } .mw6 { max-width: 32rem; }\n    .mw7 { max-width: 48rem; } .mw8 { max-width: 64rem; } .mw9 { max-width: 96rem; }\n    .mw-none { max-width: none; }\n\n    /* ==================== Atom: width ==================== */\n    .w1 { width: 1rem; } .w2 { width: 2rem; } .w3 { width: 4rem; }\n    .w4 { width: 8rem; } .w5 { width: 16rem; }\n    .w-10 { width: 10%; } .w-20 { width: 20%; } .w-25 { width: 25%; }\n    .w-30 { width: 30%; } .w-33 { width: 33%; } .w-34 { width: 34%; }\n    .w-40 { width: 40%; } .w-50 { width: 50%; } .w-60 { width: 60%; }\n    .w-70 { width: 70%; } .w-75 { width: 75%; } .w-80 { width: 80%; }\n    .w-90 { width: 90%; } .w-100 { width: 100%; }\n    .w-third { width: calc(100% / 3); }\n    .w-two-thirds { width: calc(100% / 1.5); }\n    .w-auto { width: auto; }\n\n    /* ==================== Atom: text-align ==================== */\n    .tl { text-align: left; } .tr { text-align: right; }\n    .tc { text-align: center; } .tj { text-align: justify; }\n\n    /* ==================== Atom: overflow ==================== */\n    .overflow-visible { overflow: visible; }\n    .overflow-hidden { overflow: hidden; }\n    .overflow-scroll { overflow: scroll; }\n    .overflow-auto { overflow: auto; }\n    .overflow-x-visible { overflow-x: visible; }\n    .overflow-x-hidden { overflow-x: hidden; }\n    .overflow-x-scroll { overflow-x: scroll; }\n    .overflow-x-auto { overflow-x: auto; }\n    .overflow-y-visible { overflow-y: visible; }\n    .overflow-y-hidden { overflow-y: hidden; }\n    .overflow-y-scroll { overflow-y: scroll; }\n    .overflow-y-auto { overflow-y: auto; }\n\n    /* ==================== Atom: position ==================== */\n    .static { position: static; }\n    .relative { position: relative; }\n    .absolute { position: absolute; }\n    .fixed { position: fixed; }\n\n    /* ==================== Atom: opacity ==================== */\n    .o-100 { opacity: 1; } .o-90 { opacity: 0.9; } .o-80 { opacity: 0.8; }\n    .o-70 { opacity: 0.7; } .o-60 { opacity: 0.6; } .o-50 { opacity: 0.5; }\n    .o-40 { opacity: 0.4; } .o-30 { opacity: 0.3; } .o-20 { opacity: 0.2; }\n    .o-10 { opacity: 0.1; } .o-05 { opacity: 0.05; } .o-025 { opacity: 0.025; }\n    .o-0 { opacity: 0; }\n\n    /* ==================== Atom: padding ==================== */\n    .pa0 { padding: 0; } .pa1 { padding: 0.25rem; } .pa2 { padding: 0.5rem; }\n    .pa3 { padding: 1rem; } .pa4 { padding: 2rem; } .pa5 { padding: 4rem; }\n    .pa6 { padding: 8rem; } .pa7 { padding: 16rem; }\n    .pl0 { padding-left: 0; } .pl1 { padding-left: 0.25rem; } .pl2 { padding-left: 0.5rem; }\n    .pl3 { padding-left: 1rem; } .pl4 { padding-left: 2rem; } .pl5 { padding-left: 4rem; }\n    .pl6 { padding-left: 8rem; } .pl7 { padding-left: 16rem; }\n    .pr0 { padding-right: 0; } .pr1 { padding-right: 0.25rem; } .pr2 { padding-right: 0.5rem; }\n    .pr3 { padding-right: 1rem; } .pr4 { padding-right: 2rem; } .pr5 { padding-right: 4rem; }\n    .pr6 { padding-right: 8rem; } .pr7 { padding-right: 16rem; }\n    .pb0 { padding-bottom: 0; } .pb1 { padding-bottom: 0.25rem; } .pb2 { padding-bottom: 0.5rem; }\n    .pb3 { padding-bottom: 1rem; } .pb4 { padding-bottom: 2rem; } .pb5 { padding-bottom: 4rem; }\n    .pb6 { padding-bottom: 8rem; } .pb7 { padding-bottom: 16rem; }\n    .pt0 { padding-top: 0; } .pt1 { padding-top: 0.25rem; } .pt2 { padding-top: 0.5rem; }\n    .pt3 { padding-top: 1rem; } .pt4 { padding-top: 2rem; } .pt5 { padding-top: 4rem; }\n    .pt6 { padding-top: 8rem; } .pt7 { padding-top: 16rem; }\n    .pv0 { padding-top: 0; padding-bottom: 0; }\n    .pv1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }\n    .pv2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }\n    .pv3 { padding-top: 1rem; padding-bottom: 1rem; }\n    .pv4 { padding-top: 2rem; padding-bottom: 2rem; }\n    .pv5 { padding-top: 4rem; padding-bottom: 4rem; }\n    .pv6 { padding-top: 8rem; padding-bottom: 8rem; }\n    .pv7 { padding-top: 16rem; padding-bottom: 16rem; }\n    .ph0 { padding-left: 0; padding-right: 0; }\n    .ph1 { padding-left: 0.25rem; padding-right: 0.25rem; }\n    .ph2 { padding-left: 0.5rem; padding-right: 0.5rem; }\n    .ph3 { padding-left: 1rem; padding-right: 1rem; }\n    .ph4 { padding-left: 2rem; padding-right: 2rem; }\n    .ph5 { padding-left: 4rem; padding-right: 4rem; }\n    .ph6 { padding-left: 8rem; padding-right: 8rem; }\n    .ph7 { padding-left: 16rem; padding-right: 16rem; }\n\n    /* ==================== Atom: margin ==================== */\n    .ma0 { margin: 0; } .ma1 { margin: 0.25rem; } .ma2 { margin: 0.5rem; }\n    .ma3 { margin: 1rem; } .ma4 { margin: 2rem; } .ma5 { margin: 4rem; }\n    .ma6 { margin: 8rem; } .ma7 { margin: 16rem; }\n    .ml0 { margin-left: 0; } .ml1 { margin-left: 0.25rem; } .ml2 { margin-left: 0.5rem; }\n    .ml3 { margin-left: 1rem; } .ml4 { margin-left: 2rem; } .ml5 { margin-left: 4rem; }\n    .ml6 { margin-left: 8rem; } .ml7 { margin-left: 16rem; }\n    .mr0 { margin-right: 0; } .mr1 { margin-right: 0.25rem; } .mr2 { margin-right: 0.5rem; }\n    .mr3 { margin-right: 1rem; } .mr4 { margin-right: 2rem; } .mr5 { margin-right: 4rem; }\n    .mr6 { margin-right: 8rem; } .mr7 { margin-right: 16rem; }\n    .mb0 { margin-bottom: 0; } .mb1 { margin-bottom: 0.25rem; } .mb2 { margin-bottom: 0.5rem; }\n    .mb3 { margin-bottom: 1rem; } .mb4 { margin-bottom: 2rem; } .mb5 { margin-bottom: 4rem; }\n    .mb6 { margin-bottom: 8rem; } .mb7 { margin-bottom: 16rem; }\n    .mt0 { margin-top: 0; } .mt1 { margin-top: 0.25rem; } .mt2 { margin-top: 0.5rem; }\n    .mt3 { margin-top: 1rem; } .mt4 { margin-top: 2rem; } .mt5 { margin-top: 4rem; }\n    .mt6 { margin-top: 8rem; } .mt7 { margin-top: 16rem; }\n    .mv0 { margin-top: 0; margin-bottom: 0; }\n    .mv1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }\n    .mv2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }\n    .mv3 { margin-top: 1rem; margin-bottom: 1rem; }\n    .mv4 { margin-top: 2rem; margin-bottom: 2rem; }\n    .mv5 { margin-top: 4rem; margin-bottom: 4rem; }\n    .mv6 { margin-top: 8rem; margin-bottom: 8rem; }\n    .mv7 { margin-top: 16rem; margin-bottom: 16rem; }\n    .mh0 { margin-left: 0; margin-right: 0; }\n    .mh1 { margin-left: 0.25rem; margin-right: 0.25rem; }\n    .mh2 { margin-left: 0.5rem; margin-right: 0.5rem; }\n    .mh3 { margin-left: 1rem; margin-right: 1rem; }\n    .mh4 { margin-left: 2rem; margin-right: 2rem; }\n    .mh5 { margin-left: 4rem; margin-right: 4rem; }\n    .mh6 { margin-left: 8rem; margin-right: 8rem; }\n    .mh7 { margin-left: 16rem; margin-right: 16rem; }\n\n    /* ==================== Atom: misc ==================== */\n    .red { color: #f54a45; }\n    .blue { color: #3370ff; }\n    .f7 { font-size: 0.75rem; }\n\n    .debug * { outline: 1px solid gold; }\n    .debug-white * { outline: 1px solid white; }\n    .debug-black * { outline: 1px solid black; }\n    .debug-grid {\n      background: transparent\n        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=)\n        repeat top left;\n    }\n\n    .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n    .bg-white { background-color: ", "; }\n    .pointer:hover { cursor: pointer; }\n    .link { color: #3370ff; font-size: ", "px; }\n    .link:hover { color: #245bdb; font-size: ", "px; }\n\n    @media screen and (min-width: 60em) {\n      .w5-l { width: 16rem; }\n    }\n\n    /* ==================== Edit Mode ==================== */\n    .fr-set {\n      padding: 8px 12px;\n      margin-bottom: 8px;\n      border-radius: 6px;\n    }\n\n    .fr-field {\n      margin-bottom: 12px;\n    }\n\n    .fr-label {\n      display: block;\n      margin-bottom: 4px;\n    }\n\n    .fr-label-title {\n      display: inline-flex;\n      color: #1f2329;\n      font-size: 13px;\n      font-weight: 500;\n      min-height: 22px;\n      line-height: 22px;\n    }\n\n    .fr-label-required {\n      margin: 1px 4px 0 0;\n      color: #f54a45;\n      font-size: 13px;\n      font-family: SimSun, sans-serif;\n    }\n\n    .fr-label-title::after {\n      content: '';\n      margin: 0;\n    }\n\n    /* Object \u5BB9\u5668 \u2014 \u8BBE\u8BA1\u9762\u677F\u5185\u900F\u660E\u3001\u7D27\u51D1\uFF1B\u753B\u5E03\u5185\u4ECD\u8F7B\u91CF\u5361\u7247 */\n    .fr-field-object-titled {\n      background: transparent;\n      border-radius: 0;\n      padding: 0;\n      margin-bottom: 0;\n    }\n\n    .fr-label-object .fr-label-title {\n      font-size: 12px;\n      font-weight: 500;\n      color: #1f2329;\n    }\n\n    /* \u753B\u5E03\u9884\u89C8\u6001\u4E0B\u4FDD\u7559\u5361\u7247\u89C6\u89C9 */\n    .dnd-container .fr-field-object-titled {\n      background: #f5f6f7;\n      border-radius: 8px;\n      padding: 12px;\n      margin-bottom: 12px;\n    }\n    .dnd-container .fr-label-object .fr-label-title {\n      font-size: 14px;\n    }\n\n    .fr-desc {\n      margin-top: 2px;\n      font-size: 11px;\n      word-break: break-all;\n      color: #8f959e;\n    }\n\n    .fr-validate {\n      margin-left: 8px;\n      font-size: 11px;\n      word-break: break-all;\n      color: #f54a45;\n    }\n\n    /* Row */\n    .fr-validate-row {\n      margin: 3px 0 0 0;\n    }\n\n    .fr-label-row {\n      text-align: left;\n      flex-shrink: 0;\n    }\n\n    .fr-field-row .fr-content {\n      flex: 1;\n      position: relative;\n    }\n\n    .fr-field-row .fr-tooltip-icon {\n      margin: 3px 2px 0 0;\n    }\n\n    /* \u6240\u6709\u63A7\u4EF6\u5360\u6EE1\u5BBD\u5EA6 */\n    .fr-content {\n      width: 100%;\n    }\n\n    .ant-select,\n    .ant-input,\n    .ant-input-number,\n    .ant-picker,\n    .ant-cascader,\n    .ant-radio-group,\n    .ant-checkbox-group {\n      width: 100%;\n    }\n\n    /* \u8F93\u5165\u6846\u7EDF\u4E00\u98DE\u4E66\u5706\u89D2 */\n    .ant-input,\n    .ant-select-selector,\n    .ant-input-number,\n    .ant-picker {\n      border-radius: 6px !important;\n      border-color: #dee0e3 !important;\n    }\n\n    .ant-input:hover,\n    .ant-select-selector:hover,\n    .ant-input-number:hover {\n      border-color: #3370ff !important;\n    }\n\n    .ant-input:focus,\n    .ant-input-focused {\n      border-color: #3370ff !important;\n      box-shadow: 0 0 0 2px rgba(51, 112, 255, 0.1) !important;\n    }\n\n    /* Component inner styles */\n    .fr-color-picker {\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      color: ", ";\n    }\n\n    .fr-color-picker .rc-color-picker-trigger {\n      margin-right: 12px;\n      height: 30px;\n      width: 60px;\n      border: 1px solid ", ";\n    }\n\n    .fr-color-picker > p {\n      margin: 0;\n      font-size: ", "px;\n      line-height: 28px;\n    }\n\n    .fr-color-picker .rc-color-picker-wrap {\n      display: flex;\n    }\n\n    .next-input,\n    .next-number-picker {\n      width: 100%;\n    }\n\n    .upload-img {\n      max-width: 200px;\n      max-height: 200px;\n      margin-right: 24px;\n    }\n\n    .fr-preview-image {\n      width: 160px;\n    }\n\n    .fr-preview {\n      position: relative;\n      cursor: pointer;\n    }\n\n    .fr-upload-mod,\n    .fr-upload-file {\n      display: flex;\n    }\n    .fr-upload-mod {\n      align-items: center;\n    }\n    .fr-upload-mod .fr-upload-preview {\n      margin: 0 12px;\n    }\n    .fr-upload-file .ant-upload-list-item {\n      margin: 5px 0 0 8px;\n    }\n    .fr-upload-file .ant-upload-list-item-name {\n      margin-right: 6px;\n    }\n    .fr-upload-file .ant-upload-list-item-info {\n      cursor: pointer;\n    }\n\n    .fr-sort-help-class {\n      background: ", ";\n    }\n\n    /* Other styles */\n    .fold-icon.fold-icon-active {\n      transform: rotate(0deg);\n    }\n\n    .fold-icon {\n      transform: rotate(-90deg);\n      transition: transform 0.24s;\n      cursor: pointer;\n      position: relative;\n    }\n\n    .fold-icon::after {\n      content: '';\n      position: absolute;\n      top: -20px;\n      right: -10px;\n      bottom: -5px;\n      left: -20px;\n    }\n\n    .fr-tooltip-toggle {\n      cursor: pointer;\n      position: relative;\n    }\n\n    .fr-tooltip-toggle:hover .fr-tooltip-container {\n      opacity: 1;\n      visibility: visible;\n    }\n\n    .fr-tooltip-icon {\n      height: 14px;\n      width: 14px;\n      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEnUlEQVR42u1bS0iUURT+zd4Y9KDosSihNhYUaBE9YKpFDKKOOmOLahtJ2SoxA2fUdUoQJK5qU0ib6LlxUYJpkY0LE3tQZkU7y7A0e1jnA4Of8pz//5773/+BF44Oc+/c853v3nOf5xpup0QiMZ9kD8mxeDzeTHKXPveSvKXP3+j/GP1/h++QhzIoW1ZWthu/NYKYysvLN5EhKZJ7ZMQEye8ZyjjJfZIk6vS10YWFhcvI4FoC2wfwLkkf6aiBLt8YHovFNhCoFnRlgNQkY9BJbrLeS9uzqFueYAzXJV9ITgKLVsvBPCnuAAifSIe23kBd7zApHHUI8D3JBfptFUlialbYSJIDweep7+Iog7L4jUMdn4HNzeksmxRcdgColyRZWlq6NQOd21AH6rKrFxiBVanxxcXFS6jSdpsAHtLYUODC1FqAum0S0Q7Mqlp+ESlO2zD8DUmJBhcsgS4bJDwBdhUKb1ko+kll6qLR6AJDU4IuuAZ0W2C7kWnrJy1a/QONvjsNjxLp32VjsEzO1OcOkoJJoeJuGuBWGB4nYCCcD4RGmiSJOm35PIup7kokEplr+CQBCzAJeEeJqC22V3jE2IBQWVd+fv48w2cJmAhbp4C7H7bZaf1KoZJBbET8vCEDRgF/pdXGZim1/ifGl344WtTIJJ//B+ggts+K6t4BrAwBH2GjNKo2CuxVqzJeGLDqFemoFnQ0sq0vDHyP4D+KwI1ILqZqpyqsGmFjznStX8tNIzQlbjYUJasVnCo9wAzsjE1npyPgFQPqJvKDRYC8ioWt/200BFD7FRMwIu0nFBNwgNMFm80Fz0mAFIOqVz4IyoS/ZvQ1mQv1MYBqkO8GCSDXTDRjvAoCznAHrH/X0qu4FqE99Voj2AkErOPsg+3w/wqmwDMjHAkkPGdsPITMBqb7t4SFANjCjTkgoI0ZJY+Hwnp5f9MGdtIMOxF35n1ZXDrG38fYmDa48zWcs4eFANxesUtv+jPMZC4PCwE4NWL0DRvcehkHjyEhACdGCxl9vwBwggEyxw0wXhCAOANG34TsAi4k37kA/RliMnND1ANyGX1DGAMe89Og+uSjaRDSAwKucgeIYSEAcQzc8T4ISDGZrSFygVaml6dAQILJfBEiAl4yy/0KZK6WtsMBJwD+v0bcDk/tlp4yveB0cAmQj8hhs7lQE1NoIAQEPGdsazZ3k+3SoahOAvQfisoDBeR2QAmArjvcsbi2i5FMQ+Ay0Jvn6GIE10VWV2MBIiALmKWrMfFylJsRgkIAsAp1NojX47hCZn74HdfjficAAzp3PY6rf9g4GyBhw3/6Axoi0yW48IDtcQwBRVIUOHaQfguSAiYpvB42Od1Cxiz8s5tkpdfGAwOwSFhhy0xXUnV+DpSEbmCwwFiXKcPXbYTKpnSHykIndFsYf01JsDRJTxCDpUGU7nB5SKcfwuWLiooWK38wQXLJwcOFtIoHE/Bh5v6SE2DMdvNN4BE3nszQ93szfTJDclTbU7lAP5pSGIxY5eWzOdL/lXrkKW6Fp7M3XPTi4SR0zz6dnX087fOEq2k8hTc/nydJm57Pj3v5fP4PSqRR6oYkTaUAAAAASUVORK5CYII=');\n      background-size: cover;\n      display: block;\n      margin: 4px 0 0 4px;\n    }\n\n    .fr-tooltip-container {\n      position: absolute;\n      width: 160px;\n      left: 50%;\n      white-space: initial !important;\n      bottom: 30px;\n      text-align: center;\n      background: #2b222a;\n      padding: 4px;\n      margin-left: -77px;\n      border-radius: ", "px;\n      color: #efefef;\n      font-size: 13px;\n      cursor: auto;\n      z-index: 99999;\n      transition: all 0.5s ease;\n      opacity: 0;\n      visibility: hidden;\n      word-wrap: break-word;\n    }\n\n    .fr-tooltip-triangle {\n      position: absolute;\n      left: 50%;\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-top: 5px solid #2b222a;\n      transition: all 0.5s ease;\n      content: ' ';\n      font-size: 0;\n      line-height: 0;\n      margin-left: -5px;\n      width: 0;\n      bottom: -5px;\n    }\n\n    .fr-tooltip-toggle::before,\n    .fr-tooltip-toggle::after {\n      color: #efefef;\n      font-size: 13px;\n      opacity: 0;\n      pointer-events: none;\n      text-align: center;\n    }\n\n    .fr-tooltip-toggle:focus::before,\n    .fr-tooltip-toggle:focus::after,\n    .fr-tooltip-toggle:hover::before,\n    .fr-tooltip-toggle:hover::after {\n      opacity: 1;\n      transition: all 0.75s ease;\n    }\n\n    .fr-slider {\n      display: flex;\n      width: 100%;\n      align-items: center;\n      gap: 8px;\n\n      .ant-slider {\n        flex: 1;\n        margin: 0 !important;       /* \u53BB\u6389\u9ED8\u8BA4\u4E0A\u4E0B 6px \u6491\u9AD8 */\n      }\n\n      .ant-input-number {\n        width: 64px !important;     /* 80 \u2192 64\uFF0C\u5339\u914D\u7D27\u51D1\u5217\u5BBD */\n        flex-shrink: 0;\n      }\n    }\n\n    .fr-map {\n      display: flex;\n      flex-wrap: wrap;\n    }\n\n    /* Checkbox \u5E03\u5C40\u4FEE\u590D \u2014 \u7D27\u51D1\u5355\u884C */\n    .fr-field.flex.flex-row-reverse {\n      gap: 6px;\n      min-height: 24px;\n\n      .fr-label {\n        margin-bottom: 0;\n        flex-shrink: 0;\n      }\n\n      .fr-label-title {\n        font-weight: 400 !important;\n        font-size: 12px !important;\n        white-space: nowrap;\n      }\n\n      .fr-content {\n        width: auto;\n        flex-shrink: 0;\n        flex-grow: 0;\n      }\n    }\n\n    /* ==================== Options List ==================== */\n    .fr-list-1 {\n      .fr-field.fr-field-object {\n        flex: 1;\n      }\n      .fr-field.fr-field-inline > div:first-child {\n        display: none;\n      }\n    }\n    .frg-options-input {\n      &:first-child {\n        margin-right: 6px;\n      }\n      .fr-content.fr-content-inline {\n        max-width: 96px;\n        min-width: 96px;\n      }\n    }\n  "])), token.borderRadiusSM, token.borderRadius, token.borderRadiusLG, token.colorBgContainer, token.fontSize, token.fontSize, token.colorTextSecondary, token.colorBorder, token.fontSize, token.colorBgContainer, token.borderRadius)
+  };
+});

package/dist/FormDesigner/transformer/form-render.d.ts

@@ -0,0 +1,2 @@
+export declare const fromSetting: (schema: any) => any;
+export declare const toSetting: (schema: any) => any;

package/dist/FormDesigner/transformer/form-render.js

@@ -0,0 +1,82 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/* eslint-disable @typescript-eslint/no-use-before-define -- schema transformers are mutually recursive */
+import { getChildren2 } from "../utils";
+
+// Setting Schema => FR Schema
+function transformFrom(schema) {
+  var isObj = schema.type === 'object' && schema.properties;
+  var isList = schema.type === 'array' && schema.items && schema.items.properties;
+  var hasChildren = isObj || isList;
+  if (!hasChildren) {
+    if (Array.isArray(schema.enumList)) {
+      schema.enum = schema.enumList.filter(function (item) {
+        return item.value;
+      }).map(function (item) {
+        return item.value;
+      });
+      schema.enumNames = schema.enumList.filter(function (item) {
+        return item.value;
+      }).map(function (item) {
+        return item.label || item.value;
+      });
+    }
+    delete schema.enumList;
+  } else {
+    var childrenList = getChildren2(schema);
+    childrenList.forEach(function (item) {
+      if (isObj) {
+        schema.properties[item.name] = transformTo(_objectSpread({}, item.schema));
+      }
+      if (isList) {
+        schema.items.properties[item.name] = transformTo(_objectSpread({}, item.schema));
+      }
+    });
+  }
+  return schema;
+}
+export var fromSetting = function fromSetting(schema) {
+  return transformFrom(_objectSpread({}, schema));
+};
+
+// FR Schema => Setting Schema
+function transformTo(schema) {
+  var isObj = schema.type === 'object' && schema.properties;
+  var isList = schema.type === 'array' && schema.items && schema.items.properties;
+  var hasChildren = isObj || isList;
+  if (!hasChildren) {
+    if (Array.isArray(schema.enum) && Array.isArray(schema.enumNames)) {
+      var _schema$props;
+      var list = schema.enum.map(function (item, idx) {
+        return {
+          value: item,
+          label: schema.enumNames[idx]
+        };
+      });
+      schema.enumList = list;
+      if (!Array.isArray((_schema$props = schema.props) === null || _schema$props === void 0 ? void 0 : _schema$props.options)) {
+        schema.props = _objectSpread(_objectSpread({}, schema.props || {}), {}, {
+          options: list
+        });
+      }
+    }
+  } else {
+    var childrenList = getChildren2(schema);
+    childrenList.forEach(function (item) {
+      if (isObj) {
+        schema.properties[item.name] = transformFrom(_objectSpread({}, item.schema));
+      }
+      if (isList) {
+        schema.items.properties[item.name] = transformFrom(_objectSpread({}, item.schema));
+      }
+    });
+  }
+  return schema;
+}
+export var toSetting = function toSetting(schema) {
+  return transformTo(_objectSpread({}, schema));
+};

package/dist/FormDesigner/types.d.ts

@@ -0,0 +1,108 @@
+import { FC, ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+export interface Transformer {
+    /** 正向的转换函数 */
+    from?: (schema: any) => any;
+    /** 反向的转换函数 */
+    to?: (schema: any) => any;
+    /** 反向的转换函数 */
+    fromSetting?: (schema: any) => any;
+    /** 反向的转换函数 */
+    toSetting?: (schema: any) => any;
+}
+export interface ExtraButton {
+    /** 按钮文案 */
+    text: string;
+    /** 点击回调 */
+    onClick?: (event: any) => void;
+    [key: string]: any;
+}
+export interface ControlButton {
+    /** 按钮文案 */
+    text?: string;
+    /** 点击回调 */
+    onClick?: (event: any, schema: any) => void;
+}
+export interface SettingWidget {
+    /** 按钮生成的 schema 的 key 值 */
+    name: string;
+    /** 在左侧栏按钮展示文案 */
+    text: string;
+    /** 在左侧栏按钮展示图标 */
+    icon?: string | ReactNode;
+    /** 如果是基本组件，这个字段注明它对应的 widgets */
+    widget?: string;
+    /** 组件对应的 schema 片段 */
+    schema?: any;
+    /** 组件的配置信息，使用 form-render 的 schema 来描述 */
+    setting?: any;
+}
+export interface Setting {
+    /** 最外层的分组名称 */
+    title: string;
+    /** 每个组件的配置，在左侧栏是一个按钮 */
+    widgets: SettingWidget[];
+    show?: boolean;
+    useCommon?: boolean;
+}
+export interface FRGeneratorProps {
+    getId?: (name: string) => string;
+    /** 国际化配置 */
+    locale?: 'cn' | 'en';
+    /** 隐藏组件 ID */
+    hideId?: boolean;
+    /** 固定 id */
+    fixedName?: boolean;
+    /** 组件删除控制 */
+    canDelete?: boolean | ((...args: any[]) => any);
+    /** 默认一进入编辑器展示的表单对应的 schema */
+    defaultValue?: any;
+    /** 自定义 schema 到 form-render 的 schema 的双向转换函数 */
+    transformer?: Transformer;
+    /** 编辑区顶部的自定义按钮 */
+    extraButtons?: (ExtraButton | boolean | string)[];
+    /** 选中项操作按钮 */
+    controlButtons?: (ControlButton | boolean | ((...args: any[]) => any))[];
+    /** 预览态控制 */
+    preview?: boolean;
+    /** 左右侧栏配置 */
+    settings?: Setting[];
+    /** 通用配置 */
+    commonSettings?: any;
+    /** 全局配置 */
+    globalSettings?: any;
+    /** 自定义组件 */
+    widgets?: any;
+    /** 配置栏自定义组件 */
+    settingsWidgets?: any;
+    /** 组件和 schema 的映射规则 */
+    mapping?: any;
+    /** 配置表单校验 */
+    validation?: boolean;
+    fieldRender?: (schema?: any, widgetProps?: any, children?: ReactNode, originNode?: ReactNode) => ReactNode;
+    fieldWrapperRender?: (schema?: any, isSelected?: boolean, children?: ReactNode, originNode?: ReactNode) => ReactNode;
+    elementRender?: (schema?: any, widgetProps?: SettingWidget, originNode?: ReactNode) => ReactNode;
+    /** 表单 data 变化回调 */
+    onChange?: (data: any) => void;
+    /** 表单 schema 变化回调 */
+    onSchemaChange?: (schema: any) => void;
+    /** 画布组件选择回调 */
+    onCanvasSelect?: (schema: any) => void;
+}
+export interface SettingsProps {
+    /** 自定义组件 */
+    widgets?: any;
+}
+export interface CanvasProps {
+    /** 画布组件选择回调 */
+    onCanvasSelect?: (schema: any) => void;
+}
+export interface SidebarProps {
+    /** 固定 id */
+    fixedName?: boolean;
+}
+export interface Generator extends ForwardRefExoticComponent<FRGeneratorProps & RefAttributes<HTMLElement>> {
+    Provider: FC<FRGeneratorProps>;
+    Settings: FC<SettingsProps>;
+    Canvas: FC<CanvasProps>;
+    Sidebar: FC<SidebarProps>;
+}

package/dist/FormDesigner/types.js

@@ -0,0 +1 @@
+export {};

package/dist/FormDesigner/utils/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Ctx: import("react").Context<any>;
+export declare const StoreCtx: import("react").Context<any>;

package/dist/FormDesigner/utils/context.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export var Ctx = /*#__PURE__*/createContext(function () {});
+export var StoreCtx = /*#__PURE__*/createContext({});

package/dist/FormDesigner/utils/hooks.d.ts

@@ -0,0 +1,3 @@
+export declare const useGlobal: () => any;
+export declare const useStore: () => any;
+export declare const useSet: (initState: any) => readonly [any, (state: any, _actionName?: string) => void];

package/dist/FormDesigner/utils/hooks.js

@@ -0,0 +1,48 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useContext, useReducer } from 'react';
+import { Ctx, StoreCtx } from "./context";
+
+// 使用最顶层组件的 setState
+export var useGlobal = function useGlobal() {
+  return useContext(Ctx);
+};
+
+// 组件最顶层传入的所有props
+export var useStore = function useStore() {
+  return useContext(StoreCtx);
+};
+
+// 类似于 class component 的 setState
+export var useSet = function useSet(initState) {
+  var _useReducer = useReducer(function (state, newState) {
+      var action = newState;
+      if (typeof newState === 'function') {
+        action = action(state);
+      }
+      if (newState.action && newState.payload) {
+        action = newState.payload;
+        if (typeof action === 'function') {
+          action = action(state);
+        }
+      }
+      return _objectSpread(_objectSpread({}, state), action);
+    }, initState),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    setState = _useReducer2[1];
+  var setStateWithActionName = function setStateWithActionName(state, _actionName) {
+    setState(state);
+  };
+  return [state, setStateWithActionName];
+};

package/dist/FormDesigner/utils/idUtils.d.ts

@@ -0,0 +1,2 @@
+export declare const getKeyFromUniqueId: (uniqueId?: string) => string;
+export declare const changeKeyFromUniqueId: (uniqueId?: string, key?: string | number) => string;

package/dist/FormDesigner/utils/idUtils.js

@@ -0,0 +1,14 @@
+export var getKeyFromUniqueId = function getKeyFromUniqueId() {
+  var uniqueId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#';
+  var arr = uniqueId.split('/');
+  return arr[arr.length - 1];
+};
+export var changeKeyFromUniqueId = function changeKeyFromUniqueId() {
+  var uniqueId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#';
+  var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'something';
+  var arr = uniqueId.split('/');
+  if (typeof key === 'string' || typeof key === 'number') {
+    arr[arr.length - 1] = String(key);
+  }
+  return arr.join('/');
+};

package/dist/FormDesigner/utils/index.d.ts

@@ -0,0 +1,51 @@
+export declare const isObject: (a: any) => boolean;
+export declare function isLooselyNumber(num: any): boolean;
+export declare function isCssLength(str: any): false | RegExpMatchArray | null;
+export declare function isDeepEqual(param1: any, param2: any): boolean;
+export declare function combineSchema(propsSchema?: any, uiSchema?: any): any;
+export declare function isFunction(func: any): boolean | string;
+export declare function isFunctionSchema(schema: any): boolean;
+export declare function flattenSchema(schema: any, name?: string, parent?: string, result?: any): any;
+export declare const getKeyFromUniqueId: (uniqueId?: string) => string;
+export declare const changeKeyFromUniqueId: (uniqueId?: string, key?: string | number) => string;
+export declare function idToSchema(flatten: any, id?: string, final?: boolean): any;
+export declare const copyItem: (flatten: any, $id: string, getId: (id: string) => string) => any[];
+export declare const addItem: ({ selected, name, schema, flatten, fixedName, getId, }: {
+    selected: string;
+    name: string;
+    schema: any;
+    flatten: any;
+    fixedName?: boolean | undefined;
+    getId: (name: string) => string;
+}) => {
+    newId: string;
+    newFlatten: any;
+};
+export declare const dropItem: ({ dragId, dragItem, dropId, position, flatten }: {
+    dragId: string;
+    dragItem: any;
+    dropId: string;
+    position: string;
+    flatten: any;
+}) => any[];
+export declare const dataToFlatten: (flatten: any, data: any) => any;
+export declare const flattenToData: (flatten: any, id?: string) => any;
+export declare const getParentProps: (propName: string, id: string, flatten: any) => any;
+export declare function looseJsonParse(obj: string): any;
+export declare function getChildren2(schema: any): {
+    schema: any;
+    name: string;
+}[];
+export declare function getDataById(object: any, path: any): any;
+export declare const oldSchemaToNew: (schema: any) => any;
+export declare const newSchemaToOld: (setting: any) => any;
+export declare const schemaToState: (value: any) => {
+    schema: any;
+    frProps: any;
+    formData: any;
+    isNewVersion: boolean;
+};
+export declare function defaultGetValueFromEvent(valuePropName: string, ...args: any[]): any;
+export declare const transformProps: (props: any) => any;
+export declare const mergeInOrder: (...args: any[]) => any;
+export declare const defaultGetId: (name: string) => string;