bm-admin-ui 1.0.59-alpha → 1.0.61-alpha

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

@@ -1945,7 +1945,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               }, {
                 item: withCtx(({ element }) => [
                   createElementVNode("div", {
-                    class: "bm-widget-table__drag-item",
+                    class: normalizeClass(["bm-widget-table__drag-item", { "no-label": !element?.title?.title }]),
                     style: normalizeStyle({ width: element.config.fieldRatio })
                   }, [
                     createVNode(DragTool, {
@@ -1959,7 +1959,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                       onDelete: handleDelete
                     }, null, 8, ["rule", "active-rule-field", "parent-rule", "onClick"]),
                     createVNode(DragPlaceholder)
-                  ], 4)
+                  ], 6)
                 ]),
                 _: 1
               }, 8, ["component-data", "list", "ghost-class"])
@@ -3855,7 +3855,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       numInput: "\u9664\u201C\u5FC5\u586B\u201D\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539",
       radio: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539",
       checkbox: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539",
-      shop: "\u8BBE\u7F6E\u4FE1\u606F\u4E0D\u53EF\u4FEE\u6539\u3002",
+      shop: "\u9664\u201C\u5FC5\u586B\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539\u3002",
       materialType: "\u8BBE\u7F6E\u4FE1\u606F\u4E0D\u53EF\u4FEE\u6539\u3002",
       people: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539",
       department: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539"
@@ -3998,7 +3998,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
       if (props.flowCondition[targetRule.field]) {
-        message.error("\u8BE5\u7EC4\u4EF6\u5728\u201C\u6761\u4EF6\u5206\u652F\u540D\u79F0\u201D\u5DF2\u88AB\u8BBE\u4E3A\u5BA1\u6279\u6761\u4EF6\uFF0C\u4E0D\u53EF\u5220\u9664\u3002");
+        message.error(
+          `\u8BE5\u7EC4\u4EF6\u5728\u201C${props.flowCondition[targetRule.field]}\u201D\u5DF2\u88AB\u8BBE\u4E3A\u5BA1\u6279\u6761\u4EF6\uFF0C\u4E0D\u53EF\u5220\u9664\u3002`
+        );
         return;
       }
       const parentList = parentRule?.config?.childRules || widgetFormRules;
