bm-admin-ui 1.0.74-alpha → 1.0.76-alpha

package/es/components/form-designer/index.js

@@ -1,11 +1,11 @@
 import { withInstall } from 'bm-admin-ui/es/utils/with-install';
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, computed, resolveComponent, normalizeClass, unref, createBlock, createCommentVNode, withCtx, createVNode, createTextVNode, withModifiers, ref, watch, createElementVNode, nextTick, Fragment, isRef, renderList, renderSlot, createStaticVNode, reactive, resolveDynamicComponent } from 'vue';
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, computed, resolveComponent, normalizeClass, unref, createBlock, createCommentVNode, withDirectives, createVNode, withCtx, createTextVNode, withModifiers, vShow, ref, watch, createElementVNode, nextTick, Fragment, isRef, renderList, renderSlot, createStaticVNode, reactive, resolveDynamicComponent } from 'vue';
 import uniqueId from 'bm-admin-ui/es/utils/uniqueId';
 import Draggable from 'vuedraggable';
 import { Tooltip, FormItemRest, Input, Button, RadioGroup, Radio, DatePicker, Checkbox, Tabs, TabPane, Row, Col, Dropdown, Menu, CheckboxGroup, MenuItem, Divider, Switch, Select, Layout, LayoutSider, LayoutContent, message } from 'ant-design-vue';
 import { HolderOutlined, EditOutlined, PlusOutlined, QuestionCircleOutlined, InfoCircleFilled, ExclamationCircleFilled } from '@ant-design/icons-vue';
 import { BmUpload } from 'bm-admin-ui/es/components';
-import { cloneDeep, merge } from 'lodash-es';
+import { cloneDeep } from 'lodash-es';
 import FC from '@form-create/ant-design-vue';
 
 var WidgetType;
@@ -113,8 +113,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           }
         }
       },
-      parentType: props.parentRule?.type,
-      childRules: props.parentRule?.config?.childRules
+      parentType: props.parentRule?.type
     }));
     function emitCopyEvt(rule, parentRule = void 0) {
       emits("copy", rule, parentRule);
@@ -185,8 +184,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           rule: __props.rule
         }, null, 8, ["rule"])),
         __props.rule.type !== unref(WidgetType).RowWidget && __props.rule.type !== unref(WidgetType).TableWidget ? (openBlock(), createElementBlock("div", _hoisted_1$f)) : createCommentVNode("v-if", true),
-        __props.rule.config.isHover || unref(isActive) ? (openBlock(), createBlock(_component_ARow, {
-          key: 3,
+        withDirectives(createVNode(_component_ARow, {
           class: "bm-drag-tool-btn",
           gutter: [16, 0]
         }, {
@@ -227,7 +225,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             })
           ]),
           _: 1
-        })) : createCommentVNode("v-if", true)
+        }, 512), [
+          [vShow, __props.rule.config.isHover || unref(isActive)]
+        ])
       ], 34);
     };
   }
@@ -278,8 +278,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     function handleClick(element) {
       emitSetActiveRuleEvt(element, rowRule.value);
     }
+    function emitAdd(rule, parentRule) {
+      emits("add", rule, parentRule);
+    }
     function handleRowWidgetAdd({ newIndex }) {
-      emits("add", childRules.value[newIndex], rowRule.value);
+      emitAdd(childRules.value[newIndex], rowRule.value);
     }
     function handleRowWidgetUpdate({ newIndex }) {
       const rule = childRules.value[newIndex];
@@ -297,6 +300,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     function handleWidgetInTableActive(rule, parentRule) {
       emitSetActiveRuleEvt(rule, parentRule);
     }
+    function handleWidgetAdd(rule, parentRule) {
+      emitAdd(rule, parentRule);
+    }
     return (_ctx, _cache) => {
       const _component_ACol = resolveComponent("ACol");
       return openBlock(), createElementBlock("div", _hoisted_1$d, [
@@ -336,7 +342,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                   onClick: withModifiers(($event) => handleClick(element), ["stop"]),
                   onCopy: handleCopy,
                   onDelete: handleDelete,
-                  onSetActiveRule: handleWidgetInTableActive
+                  onSetActiveRule: handleWidgetInTableActive,
+                  onWidgetAdd: handleWidgetAdd
                 }, null, 8, ["rule", "active-rule-field", "parent-rule", "onClick"]),
                 createVNode(DragPlaceholder)
               ]),