@@ -4160,68 +4162,57 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return pass;
     }
     function flowConditionEffect(activeProps2, flowCondition) {
-      const disabled = !!flowCondition[activeRule.value.field];
-      const ruleName = activeRule.value.config.config.name;
-      if (disabled) {
-        const requiredRule = activeProps2?.find(
-          (rule) => rule.field === "effect.required"
-        );
-        if (requiredRule) {
-          if (!requiredRule.props) {
-            requiredRule.props = {};
-          }
-          requiredRule.props.disabled = true;
-        }
-        if (["radio", "checkbox"].includes(ruleName)) {
-          const optionsRule = activeProps2?.find((rule) => rule.field === "options");
-          optionsRule.props.disabled = true;
-        }
-        if (ruleName === "shop") {
-          const dataFilteringRule = activeProps2?.find(
-            (rule) => rule.field === "config.dataFiltering"
+      if (activeRule.value.config) {
+        const disabled = !!flowCondition[activeRule.value.field];
+        const ruleName = activeRule.value.config.config.name;
+        if (disabled) {
+          const requiredRule = activeProps2?.find(
+            (rule) => rule.field === "effect.required"
           );
-          const isMainRule = activeProps2?.find(
-            (rule) => rule.field === "config.isMain"
-          );
-          if (dataFilteringRule) {
-            dataFilteringRule.props = {
+          if (requiredRule) {
+            if (!requiredRule.props) {
+              requiredRule.props = {};
+            }
+            requiredRule.props.disabled = true;
+          }
+          if (["radio", "checkbox"].includes(ruleName)) {
+            const optionsRule = activeProps2?.find(
+              (rule) => rule.field === "options"
+            );
+            optionsRule.props.disabled = true;
+          }
+          if (ruleName === "materialType") {
+            const formatRule = activeProps2?.find(
+              (rule) => rule.field === "config.format"
+            );
+            const multipleRule = activeProps2?.find(
+              (rule) => rule.field === "props.multiple"
+            );
+            formatRule.props = {
+              disabled: true
+            };
+            multipleRule.props = {
               disabled: true
             };
           }
-          if (isMainRule) {
-            isMainRule.props = {
+          if (["people", "department"].includes(ruleName)) {
+            const limitRule = activeProps2?.find(
+              (rule) => rule.field === "props.limit"
+            );
+            limitRule.props = {
               disabled: true
             };
           }
         }
-        if (ruleName === "materialType") {
-          const formatRule = activeProps2?.find(
-            (rule) => rule.field === "config.format"
-          );
-          const multipleRule = activeProps2?.find(
-            (rule) => rule.field === "props.multiple"
-          );
-          formatRule.props = {
-            disabled: true
-          };
-          multipleRule.props = {
-            disabled: true
-          };
-        }
-        if (["people", "department"].includes(ruleName)) {
-          const limitRule = activeProps2?.find(
-            (rule) => rule.field === "props.limit"
-          );
-          limitRule.props = {
-            disabled: true
-          };
-        }
       }
     }
     function resetActiveRule() {
       activeRule.value = {};
       activeParentRule.value = widgetFormRules;
     }
+    function getPopupContainer() {
+      return document.body;
+    }
     watch(
       () => props.formRules,
       (formRules) => {
@@ -4404,14 +4395,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       arrowPointAtCenter: true,
                       overlayStyle: {
                         width: "184px"
-                      }
+                      },
+                      getPopupContainer
                     }
                   },
                   rule: unref(activeProps),
                   onChange: propChange,
                   onSetActive: handlePropsSetActive,
                   onAddChildRule: handleAddChildRule
-                }, null, 8, ["api", "rule"])
+                }, null, 8, ["api", "option", "rule"])
               ])
             ]),
             _: 1

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

@@ -1955,7 +1955,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
               }, {
                 item: vue.withCtx(({ element }) => [
                   vue.createElementVNode("div", {
-                    class: "bm-widget-table__drag-item",
+                    class: vue.normalizeClass(["bm-widget-table__drag-item", { "no-label": !element?.title?.title }]),
                     style: vue.normalizeStyle({ width: element.config.fieldRatio })
                   }, [
                     vue.createVNode(DragTool, {
@@ -1969,7 +1969,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                       onDelete: handleDelete
                     }, null, 8, ["rule", "active-rule-field", "parent-rule", "onClick"]),
                     vue.createVNode(DragPlaceholder)
-                  ], 4)
+                  ], 6)
                 ]),
                 _: 1
               }, 8, ["component-data", "list", "ghost-class"])
@@ -3865,7 +3865,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       numInput: "\u9664\u201C\u5FC5\u586B\u201D\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539",
       radio: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539",
       checkbox: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539",
-      shop: "\u8BBE\u7F6E\u4FE1\u606F\u4E0D\u53EF\u4FEE\u6539\u3002",
+      shop: "\u9664\u201C\u5FC5\u586B\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539\u3002",
       materialType: "\u8BBE\u7F6E\u4FE1\u606F\u4E0D\u53EF\u4FEE\u6539\u3002",
       people: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539",
       department: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539"
@@ -4008,7 +4008,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       if (props.flowCondition[targetRule.field]) {
-        antDesignVue.message.error("\u8BE5\u7EC4\u4EF6\u5728\u201C\u6761\u4EF6\u5206\u652F\u540D\u79F0\u201D\u5DF2\u88AB\u8BBE\u4E3A\u5BA1\u6279\u6761\u4EF6\uFF0C\u4E0D\u53EF\u5220\u9664\u3002");
+        antDesignVue.message.error(
+          `\u8BE5\u7EC4\u4EF6\u5728\u201C${props.flowCondition[targetRule.field]}\u201D\u5DF2\u88AB\u8BBE\u4E3A\u5BA1\u6279\u6761\u4EF6\uFF0C\u4E0D\u53EF\u5220\u9664\u3002`
+        );
         return;
       }
       const parentList = parentRule?.config?.childRules || widgetFormRules;