@@ -2075,7 +2082,9 @@ var table = {
                 on: {
                     change({ api, self }, list) {
                         nextTick(() => {
-                            api.validate();
+                            setTimeout(() => {
+                                api.validate();
+                            });
                         });
                     },
                     childRuleDelete({ api }, rule) {
@@ -3229,9 +3238,6 @@ var shop = {
     name: name$1,
     label: label$1,
     rule() {
-        console.log('---------------');
-        console.log(`第${i + 1}次添加店铺控件`);
-        console.log('---------------');
         return {
             type: 'Select',
             field: uniqueId(),
@@ -3978,18 +3984,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function handleFormItemClick(rule) {
       setActiveRule(rule);
     }
-    function makeChildRules(ruleList2) {
-      return ruleList2.map((rule) => makeRule(rule.config.config));
-    }
-    function handleFormItemCopy(rule, parentRule) {
-      const newRule = makeRule(rule.config.config);
-      const list = parentRule?.config?.childRules || widgetFormRules;
-      const index = list.findIndex((ruleItem) => ruleItem.field === rule.field);
-      if (rule.config.childRules?.length) {
-        newRule.config.childRules.push(...makeChildRules(rule.config.childRules));
+    function copyRule(rule, ruleConfig, ruleHost, isCopyChildRule = false) {
+      const newRule = makeRule(ruleConfig);
+      if (isCopyChildRule) {
+        ruleHost.push(newRule);
+      } else {
+        const index = ruleHost.findIndex(
+          (ruleItem) => ruleItem.field === rule.field
+        );
+        ruleHost.splice(index + 1, 0, newRule);
       }
-      list.splice(index + 1, 0, newRule);
       copyPropValue(rule, newRule);
+      if (rule?.config?.childRules?.length) {
+        rule.config.childRules.forEach((cRule) => {
+          const config = cRule?.config?.config || ruleList[cRule.name];
+          copyRule(cRule, config, newRule.config.childRules, true);
+        });
+      }
+      return newRule;
+    }
+    function handleFormItemCopy(rule, parentRule) {
+      const newRule = copyRule(
+        rule,
+        rule.config.config,
+        parentRule?.config?.childRules || widgetFormRules
+      );
       setActiveRule(newRule, parentRule);
     }
     function handleFormItemDelete(targetRule, parentRule) {
@@ -4080,11 +4099,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (field !== "config.childRules")
           setRulePropValue(field, cloneDeep(getValue(field, oldRule)), newRule);
       });
-      if (newRule.config.childRules?.length) {
-        newRule.config.childRules.forEach((rule, index) => {
-          copyPropValue(oldRule.config.childRules[index], rule);
-        });
-      }
     }
     function handleWidgetAdd(rule, parentRule) {
       dragAdd(rule, parentRule);
@@ -4127,29 +4141,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function edit(formRules) {
       widgetFormRules.splice(0);
-      formRules.forEach((item) => {
-        widgetFormRules.push(recursiveMakeRule(cloneDeep(item)));
-      });
-    }
-    function recursiveMakeRule(item) {
-      const rule = makeRule(ruleList[item.name]);
-      delete item.name;
-      if (item?.config?.childRules?.length) {
-        rule.config.childRules = item.config.childRules.map((childItem) => {
-          const childRule = recursiveMakeRule(childItem);
-          delete childItem.name;
-          return childRule;
-        });
-      }
-      merge(rule, item);
-      return rule;
+      formRules.forEach(
+        (item) => copyRule(item, ruleList[item.name], widgetFormRules, true)
+      );
     }
     function getRule(name) {
       return makeRule(ruleList[name]);
     }
-    function validate() {
+    function validate(rules = widgetFormRules) {
       let pass = true;
-      for (const rule of widgetFormRules) {
+      for (const rule of rules) {
         const config = rule.config.config || {};
         const childRules = rule.config.childRules || [];
         if (!rule?.title?.title && config.name !== "instruction") {
@@ -4166,11 +4167,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         if (pass && childRules.length) {
           for (const childRule of childRules) {
-            if (!childRule?.title?.title) {
+            if (!validate(childRules)) {
               pass = false;
-              if (childRule.field !== activeRule.value.field) {
-                setActiveRule(childRule, rule);
-              }
               break;
             }
           }

package/lib/components/form-designer/index.js

@@ -123,8 +123,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           }
         }
       },
-      parentType: props.parentRule?.type,
-      childRules: props.parentRule?.config?.childRules
+      parentType: props.parentRule?.type
     }));
     function emitCopyEvt(rule, parentRule = void 0) {
       emits("copy", rule, parentRule);
@@ -195,8 +194,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           rule: __props.rule
         }, null, 8, ["rule"])),
         __props.rule.type !== vue.unref(WidgetType).RowWidget && __props.rule.type !== vue.unref(WidgetType).TableWidget ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f)) : vue.createCommentVNode("v-if", true),
-        __props.rule.config.isHover || vue.unref(isActive) ? (vue.openBlock(), vue.createBlock(_component_ARow, {
-          key: 3,
+        vue.withDirectives(vue.createVNode(_component_ARow, {
           class: "bm-drag-tool-btn",
           gutter: [16, 0]
         }, {
@@ -237,7 +235,9 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             })
           ]),
           _: 1
-        })) : vue.createCommentVNode("v-if", true)
+        }, 512), [
+          [vue.vShow, __props.rule.config.isHover || vue.unref(isActive)]
+        ])
       ], 34);
     };
   }
@@ -288,8 +288,11 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     function handleClick(element) {
       emitSetActiveRuleEvt(element, rowRule.value);
     }
+    function emitAdd(rule, parentRule) {
+      emits("add", rule, parentRule);
+    }
     function handleRowWidgetAdd({ newIndex }) {
-      emits("add", childRules.value[newIndex], rowRule.value);
+      emitAdd(childRules.value[newIndex], rowRule.value);
     }
     function handleRowWidgetUpdate({ newIndex }) {
       const rule = childRules.value[newIndex];
@@ -307,6 +310,9 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     function handleWidgetInTableActive(rule, parentRule) {
       emitSetActiveRuleEvt(rule, parentRule);
     }
+    function handleWidgetAdd(rule, parentRule) {
+      emitAdd(rule, parentRule);
+    }
     return (_ctx, _cache) => {
       const _component_ACol = vue.resolveComponent("ACol");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
@@ -346,7 +352,8 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                   onClick: vue.withModifiers(($event) => handleClick(element), ["stop"]),
                   onCopy: handleCopy,
                   onDelete: handleDelete,
-                  onSetActiveRule: handleWidgetInTableActive
+                  onSetActiveRule: handleWidgetInTableActive,
+                  onWidgetAdd: handleWidgetAdd
                 }, null, 8, ["rule", "active-rule-field", "parent-rule", "onClick"]),
                 vue.createVNode(DragPlaceholder)
               ]),
@@ -2085,7 +2092,9 @@ var table = {
                 on: {
                     change({ api, self }, list) {
                         vue.nextTick(() => {
-                            api.validate();
+                            setTimeout(() => {
+                                api.validate();
+                            });
                         });
                     },
                     childRuleDelete({ api }, rule) {
@@ -3239,9 +3248,6 @@ var shop = {
     name: name$1,
     label: label$1,
     rule() {
-        console.log('---------------');
-        console.log(`第${i + 1}次添加店铺控件`);
-        console.log('---------------');
         return {
             type: 'Select',
             field: uniqueId__default["default"](),
@@ -3988,18 +3994,31 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function handleFormItemClick(rule) {
       setActiveRule(rule);
     }
-    function makeChildRules(ruleList2) {
-      return ruleList2.map((rule) => makeRule(rule.config.config));
-    }
-    function handleFormItemCopy(rule, parentRule) {
-      const newRule = makeRule(rule.config.config);
-      const list = parentRule?.config?.childRules || widgetFormRules;
-      const index = list.findIndex((ruleItem) => ruleItem.field === rule.field);
-      if (rule.config.childRules?.length) {
-        newRule.config.childRules.push(...makeChildRules(rule.config.childRules));
+    function copyRule(rule, ruleConfig, ruleHost, isCopyChildRule = false) {
+      const newRule = makeRule(ruleConfig);
+      if (isCopyChildRule) {
+        ruleHost.push(newRule);
+      } else {
+        const index = ruleHost.findIndex(
+          (ruleItem) => ruleItem.field === rule.field
+        );
+        ruleHost.splice(index + 1, 0, newRule);
       }
-      list.splice(index + 1, 0, newRule);
       copyPropValue(rule, newRule);
+      if (rule?.config?.childRules?.length) {
+        rule.config.childRules.forEach((cRule) => {
+          const config = cRule?.config?.config || ruleList[cRule.name];
+          copyRule(cRule, config, newRule.config.childRules, true);
+        });
+      }
+      return newRule;
+    }
+    function handleFormItemCopy(rule, parentRule) {
+      const newRule = copyRule(
+        rule,
+        rule.config.config,
+        parentRule?.config?.childRules || widgetFormRules
+      );
       setActiveRule(newRule, parentRule);
     }
     function handleFormItemDelete(targetRule, parentRule) {
@@ -4090,11 +4109,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         if (field !== "config.childRules")
           setRulePropValue(field, lodashEs.cloneDeep(getValue(field, oldRule)), newRule);
       });
-      if (newRule.config.childRules?.length) {
-        newRule.config.childRules.forEach((rule, index) => {
-          copyPropValue(oldRule.config.childRules[index], rule);
-        });
-      }
     }
     function handleWidgetAdd(rule, parentRule) {
       dragAdd(rule, parentRule);
@@ -4137,29 +4151,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     function edit(formRules) {
       widgetFormRules.splice(0);
-      formRules.forEach((item) => {
-        widgetFormRules.push(recursiveMakeRule(lodashEs.cloneDeep(item)));
-      });
-    }
-    function recursiveMakeRule(item) {
-      const rule = makeRule(ruleList[item.name]);
-      delete item.name;
-      if (item?.config?.childRules?.length) {
-        rule.config.childRules = item.config.childRules.map((childItem) => {
-          const childRule = recursiveMakeRule(childItem);
-          delete childItem.name;
-          return childRule;
-        });
-      }
-      lodashEs.merge(rule, item);
-      return rule;
+      formRules.forEach(
+        (item) => copyRule(item, ruleList[item.name], widgetFormRules, true)
+      );
     }
     function getRule(name) {
       return makeRule(ruleList[name]);
     }
-    function validate() {
+    function validate(rules = widgetFormRules) {
       let pass = true;
-      for (const rule of widgetFormRules) {
+      for (const rule of rules) {
         const config = rule.config.config || {};
         const childRules = rule.config.childRules || [];
         if (!rule?.title?.title && config.name !== "instruction") {
@@ -4176,11 +4177,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
         if (pass && childRules.length) {
           for (const childRule of childRules) {
-            if (!childRule?.title?.title) {
+            if (!validate(childRules)) {
               pass = false;
-              if (childRule.field !== activeRule.value.field) {
-                setActiveRule(childRule, rule);
-              }
               break;
             }
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bm-admin-ui",
-  "version": "1.0.74-alpha",
+  "version": "1.0.76-alpha",
   "private": false,
   "description": "An Admin Component Library for Bm",
   "license": "UNLICENSED",

package/theme-chalk/form-designer.css

@@ -1 +1 @@
-.bm-form-designer{height:100%;background-color:#f8f8f8}.bm-form-designer .bfd-sider-left{padding:19px 17px 19px 15px;background-color:#fff;font-size:12px}.bm-form-designer .bfd-sider-left .bm-tabs{padding:2px;height:30px;line-height:26px;color:#242633;font-weight:700;background-color:#f0f2f5}.bm-form-designer .bfd-sider-left .bm-tabs .bm-tabs-item{width:74px;text-align:center;cursor:pointer}.bm-form-designer .bfd-sider-left .bm-tabs .bm-tabs-item.active{background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,21,41,.12);border-radius:1px}.bm-form-designer .bfd-sider-left .bm-menu-title{margin:20px 0 12px;color:#9393a3}.bm-form-designer .bfd-sider-left .bm-menu-wrap{display:flex;flex-flow:row wrap;margin-left:-8px;margin-right:-8px;row-gap:12px}.bm-form-designer .bfd-sider-left .bm-menu-wrap .bm-menu-item-wrap{padding-left:8px;padding-right:8px;flex:0}.bm-form-designer .bfd-sider-left .bm-menu-item{display:flex;align-items:center;color:#242633;padding:7px 0 8px 10px;background-color:#f6f7f9;border-radius:2px}.bm-form-designer .bfd-sider-left .bm-menu-item .bm-menu-icon{width:1em;height:1em;margin-right:8px;font-size:16px;color:#505259}.bm-form-designer .bfd-sider-left .bm-menu-item:hover{color:#2f4eed;cursor:pointer}.bm-form-designer .bfd-sider-left .bm-menu-item:hover .bm-menu-icon{color:inherit}.bm-form-designer .bfd-sider-left .bm-menu-item-wrap.sortable-fallback .bm-menu-item{color:#2f4eed}.bm-form-designer .bfd-sider-left .bm-menu-item-wrap.sortable-fallback .bm-menu-icon{color:inherit}.bm-form-designer .bfd-main{position:relative;min-width:560px;height:100%;padding:10px 0}.bm-form-designer .bfd-main .bm-no-data-tip{position:absolute;top:0;left:0;width:100%;padding-top:93px;margin-top:24px;text-align:center}.bm-form-designer .bfd-main .bfd-main__warp{position:relative;height:100%;padding:0 6px 0 10px;overflow-y:auto}.bm-form-designer .bfd-main .bm-widget-form{position:relative;min-height:100%;padding:16px 12px;background-color:#fff;border-radius:5px}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool{position:relative;padding:16px 12px;border-radius:4px}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool:hover{background-color:#f6f7f9;cursor:pointer}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool.is-row .bm-drag-tool:hover{background-color:#eef0f3}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool.is-active{background-color:#eaf2ff!important}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool.is-put-disabled{border:1px solid #e64c2e}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .ant-form-item{margin-bottom:0}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .ant-form-item .ant-form-item-label{line-height:20px;font-weight:700}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-mask{position:absolute;top:0;left:0;right:0;bottom:0;z-index:999}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn{position:absolute;z-index:999;top:10px;right:16px;line-height:12px;padding:6px 0;color:#737380;font-size:12px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(45,76,125,.1);border-radius:12px}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-col:nth-child(n+2){position:relative}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-col:nth-child(n+2)::before{position:absolute;top:0;left:0;content:'';width:1px;height:100%;background-color:#e8e8e8}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-icon{width:1em;height:1em;vertical-align:middle}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-icon.is-copy:hover{color:#2f4eed}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-icon.is-delete:hover{color:#e64c2e}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item{margin-top:2px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item:first-child{margin-top:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item .bm-drag-placeholder{display:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item .bm-drag-block{display:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item.sortable-ghost .bm-drag-tool{display:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item.sortable-ghost .bm-drag-placeholder{display:inherit}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap{position:relative}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap.put-is-disabled{border:1px solid #e64c2e}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap .bm-widget-row-tip{position:absolute;width:100%;height:64px;line-height:64px;text-align:center;color:#9393a3;background-color:#fafafa;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap .bm-widget-row{position:relative;width:100%;min-height:64px;z-index:1}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-top-bar{pointer-events:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-top-bar>.ant-btn+.ant-btn{margin-left:8px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer{position:relative;margin-top:8px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__checkbox{position:absolute;top:0;z-index:1;pointer-events:none;left:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__checkbox .bm-widget-table__checkbox__head{padding:16px 8px;background-color:#fafafa}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__checkbox .bm-widget-table__checkbox__content{padding:18px 8px;border:1px solid #e8e8e8;border-left:none;border-right:none;background-color:#fff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn{position:absolute;top:0;z-index:1;pointer-events:none;right:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn span{display:inline-block;vertical-align:top;width:1px;height:16px;margin:2px 8px;background-color:#e8e8e8}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn .bm-widget-table__operateColumn__head{padding:16px;background-color:#fafafa;color:#242633;font-weight:700}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn .bm-widget-table__operateColumn__content{padding:19px 8px;line-height:20px;font-size:12px;border:1px solid #e8e8e8;border-left:none;border-right:none;text-align:center;background-color:#fff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner{position:relative;padding-bottom:4px;line-height:0;overflow-x:auto;overflow-y:hidden}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table{position:relative;display:inline-block;height:114px;min-width:100%}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__tip{position:absolute;top:0;left:0;width:100%;height:100%;line-height:112px;text-align:center;color:#9393a3;background-color:#fafafa;z-index:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__virtual{position:absolute;top:0;left:0;width:100%;height:100%}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__virtual .bm-widget-table__virtual__head{height:54px;background-color:#fafafa}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__virtual .bm-widget-table__virtual__content{height:60px;background-color:#fff;border:1px solid #e8e8e8;border-left:none;border-right:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content{position:relative;display:inline-block;min-width:100%;height:100%;white-space:nowrap;z-index:1}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item{display:inline-block}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool{padding:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool .ant-form-item-label{padding:16px;background-color:#fafafa}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool .ant-form-item-label label{line-height:22px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool .ant-form-item-control{padding:13px 16px;border:1px solid #e8e8e8;border-left:none;border-right:none;background-color:#fff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool:hover .ant-form-item-control,.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool:hover .ant-form-item-label{background-color:#f6f7f9}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool.is-active .ant-form-item-control,.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool.is-active .ant-form-item-label{background-color:#eaf2ff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item.no-label{vertical-align:top}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item.no-label .bm-drag-tool .ant-form-item-control{margin-top:54px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner::-webkit-scrollbar{height:8px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner::-webkit-scrollbar-track{background:rgba(126,132,163,.2);border-radius:4px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner::-webkit-scrollbar-thumb{background:#7e84a3;border-radius:4px}.bm-form-designer .bfd-main .bm-widget-form .bm-product-info-item{padding:14px 12px}.bm-form-designer .bfd-main .bm-widget-form .bm-product-info-item__title{color:#242633;font-size:14px}.bm-form-designer .bfd-main .bm-widget-form .bm-product-info-item__content{margin-top:8px;color:#9393a3;line-height:32px}.bm-form-designer .bfd-sider-right{height:100%;background-color:#fff}.bm-form-designer .bfd-sider-right .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.bm-form-designer .bfd-sider-right .bfd-sider-right__title{display:flex;align-items:center;padding:13px 0 11px 16px;border-bottom:1px solid #e8e8e8;color:#242633;font-weight:700}.bm-form-designer .bfd-sider-right .bfd-sider-right__title>svg{width:1em;height:1em;font-size:16px;margin-right:9px}.bm-form-designer .bfd-sider-right .bfd-sider-right__form{flex:1;padding:24px 16px;overflow-y:auto;overflow-y:overlay}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bfd-sider-right__form__flow-releated{padding:10px 16px;margin-bottom:24px;border-radius:2px;border:1px solid #91d5ff;background:#e6f7ff}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bfd-sider-right__form__table-checkbox .ant-checkbox-group .ant-checkbox-group-item{width:100%;margin-top:12px}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bfd-sider-right__form__table-checkbox .ant-checkbox-group .ant-checkbox-group-item:first-child{margin-top:0}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bm-default-date .ant-radio-group .ant-radio-wrapper{width:100%}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bm-default-date .ant-radio-group .ant-radio-wrapper+.ant-radio-wrapper{margin-top:8px}.bm-form-designer .bfd-sider-right .bm-handle-options{margin-top:8px}.bm-form-designer .bfd-sider-right .bm-handle-options:first-child{margin-top:0}.bm-form-designer .bfd-sider-right .bm-handle-options.sortable-fallback{display:none}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__drag-icon{color:#818287;font-size:16px;cursor:move}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__input{flex:1;margin:0 8px}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__input.is-error{border-color:#e64d2e;box-shadow:none}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__del-icon{width:1em;height:1em;color:#c9c9d1;font-size:16px;cursor:pointer}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__del-icon:hover{color:#e64c2e}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__error-tip{margin-left:24px;color:#e64c2e}.bm-form-designer .bfd-sider-right .bm-table-column{margin-bottom:8px}.bm-form-designer .bfd-sider-right .bm-table-column.sortable-fallback{display:none}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__drag-icon{color:#818287;font-size:16px;cursor:move}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__main{flex:1;height:32px;line-height:30px;padding:0 12px;margin:0 8px;background:#fff;border-radius:2px;border:1px solid #d9d9d9}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__icon{font-size:16px;color:#c9c9d1;cursor:pointer}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__icon.is-edit:hover{color:#2f4eed}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__icon.is-del{width:1em;height:1em;margin-left:16px}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__icon.is-del:hover{color:#e64c2e}.bm-form-designer .bfd-sider-right .bm-table-column-btn-wrap{position:relative}.bm-form-designer .bfd-sider-right .bm-table-column-btn-wrap .bm-table-column__select{visibility:hidden}.bm-form-designer .bfd-sider-right .bm-table-column-btn-wrap .bm-table-column__btn{position:absolute;top:0;left:0}.bm-form-designer .bfd-sider-right .form-designer-props-radio-label .ant-radio-group label{width:100%}.bm-form-designer .bfd-sider-right .form-designer-props-radio-label .ant-radio-group label+label{margin-top:8px}.bm-form-designer .bfd-sider-right .bm-associated-fields-item+.bm-associated-fields-item{margin-top:8px}.bm-form-designer .bfd-sider-right .bm-associated-fields-item__content{display:inline-block;width:224px;padding:5px 12px;border-radius:2px;border:1px solid #d9d9d9;color:#505259;font-size:14px}.bm-form-designer .bfd-sider-right .bm-associated-fields-item__icon{width:1em;height:1em;font-size:16px;color:#d9d9d9;margin-left:16px;cursor:pointer}.bm-form-designer .bfd-sider-right .bm-associated-fields-item__icon:hover{color:#e64c2e}.bm-form-designer .bfd-sider-right .bm-shop-associated-fields-item{display:inline-block;line-height:22px;padding:0 8px;color:#242633;font-size:12px;background:#f5f5f5;border-radius:2px;border:1px solid #d9d9d9}.bm-form-designer .bfd-sider-right .bm-shop-associated-fields-item+.bm-shop-associated-fields-item{margin-left:8px}.bm-form-designer .bfd-sider-right .bm-use-instruction{padding:17px;background:#e6f7ff;border-radius:2px;border:1px solid #91d5ff;color:#242633;font-size:12px}.bm-form-designer .bfd-sider-right .bm-use-instruction__title{display:flex;align-items:center;margin-bottom:11px;font-weight:700}.bm-form-designer .bfd-sider-right .bm-use-instruction__title__icon{margin-right:8px;color:#2f4eed;font-size:16px}.bm-form-designer .bm-drag-placeholder{display:none;position:relative;height:2px;margin:2px 0;background-color:#2f4eed}.bm-form-designer .bm-drag-placeholder::before{content:'';position:absolute;top:-2px;left:0;width:0;height:0;border:3px solid transparent;border-left-color:#2f4eed}.bm-form-designer .bm-drag-placeholder::after{content:'';position:absolute;top:-2px;right:0;width:0;height:0;border:3px solid transparent;border-right-color:#2f4eed}.bm-form-designer .bm-drag-placeholder-vertical .bm-drag-placeholder{width:2px;height:100%;min-height:90px;margin:0}.bm-form-designer .bm-drag-placeholder-vertical .bm-drag-placeholder::before{top:0;left:-2px;border-left-color:transparent;border-top-color:#2f4eed}.bm-form-designer .bm-drag-placeholder-vertical .bm-drag-placeholder::after{top:unset;right:unset;bottom:0;left:-2px;border-right-color:transparent;border-bottom-color:#2f4eed}.bm-form-designer .bm-drag-block{display:none;line-height:20px;padding:6px 0 6px 8px;color:#2f4eed;box-shadow:0 6px 7px 0 rgba(58,54,54,.12);border-radius:2px;border:1px solid #2f4eed;background-color:#fff;opacity:.48}.bm-form-designer .menu-item-drag *{display:none!important}.bm-form-designer .menu-item-drag .bm-drag-block{display:inherit!important}.bm-form-designer .form-item-drag-ghost{max-width:100%;padding:0!important}.bm-form-designer .form-item-drag-ghost *{display:none!important}.bm-form-designer .form-item-drag-ghost .bm-drag-placeholder{display:inherit!important}.bm-form-designer .form-item-drag *{display:none!important}.bm-form-designer .form-item-drag .bm-drag-block{display:inherit!important}.bm-form-designer .row-drag-ghost.bm-menu-item-wrap,.bm-form-designer .row-drag-ghost.bm-widget-form-item{flex:0 0 50%;max-width:50%;padding:0!important}.bm-form-designer .row-drag-ghost *{display:none!important}.bm-form-designer .row-drag-ghost .bm-drag-placeholder{display:inherit!important}.bm-form-designer .row-drag-ghost .bm-drag-placeholder{width:2px;height:100%;min-height:90px;margin:0}.bm-form-designer .row-drag-ghost .bm-drag-placeholder::before{top:0;left:-2px;border-left-color:transparent;border-top-color:#2f4eed}.bm-form-designer .row-drag-ghost .bm-drag-placeholder::after{top:unset;right:unset;bottom:0;left:-2px;border-right-color:transparent;border-bottom-color:#2f4eed}.bm-form-designer .row-drag-ghost__is-empty{flex:0 0 50%!important;display:flex;align-items:center;padding:0!important}.bm-form-designer .row-drag-ghost__is-empty *{display:none!important}.bm-form-designer .row-drag-ghost__is-empty .bm-drag-placeholder{display:inherit!important}.bm-form-designer .row-drag-ghost__is-empty .bm-drag-placeholder{flex:1}.bm-form-designer .row-drag *{display:none!important}.bm-form-designer .row-drag .bm-drag-block{display:inherit!important}.bm-form-designer .table-drag-ghost__is-empty{display:inline-flex;width:140px;height:100%;align-items:center;padding:0!important}.bm-form-designer .table-drag-ghost__is-empty *{display:none!important}.bm-form-designer .table-drag-ghost__is-empty .bm-drag-placeholder{display:inherit!important}.bm-form-designer .table-drag-ghost__is-empty .bm-drag-placeholder{flex:1}.bm-form-designer .table-drag-ghost{width:140px;height:100%;vertical-align:top}.bm-form-designer .table-drag-ghost.bm-menu-item-wrap{display:inline-block;max-width:unset;padding:0!important}.bm-form-designer .table-drag-ghost *{display:none!important}.bm-form-designer .table-drag-ghost .bm-drag-placeholder{display:inherit!important}.bm-form-designer .table-drag-ghost .bm-drag-placeholder{width:2px;height:100%;min-height:90px;margin:0}.bm-form-designer .table-drag-ghost .bm-drag-placeholder::before{top:0;left:-2px;border-left-color:transparent;border-top-color:#2f4eed}.bm-form-designer .table-drag-ghost .bm-drag-placeholder::after{top:unset;right:unset;bottom:0;left:-2px;border-right-color:transparent;border-bottom-color:#2f4eed}.bm-form-designer .table-drag-ghost .bm-drag-placeholder{margin-left:2px}.bm-form-designer ::-webkit-scrollbar{width:4px}.bm-form-designer ::-webkit-scrollbar-thumb{background:#c4c4cd;border-radius:4px}.bm-form-designer__message-warning .ant-message-notice-content{padding:9px 16px;color:#242633;background:#fff5eb;border-radius:2px;border:1px solid #ffb15f}.bm-material-temp__add{display:inline-block;width:24px;height:24px;background:#fafafa;border-radius:2px;border:1px solid #e8e8e8;text-align:center;color:#bcbcc6}.bm-material-temp .ant-btn+.ant-btn{margin-left:6px}.bm-material-temp__table-tip{height:54px;line-height:54px;margin-top:16px;background:#fafafa;color:#9393a3;text-align:center}.bm-material-temp .ant-tabs-nav::before{border-color:#d9d9d9}.bm-material-temp .ant-tabs-nav .ant-tabs-tab{border-color:#d9d9d9}
+.bm-form-designer{height:100%;background-color:#f8f8f8}.bm-form-designer .bfd-sider-left{height:100%;padding:19px 17px 19px 15px;background-color:#fff;font-size:12px;overflow-y:auto;overflow-y:overlay}.bm-form-designer .bfd-sider-left .ant-layout-sider-children{height:auto}.bm-form-designer .bfd-sider-left .bm-tabs{padding:2px;height:30px;line-height:26px;color:#242633;font-weight:700;background-color:#f0f2f5}.bm-form-designer .bfd-sider-left .bm-tabs .bm-tabs-item{width:74px;text-align:center;cursor:pointer}.bm-form-designer .bfd-sider-left .bm-tabs .bm-tabs-item.active{background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,21,41,.12);border-radius:1px}.bm-form-designer .bfd-sider-left .bm-menu-title{margin:20px 0 12px;color:#9393a3}.bm-form-designer .bfd-sider-left .bm-menu-wrap{display:flex;flex-flow:row wrap;margin-left:-8px;margin-right:-8px;row-gap:12px}.bm-form-designer .bfd-sider-left .bm-menu-wrap .bm-menu-item-wrap{padding-left:8px;padding-right:8px;flex:0}.bm-form-designer .bfd-sider-left .bm-menu-item{display:flex;align-items:center;color:#242633;padding:7px 0 8px 10px;background-color:#f6f7f9;border-radius:2px}.bm-form-designer .bfd-sider-left .bm-menu-item .bm-menu-icon{width:1em;height:1em;margin-right:8px;font-size:16px;color:#505259}.bm-form-designer .bfd-sider-left .bm-menu-item:hover{color:#2f4eed;cursor:pointer}.bm-form-designer .bfd-sider-left .bm-menu-item:hover .bm-menu-icon{color:inherit}.bm-form-designer .bfd-sider-left .bm-menu-item-wrap.sortable-fallback .bm-menu-item{color:#2f4eed}.bm-form-designer .bfd-sider-left .bm-menu-item-wrap.sortable-fallback .bm-menu-icon{color:inherit}.bm-form-designer .bfd-main{position:relative;min-width:560px;height:100%;padding:10px 0}.bm-form-designer .bfd-main .bm-no-data-tip{position:absolute;top:0;left:0;width:100%;padding-top:93px;margin-top:24px;text-align:center}.bm-form-designer .bfd-main .bfd-main__warp{position:relative;height:100%;padding:0 6px 0 10px;overflow-y:auto}.bm-form-designer .bfd-main .bm-widget-form{position:relative;min-height:100%;padding:16px 12px;background-color:#fff;border-radius:5px}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool{position:relative;padding:16px 12px;border-radius:4px}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool:hover{background-color:#f6f7f9;cursor:pointer}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool.is-row .bm-drag-tool:hover{background-color:#eef0f3}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool.is-active{background-color:#eaf2ff!important}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool.is-put-disabled{border:1px solid #e64c2e}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .ant-form-item{margin-bottom:0}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .ant-form-item .ant-form-item-label{line-height:20px;font-weight:700}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-mask{position:absolute;top:0;left:0;right:0;bottom:0;z-index:999}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn{position:absolute;z-index:999;top:10px;right:16px;line-height:12px;padding:6px 0;color:#737380;font-size:12px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(45,76,125,.1);border-radius:12px}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-col:nth-child(n+2){position:relative}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-col:nth-child(n+2)::before{position:absolute;top:0;left:0;content:'';width:1px;height:100%;background-color:#e8e8e8}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-icon{width:1em;height:1em;vertical-align:middle}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-icon.is-copy:hover{color:#2f4eed}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-icon.is-delete:hover{color:#e64c2e}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item{margin-top:2px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item:first-child{margin-top:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item .bm-drag-placeholder{display:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item .bm-drag-block{display:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item.sortable-ghost .bm-drag-tool{display:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item.sortable-ghost .bm-drag-placeholder{display:inherit}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap{position:relative}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap.put-is-disabled{border:1px solid #e64c2e}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap .bm-widget-row-tip{position:absolute;width:100%;height:64px;line-height:64px;text-align:center;color:#9393a3;background-color:#fafafa;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap .bm-widget-row{position:relative;width:100%;min-height:64px;z-index:1}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-top-bar{pointer-events:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-top-bar>.ant-btn+.ant-btn{margin-left:8px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer{position:relative;margin-top:8px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__checkbox{position:absolute;top:0;z-index:1;pointer-events:none;left:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__checkbox .bm-widget-table__checkbox__head{padding:16px 8px;background-color:#fafafa}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__checkbox .bm-widget-table__checkbox__content{padding:18px 8px;border:1px solid #e8e8e8;border-left:none;border-right:none;background-color:#fff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn{position:absolute;top:0;z-index:1;pointer-events:none;right:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn span{display:inline-block;vertical-align:top;width:1px;height:16px;margin:2px 8px;background-color:#e8e8e8}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn .bm-widget-table__operateColumn__head{padding:16px;background-color:#fafafa;color:#242633;font-weight:700}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn .bm-widget-table__operateColumn__content{padding:19px 8px;line-height:20px;font-size:12px;border:1px solid #e8e8e8;border-left:none;border-right:none;text-align:center;background-color:#fff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner{position:relative;padding-bottom:4px;line-height:0;overflow-x:auto;overflow-y:hidden}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table{position:relative;display:inline-block;height:114px;min-width:100%}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__tip{position:absolute;top:0;left:0;width:100%;height:100%;line-height:112px;text-align:center;color:#9393a3;background-color:#fafafa;z-index:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__virtual{position:absolute;top:0;left:0;width:100%;height:100%}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__virtual .bm-widget-table__virtual__head{height:54px;background-color:#fafafa}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__virtual .bm-widget-table__virtual__content{height:60px;background-color:#fff;border:1px solid #e8e8e8;border-left:none;border-right:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content{position:relative;display:inline-block;min-width:100%;height:100%;white-space:nowrap;z-index:1}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item{display:inline-block}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool{padding:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool .ant-form-item-label{padding:16px;background-color:#fafafa}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool .ant-form-item-label label{line-height:22px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool .ant-form-item-control{padding:13px 16px;border:1px solid #e8e8e8;border-left:none;border-right:none;background-color:#fff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool:hover .ant-form-item-control,.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool:hover .ant-form-item-label{background-color:#f6f7f9}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool.is-active .ant-form-item-control,.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool.is-active .ant-form-item-label{background-color:#eaf2ff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item.no-label{vertical-align:top}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item.no-label .bm-drag-tool .ant-form-item-control{margin-top:54px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner::-webkit-scrollbar{height:8px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner::-webkit-scrollbar-track{background:rgba(126,132,163,.2);border-radius:4px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner::-webkit-scrollbar-thumb{background:#7e84a3;border-radius:4px}.bm-form-designer .bfd-main .bm-widget-form .bm-product-info-item{padding:14px 12px}.bm-form-designer .bfd-main .bm-widget-form .bm-product-info-item__title{color:#242633;font-size:14px}.bm-form-designer .bfd-main .bm-widget-form .bm-product-info-item__content{margin-top:8px;color:#9393a3;line-height:32px}.bm-form-designer .bfd-sider-right{height:100%;background-color:#fff}.bm-form-designer .bfd-sider-right .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.bm-form-designer .bfd-sider-right .bfd-sider-right__title{display:flex;align-items:center;padding:13px 0 11px 16px;border-bottom:1px solid #e8e8e8;color:#242633;font-weight:700}.bm-form-designer .bfd-sider-right .bfd-sider-right__title>svg{width:1em;height:1em;font-size:16px;margin-right:9px}.bm-form-designer .bfd-sider-right .bfd-sider-right__form{flex:1;padding:24px 16px;overflow-y:auto;overflow-y:overlay}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bfd-sider-right__form__flow-releated{padding:10px 16px;margin-bottom:24px;border-radius:2px;border:1px solid #91d5ff;background:#e6f7ff}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bfd-sider-right__form__table-checkbox .ant-checkbox-group .ant-checkbox-group-item{width:100%;margin-top:12px}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bfd-sider-right__form__table-checkbox .ant-checkbox-group .ant-checkbox-group-item:first-child{margin-top:0}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bm-default-date .ant-radio-group .ant-radio-wrapper{width:100%}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bm-default-date .ant-radio-group .ant-radio-wrapper+.ant-radio-wrapper{margin-top:8px}.bm-form-designer .bfd-sider-right .bm-handle-options{margin-top:8px}.bm-form-designer .bfd-sider-right .bm-handle-options:first-child{margin-top:0}.bm-form-designer .bfd-sider-right .bm-handle-options.sortable-fallback{display:none}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__drag-icon{color:#818287;font-size:16px;cursor:move}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__input{flex:1;margin:0 8px}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__input.is-error{border-color:#e64d2e;box-shadow:none}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__del-icon{width:1em;height:1em;color:#c9c9d1;font-size:16px;cursor:pointer}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__del-icon:hover{color:#e64c2e}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__error-tip{margin-left:24px;color:#e64c2e}.bm-form-designer .bfd-sider-right .bm-table-column{margin-bottom:8px}.bm-form-designer .bfd-sider-right .bm-table-column.sortable-fallback{display:none}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__drag-icon{color:#818287;font-size:16px;cursor:move}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__main{flex:1;height:32px;line-height:30px;padding:0 12px;margin:0 8px;background:#fff;border-radius:2px;border:1px solid #d9d9d9}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__icon{font-size:16px;color:#c9c9d1;cursor:pointer}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__icon.is-edit:hover{color:#2f4eed}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__icon.is-del{width:1em;height:1em;margin-left:16px}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__icon.is-del:hover{color:#e64c2e}.bm-form-designer .bfd-sider-right .bm-table-column-btn-wrap{position:relative}.bm-form-designer .bfd-sider-right .bm-table-column-btn-wrap .bm-table-column__select{visibility:hidden}.bm-form-designer .bfd-sider-right .bm-table-column-btn-wrap .bm-table-column__btn{position:absolute;top:0;left:0}.bm-form-designer .bfd-sider-right .form-designer-props-radio-label .ant-radio-group label{width:100%}.bm-form-designer .bfd-sider-right .form-designer-props-radio-label .ant-radio-group label+label{margin-top:8px}.bm-form-designer .bfd-sider-right .bm-associated-fields-item+.bm-associated-fields-item{margin-top:8px}.bm-form-designer .bfd-sider-right .bm-associated-fields-item__content{display:inline-block;width:224px;padding:5px 12px;border-radius:2px;border:1px solid #d9d9d9;color:#505259;font-size:14px}.bm-form-designer .bfd-sider-right .bm-associated-fields-item__icon{width:1em;height:1em;font-size:16px;color:#d9d9d9;margin-left:16px;cursor:pointer}.bm-form-designer .bfd-sider-right .bm-associated-fields-item__icon:hover{color:#e64c2e}.bm-form-designer .bfd-sider-right .bm-shop-associated-fields-item{display:inline-block;line-height:22px;padding:0 8px;color:#242633;font-size:12px;background:#f5f5f5;border-radius:2px;border:1px solid #d9d9d9}.bm-form-designer .bfd-sider-right .bm-shop-associated-fields-item+.bm-shop-associated-fields-item{margin-left:8px}.bm-form-designer .bfd-sider-right .bm-use-instruction{padding:17px;background:#e6f7ff;border-radius:2px;border:1px solid #91d5ff;color:#242633;font-size:12px}.bm-form-designer .bfd-sider-right .bm-use-instruction__title{display:flex;align-items:center;margin-bottom:11px;font-weight:700}.bm-form-designer .bfd-sider-right .bm-use-instruction__title__icon{margin-right:8px;color:#2f4eed;font-size:16px}.bm-form-designer .bm-drag-placeholder{display:none;position:relative;height:2px;margin:2px 0;background-color:#2f4eed}.bm-form-designer .bm-drag-placeholder::before{content:'';position:absolute;top:-2px;left:0;width:0;height:0;border:3px solid transparent;border-left-color:#2f4eed}.bm-form-designer .bm-drag-placeholder::after{content:'';position:absolute;top:-2px;right:0;width:0;height:0;border:3px solid transparent;border-right-color:#2f4eed}.bm-form-designer .bm-drag-placeholder-vertical .bm-drag-placeholder{width:2px;height:100%;min-height:90px;margin:0}.bm-form-designer .bm-drag-placeholder-vertical .bm-drag-placeholder::before{top:0;left:-2px;border-left-color:transparent;border-top-color:#2f4eed}.bm-form-designer .bm-drag-placeholder-vertical .bm-drag-placeholder::after{top:unset;right:unset;bottom:0;left:-2px;border-right-color:transparent;border-bottom-color:#2f4eed}.bm-form-designer .bm-drag-block{display:none;line-height:20px;padding:6px 0 6px 8px;color:#2f4eed;box-shadow:0 6px 7px 0 rgba(58,54,54,.12);border-radius:2px;border:1px solid #2f4eed;background-color:#fff;opacity:.48}.bm-form-designer .menu-item-drag *{display:none!important}.bm-form-designer .menu-item-drag .bm-drag-block{display:inherit!important}.bm-form-designer .form-item-drag-ghost{max-width:100%;padding:0!important}.bm-form-designer .form-item-drag-ghost *{display:none!important}.bm-form-designer .form-item-drag-ghost .bm-drag-placeholder{display:inherit!important}.bm-form-designer .form-item-drag *{display:none!important}.bm-form-designer .form-item-drag .bm-drag-block{display:inherit!important}.bm-form-designer .row-drag-ghost.bm-menu-item-wrap,.bm-form-designer .row-drag-ghost.bm-widget-form-item{flex:0 0 50%;max-width:50%;padding:0!important}.bm-form-designer .row-drag-ghost *{display:none!important}.bm-form-designer .row-drag-ghost .bm-drag-placeholder{display:inherit!important}.bm-form-designer .row-drag-ghost .bm-drag-placeholder{width:2px;height:100%;min-height:90px;margin:0}.bm-form-designer .row-drag-ghost .bm-drag-placeholder::before{top:0;left:-2px;border-left-color:transparent;border-top-color:#2f4eed}.bm-form-designer .row-drag-ghost .bm-drag-placeholder::after{top:unset;right:unset;bottom:0;left:-2px;border-right-color:transparent;border-bottom-color:#2f4eed}.bm-form-designer .row-drag-ghost__is-empty{flex:0 0 50%!important;display:flex;align-items:center;padding:0!important}.bm-form-designer .row-drag-ghost__is-empty *{display:none!important}.bm-form-designer .row-drag-ghost__is-empty .bm-drag-placeholder{display:inherit!important}.bm-form-designer .row-drag-ghost__is-empty .bm-drag-placeholder{flex:1}.bm-form-designer .row-drag *{display:none!important}.bm-form-designer .row-drag .bm-drag-block{display:inherit!important}.bm-form-designer .table-drag-ghost__is-empty{display:inline-flex;width:140px;height:100%;align-items:center;padding:0!important}.bm-form-designer .table-drag-ghost__is-empty *{display:none!important}.bm-form-designer .table-drag-ghost__is-empty .bm-drag-placeholder{display:inherit!important}.bm-form-designer .table-drag-ghost__is-empty .bm-drag-placeholder{flex:1}.bm-form-designer .table-drag-ghost{width:140px;height:100%;vertical-align:top}.bm-form-designer .table-drag-ghost.bm-menu-item-wrap{display:inline-block;max-width:unset;padding:0!important}.bm-form-designer .table-drag-ghost *{display:none!important}.bm-form-designer .table-drag-ghost .bm-drag-placeholder{display:inherit!important}.bm-form-designer .table-drag-ghost .bm-drag-placeholder{width:2px;height:100%;min-height:90px;margin:0}.bm-form-designer .table-drag-ghost .bm-drag-placeholder::before{top:0;left:-2px;border-left-color:transparent;border-top-color:#2f4eed}.bm-form-designer .table-drag-ghost .bm-drag-placeholder::after{top:unset;right:unset;bottom:0;left:-2px;border-right-color:transparent;border-bottom-color:#2f4eed}.bm-form-designer .table-drag-ghost .bm-drag-placeholder{margin-left:2px}.bm-form-designer ::-webkit-scrollbar{width:4px}.bm-form-designer ::-webkit-scrollbar-thumb{background:#c4c4cd;border-radius:4px}.bm-form-designer__message-warning .ant-message-notice-content{padding:9px 16px;color:#242633;background:#fff5eb;border-radius:2px;border:1px solid #ffb15f}.bm-material-temp__add{display:inline-block;width:24px;height:24px;background:#fafafa;border-radius:2px;border:1px solid #e8e8e8;text-align:center;color:#bcbcc6}.bm-material-temp .ant-btn+.ant-btn{margin-left:6px}.bm-material-temp__table-tip{height:54px;line-height:54px;margin-top:16px;background:#fafafa;color:#9393a3;text-align:center}.bm-material-temp .ant-tabs-nav::before{border-color:#d9d9d9}.bm-material-temp .ant-tabs-nav .ant-tabs-tab{border-color:#d9d9d9}