@@ -4170,68 +4172,57 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return pass;
     }
     function flowConditionEffect(activeProps2, flowCondition) {
-      const disabled = !!flowCondition[activeRule.value.field];
-      const ruleName = activeRule.value.config.config.name;
-      if (disabled) {
-        const requiredRule = activeProps2?.find(
-          (rule) => rule.field === "effect.required"
-        );
-        if (requiredRule) {
-          if (!requiredRule.props) {
-            requiredRule.props = {};
-          }
-          requiredRule.props.disabled = true;
-        }
-        if (["radio", "checkbox"].includes(ruleName)) {
-          const optionsRule = activeProps2?.find((rule) => rule.field === "options");
-          optionsRule.props.disabled = true;
-        }
-        if (ruleName === "shop") {
-          const dataFilteringRule = activeProps2?.find(
-            (rule) => rule.field === "config.dataFiltering"
+      if (activeRule.value.config) {
+        const disabled = !!flowCondition[activeRule.value.field];
+        const ruleName = activeRule.value.config.config.name;
+        if (disabled) {
+          const requiredRule = activeProps2?.find(
+            (rule) => rule.field === "effect.required"
           );
-          const isMainRule = activeProps2?.find(
-            (rule) => rule.field === "config.isMain"
-          );
-          if (dataFilteringRule) {
-            dataFilteringRule.props = {
+          if (requiredRule) {
+            if (!requiredRule.props) {
+              requiredRule.props = {};
+            }
+            requiredRule.props.disabled = true;
+          }
+          if (["radio", "checkbox"].includes(ruleName)) {
+            const optionsRule = activeProps2?.find(
+              (rule) => rule.field === "options"
+            );
+            optionsRule.props.disabled = true;
+          }
+          if (ruleName === "materialType") {
+            const formatRule = activeProps2?.find(
+              (rule) => rule.field === "config.format"
+            );
+            const multipleRule = activeProps2?.find(
+              (rule) => rule.field === "props.multiple"
+            );
+            formatRule.props = {
+              disabled: true
+            };
+            multipleRule.props = {
               disabled: true
             };
           }
-          if (isMainRule) {
-            isMainRule.props = {
+          if (["people", "department"].includes(ruleName)) {
+            const limitRule = activeProps2?.find(
+              (rule) => rule.field === "props.limit"
+            );
+            limitRule.props = {
               disabled: true
             };
           }
         }
-        if (ruleName === "materialType") {
-          const formatRule = activeProps2?.find(
-            (rule) => rule.field === "config.format"
-          );
-          const multipleRule = activeProps2?.find(
-            (rule) => rule.field === "props.multiple"
-          );
-          formatRule.props = {
-            disabled: true
-          };
-          multipleRule.props = {
-            disabled: true
-          };
-        }
-        if (["people", "department"].includes(ruleName)) {
-          const limitRule = activeProps2?.find(
-            (rule) => rule.field === "props.limit"
-          );
-          limitRule.props = {
-            disabled: true
-          };
-        }
       }
     }
     function resetActiveRule() {
       activeRule.value = {};
       activeParentRule.value = widgetFormRules;
     }
+    function getPopupContainer() {
+      return document.body;
+    }
     vue.watch(
       () => props.formRules,
       (formRules) => {
@@ -4414,14 +4405,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       arrowPointAtCenter: true,
                       overlayStyle: {
                         width: "184px"
-                      }
+                      },
+                      getPopupContainer
                     }
                   },
                   rule: vue.unref(activeProps),
                   onChange: propChange,
                   onSetActive: handlePropsSetActive,
                   onAddChildRule: handleAddChildRule
-                }, null, 8, ["api", "rule"])
+                }, null, 8, ["api", "option", "rule"])
               ])
             ]),
             _: 1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bm-admin-ui",
-  "version": "1.0.59-alpha",
+  "version": "1.0.61-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 10px;overflow-y:auto;overflow-y:overlay}.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::-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{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 10px;overflow-y:auto;overflow-y:overlay}.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}