bm-admin-ui 1.0.39-alpha → 1.0.40-alpha

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

@@ -476,7 +476,7 @@ var input = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -509,6 +509,7 @@ var input = {
                 field: fieldsMap$g['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -518,6 +519,7 @@ var input = {
                 field: fieldsMap$g['value'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 200,
                 },
                 value: rule.value,
             },
@@ -577,7 +579,7 @@ var textarea = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -611,6 +613,7 @@ var textarea = {
                 field: fieldsMap$f['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -620,6 +623,7 @@ var textarea = {
                 field: fieldsMap$f['value'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 5000,
                 },
                 value: rule.value,
             },
@@ -680,7 +684,7 @@ var numInput = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -715,6 +719,7 @@ var numInput = {
                 field: fieldsMap$e['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -788,6 +793,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     const visible = vue.ref(false);
     const text = vue.ref("");
     const repeatOption = vue.ref([]);
+    const maxlength = 500;
     function edit() {
       visible.value = true;
       text.value = makeText(props.options);
@@ -809,6 +815,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     function handleOk() {
       const options = text.value.split("\n").reduce((pre, cur) => {
         if (cur) {
+          cur = cur.substring(0, maxlength - 1);
           pre.push({ value: cur, label: cur });
         }
         return pre;
@@ -877,6 +884,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                           "bm-handle-options__input",
                           repeatOption.value.length && repeatOption.value.includes(element.value) ? "is-error" : ""
                         ]),
+                        maxlength,
                         onBlur: ($event) => handleBlur(element)
                       }, null, 8, ["value", "onUpdate:value", "class", "onBlur"])
                     ]),
@@ -973,7 +981,7 @@ var radio = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             options: [
@@ -1019,6 +1027,7 @@ var radio = {
                 field: fieldsMap$d['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1111,7 +1120,7 @@ var checkbox = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             options: [
@@ -1157,6 +1166,7 @@ var checkbox = {
                 field: fieldsMap$c['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1318,7 +1328,7 @@ var date = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -1381,6 +1391,7 @@ var date = {
                 field: fieldsMap$b['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1462,7 +1473,7 @@ var dateRange = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -1527,6 +1538,7 @@ var dateRange = {
                 field: fieldsMap$a['props.placeholder.0'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder[0],
             },
@@ -1536,6 +1548,7 @@ var dateRange = {
                 field: fieldsMap$a['props.placeholder.1'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder[1],
             },
@@ -1609,10 +1622,23 @@ var instruction = {
                 title: label$9,
                 field: fieldsMap$9.value,
                 value: rule.value,
+                inject: true,
                 prefix: {
                     type: 'TextColor',
+                    on: {
+                        change({ api, self }, color) {
+                            api.emit('change', 'style.color', color, self, api, true);
+                        },
+                    },
                     props: {
-                        rule,
+                        color: rule.style.color,
+                    },
+                },
+                on: {
+                    change({ api, self }, list) {
+                        vue.nextTick(() => {
+                            api.refresh();
+                        });
                     },
                 },
             },
@@ -1655,7 +1681,7 @@ var picture = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -2004,7 +2030,15 @@ var table = {
                 effect: {
                     required: true,
                 },
+                inject: true,
                 value: rule.config.childRules,
+                on: {
+                    change({ api, self }, list) {
+                        vue.nextTick(() => {
+                            api.validate();
+                        });
+                    },
+                },
             },
             {
                 type: 'checkbox',
@@ -2067,7 +2101,7 @@ var file = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             config: {
@@ -2138,7 +2172,7 @@ var people = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -2171,6 +2205,7 @@ var people = {
                 field: fieldsMap$5['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -2259,7 +2294,7 @@ var department = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -2292,6 +2327,7 @@ var department = {
                 field: fieldsMap$4['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -3564,7 +3600,8 @@ const _hoisted_2$1 = { class: "bm-table-column-btn-wrap" };
 const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "table-column",
   props: ["formCreateInject"],
-  setup(__props) {
+  emits: ["change"],
+  setup(__props, { emit: emits }) {
     const props = __props;
     const handleClass = "bm-table-column__drag-icon";
     const btnCom = vue.ref();
@@ -3589,6 +3626,15 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     function getPopupContainer() {
       return document.body;
     }
+    vue.watch(
+      childRules,
+      (val) => {
+        emits("change", val);
+      },
+      {
+        deep: true
+      }
+    );
     return (_ctx, _cache) => {
       const _component_Delete = vue.resolveComponent("Delete");
       const _component_ARow = vue.resolveComponent("ARow");
@@ -3669,12 +3715,17 @@ var TableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "table-co
 
 const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "text-color",
-  props: ["rule"],
-  setup(__props) {
+  props: ["color"],
+  emits: ["change"],
+  setup(__props, { emit: emits }) {
     const props = __props;
+    const color = vue.ref(props.color);
+    function getColor(curColor) {
+      return curColor === Colors.Black ? Colors.Blue : Colors.Black;
+    }
     function handleClick() {
-      const rule = props.rule;
-      rule.style.color = rule.style.color === Colors.Black ? Colors.Blue : Colors.Black;
+      color.value = getColor(color.value);
+      emits("change", color.value);
     }
     return (_ctx, _cache) => {
       const _component_ColorPanel = vue.resolveComponent("ColorPanel");
@@ -3686,16 +3737,11 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           width: "1em",
           height: "1em",
           fontSize: "20px",
-          color: __props.rule.style.color,
+          color: getColor(color.value),
           cursor: "pointer"
         }),
         onClick: vue.withModifiers(handleClick, ["prevent", "stop"])
-      }, {
-        default: vue.withCtx(() => [
-          vue.createTextVNode("change")
-        ]),
-        _: 1
-      }, 8, ["style", "onClick"]);
+      }, null, 8, ["style", "onClick"]);
     };
   }
 });
@@ -3993,6 +4039,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return rule.config.config.parse(rule);
     }
     function edit(formRules) {
+      widgetFormRules.splice(0);
       formRules.forEach((item) => {
         const rule = makeRule(ruleList[item.name]);
         delete item.name;
@@ -4010,22 +4057,73 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function getRule(name) {
       return makeRule(ruleList[name]);
     }
+    function validate() {
+      let pass = true;
+      for (const rule of widgetFormRules) {
+        const config = rule.config.config || {};
+        const childRules = rule.config.childRules || [];
+        if (!rule?.title?.title && config.name !== "instruction") {
+          pass = false;
+        }
+        if (config.name === "table" && !childRules.length) {
+          pass = false;
+        }
+        if (!pass && rule.field !== activeRule.value.field) {
+          setActiveRule(rule);
+        }
+        if (pass && childRules.length) {
+          for (const childRule of childRules) {
+            if (!childRule?.title?.title) {
+              pass = false;
+              if (childRule.field !== activeRule.value.field) {
+                setActiveRule(childRule, rule);
+              }
+              break;
+            }
+          }
+        }
+        if (!pass) {
+          vue.nextTick(() => {
+            fApi.value.validate();
+          });
+          break;
+        }
+      }
+      return pass;
+    }
+    function flowConditionEffect(activeProps2, flowCondition) {
+      const requiredRule = activeProps2?.find(
+        (rule) => rule.field === "effect.required"
+      );
+      if (requiredRule) {
+        if (!requiredRule.props) {
+          requiredRule.props = {};
+        }
+        requiredRule.props.disabled = !!flowCondition[activeRule.value.field];
+      }
+    }
     vue.watch(
       () => props.presetRules,
       (presetRules) => {
         widgetFormRules.push(...presetRules);
-      },
-      {
-        immediate: true
       }
     );
     vue.watch(
       () => props.formRules,
       (formRules) => {
-        edit(formRules);
+        formRules && edit(formRules);
+      }
+    );
+    vue.watch(activeProps, (activeProps2) => {
+      flowConditionEffect(activeProps2, props.flowCondition);
+    });
+    vue.watch(
+      () => props.flowCondition,
+      (flowCondition) => {
+        flowConditionEffect(activeProps.value, flowCondition);
       },
       {
-        immediate: true
+        deep: true
       }
     );
     vue.onBeforeUnmount(() => {
@@ -4033,7 +4131,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     expose({
       getFormRule,
-      getRule
+      getRule,
+      validate
     });
     return (_ctx, _cache) => {
       const _component_ACol = vue.resolveComponent("ACol");
@@ -4076,7 +4175,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     move: moveMenuItem,
                     "force-fallback": true,
                     "scroll-sensitivity": 100,
-                    delay: 50,
                     onStart: handleMenuItemDragStart,
                     onEnd: handleMenuItemDragEnd
                   }, {
@@ -4141,7 +4239,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 1
                 }, 8, ["list"]),
-                showDragTip.value && !_ctx.formRules.length ? (vue.openBlock(), vue.createBlock(NoDataTip, {
+                showDragTip.value && !_ctx.formRules?.length ? (vue.openBlock(), vue.createBlock(NoDataTip, {
                   key: 0,
                   class: "bm-no-data-tip"
                 })) : vue.createCommentVNode("v-if", true)

package/lib/components/input-tags-display/index.js

@@ -26,6 +26,10 @@ var _export_sfc = (sfc, props) => {
 const _sfc_main = vue.defineComponent({
   components: { ToolTip: ToolTip__default["default"], CloseCircleFilled: iconsVue.CloseCircleFilled, Button: Button__default["default"], Tag: Tag__default["default"] },
   props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
     list: {
       type: Array,
       default: () => []
@@ -36,7 +40,7 @@ const _sfc_main = vue.defineComponent({
     },
     placeholder: {
       type: String,
-      default: "top"
+      default: "\u8BF7\u9009\u62E9"
     },
     showEmptyBtn: {
       type: Boolean,
@@ -76,6 +80,9 @@ const _sfc_main = vue.defineComponent({
       return document.querySelector(`#${containId}`);
     }
     function clear() {
+      if (props.disabled) {
+        return;
+      }
       emit("update:list", []);
       emit("clear");
       if (!props.showEmptyBtn && !props.showEmpty) {
@@ -85,6 +92,9 @@ const _sfc_main = vue.defineComponent({
       }
     }
     function toAddTags() {
+      if (props.disabled) {
+        return;
+      }
       if (!props.list.length || props.alwaysInvoke)
         emit("addClick");
     }
@@ -182,7 +192,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 2
               }, 1024);
             }), 128)),
-            vue.createElementVNode("div", {
+            !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
               class: "list-clear",
               onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.clear && _ctx.clear(...args), ["stop"])),
               onMouseenter: _cache[2] || (_cache[2] = vue.withModifiers(() => {
@@ -191,7 +202,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, ["stop"]))
             }, [
               vue.createVNode(_component_CloseCircleFilled)
-            ], 32)
+            ], 32)) : vue.createCommentVNode("v-if", true)
           ])
         ]),
         _: 1

package/lib/components/input-tags-display/src/input-tags-display.vue.d.ts

@@ -3,6 +3,10 @@ declare type ItemType = {
     title: string;
 };
 declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     list: {
         type: ArrayConstructor;
         default: () => ItemType[];
@@ -66,6 +70,10 @@ declare const _default: import("vue").DefineComponent<{
         trigger: string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:list" | "addClick")[], "clear" | "update:list" | "addClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     list: {
         type: ArrayConstructor;
         default: () => ItemType[];
@@ -114,6 +122,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:list"?: ((...args: any[]) => any) | undefined;
     onAddClick?: ((...args: any[]) => any) | undefined;
 }, {
+    disabled: boolean;
     placeholder: string;
     placement: string;
     list: unknown[];

package/lib/utils/bm-admin-ui-resolver.d.ts

@@ -1,4 +1,6 @@
-export declare function BmAdminUiResolver(options: any): {
+export declare function BmAdminUiResolver(options?: {
+    importStyle: boolean;
+}): {
     type: string;
     resolve: (name: string) => {
         name: string;

package/lib/utils/bm-admin-ui-resolver.js

@@ -5,7 +5,7 @@ function kebabCase(key) {
     const result = key.replace(/([A-Z])/g, ' $1').trim();
     return result.split(' ').join('-').toLowerCase();
 }
-function BmAdminUiResolver(options) {
+function BmAdminUiResolver(options = { importStyle: false }) {
     return [
         {
             type: 'component',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bm-admin-ui",
-  "version": "1.0.39-alpha",
+  "version": "1.0.40-alpha",
   "private": false,
   "description": "An Admin Component Library for Bm",
   "license": "UNLICENSED",
@@ -21,7 +21,7 @@
     "floating-vue": "2.0.0-beta.17",
     "@ant-design/icons-vue": "^6.1.0",
     "ant-design-vue": "^3.2.10",
-    "bm-admin-icons": "^0.2.0",
+    "bm-admin-icons": "^0.2.7",
     "vuedraggable": "^4.1.0",
     "lodash-es": "^4.17.21",
     "dayjs": "^1.11.4",

package/theme-chalk/form-create.css

@@ -1 +1 @@
-.bm-fc-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-fc-module-widget{width:100%;margin:24px 0}.bm-fc-module-widget+.bm-fc-module-widget{margin-top:0}.bm-fc-head-line{width:100%;margin-bottom:24px;font-weight:700}.bm-fc-form-item-label{display:inline-block;line-height:32px;width:127px;text-align:right}.bm-fc-form-item-label.is-required::before{display:inline-block;margin-right:4px;color:#ff4d4f;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:'*'}.bm-fc-form-item{line-height:32px;color:#9393a3}.bm-fc-form-item__cover{width:170px;height:170px;-o-object-position:center;object-position:center;-o-object-fit:contain;object-fit:contain}.bm-fc-form-item__temp-content{width:170px;height:170px!important}.bm-fc-row-widget{margin-bottom:24px}.bm-fc-row-widget .ant-form-item{margin-bottom:0}.bm-dc-table-widget__title{line-height:32px;font-size:16px;font-weight:700;overflow:hidden}.bm-dc-table-widget__title-samll{font-size:14px;font-weight:initial}.bm-dc-table-widget__top-bar{float:right}.bm-dc-table-widget__top-bar .ant-btn+.ant-btn{margin-left:8px}.bm-dc-table-widget__table{margin-top:16px}.bm-dc-table-widget .vxe-header--column.is-required .vxe-cell--title::before{display:inline-block;margin-right:4px;color:#ff4d4f;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:'*'}.bm-fc-select-material-temp__sider{width:225px;height:612px;padding:20px 24px;background-color:#fff;border-right:1px solid rgba(0,0,0,.06);overflow:auto}.bm-fc-select-material-temp__content{padding:24px;background-color:#fff}.bm-fc-select-material-temp__content__input{width:432px}.bm-fc-select-material-temp__content__btn{margin-left:8px}.bm-fc-select-material-temp__content__item-info{padding:10px}.bm-fc-select-material-temp__content__item-info__cover{width:170px;height:170px}.bm-fc-select-material-temp__content__item-info__cover__img{width:100%;height:100%;-o-object-position:center;object-position:center;-o-object-fit:contain;object-fit:contain}.bm-fc-select-material-temp__content__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.bm-fc-select-material-temp__content__item-name:hover{color:#2f4eed}.bm-fc-select-material-temp__content__circle{vertical-align:-.125em;display:inline-block;width:14px;height:14px;border:1px solid #e8e8e8;border-radius:50%}.bm-fc-select-material-temp__content__check-icon{color:#2f4eed}.bm-fc-select-material-temp__content__item-time{color:#9393a3;font-size:12px}.bm-fc-select-material-temp__content__name{margin-left:4px}.bm-fc-rect-outer{position:relative;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.bm-fc-rect-outer .bm-fc-rect{position:absolute;border:1px solid #2f4eed;background-repeat:no-repeat;background-size:cover;background-position:center}.bm-fc-rect-outer .bm-fc-rect.is-ele{border:unset}.bm-form-basic-info__title{font-size:16px;font-weight:700;color:#242633}.bm-form-basic-info__summary{font-size:12px;color:#9393a3;margin-top:15px}.bm-form-basic-info__summary.mt10{margin-top:10px}.bm-form-basic-info__status{float:right;padding:0 12px;margin-top:8px;background:#f5f5f5;border-radius:2px;opacity:.9;border:1px solid #d9d9d9;color:#242633}.bm-form-basic-info__approval-status{float:right;margin-top:3px}
+.bm-fc-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-fc-module-widget{width:100%;margin:24px 0}.bm-fc-module-widget+.bm-fc-module-widget{margin-top:0}.bm-fc-head-line{width:100%;margin-bottom:24px;font-weight:700}.bm-fc-form-item-label{display:inline-block;line-height:32px;width:127px;text-align:right}.bm-fc-form-item-label.is-required::before{display:inline-block;margin-right:4px;color:#ff4d4f;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:'*'}.bm-fc-form-item{line-height:32px;color:#9393a3}.bm-fc-form-item__cover{width:170px;height:170px;-o-object-position:center;object-position:center;-o-object-fit:contain;object-fit:contain}.bm-fc-form-item__temp-content{width:170px;height:170px!important}.bm-fc-row-widget{margin-bottom:24px}.bm-fc-row-widget .ant-form-item{margin-bottom:0}.bm-dc-table-widget__title{line-height:32px;font-size:16px;font-weight:700;overflow:hidden}.bm-dc-table-widget__title-samll{font-size:14px;font-weight:initial}.bm-dc-table-widget__top-bar{float:right}.bm-dc-table-widget__top-bar .ant-btn+.ant-btn{margin-left:8px}.bm-dc-table-widget__table{margin-top:16px}.bm-dc-table-widget .vxe-header--column.is-required .vxe-cell--title::before{display:inline-block;margin-right:4px;color:#ff4d4f;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:'*'}.bm-fc-select-material-temp__sider{width:225px;height:612px;padding:20px 24px;background-color:#fff;border-right:1px solid rgba(0,0,0,.06);overflow:auto}.bm-fc-select-material-temp__content{padding:24px;background-color:#fff}.bm-fc-select-material-temp__content__input{width:432px}.bm-fc-select-material-temp__content__btn{margin-left:8px}.bm-fc-select-material-temp__content__item-info{padding:10px}.bm-fc-select-material-temp__content__item-info__cover{width:170px;height:170px}.bm-fc-select-material-temp__content__item-info__cover__img{width:100%;height:100%;-o-object-position:center;object-position:center;-o-object-fit:contain;object-fit:contain}.bm-fc-select-material-temp__content__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.bm-fc-select-material-temp__content__item-name:hover{color:#2f4eed}.bm-fc-select-material-temp__content__circle{vertical-align:-.125em;display:inline-block;width:14px;height:14px;border:1px solid #e8e8e8;border-radius:50%}.bm-fc-select-material-temp__content__check-icon{color:#2f4eed}.bm-fc-select-material-temp__content__item-time{color:#9393a3;font-size:12px}.bm-fc-select-material-temp__content__name{margin-left:4px}.bm-fc-rect-outer{position:relative;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.bm-fc-rect-outer .bm-fc-rect{position:absolute;border:1px solid #2f4eed;background-repeat:no-repeat;background-size:cover;background-position:center}.bm-fc-rect-outer .bm-fc-rect.is-ele{border:unset}.bm-form-basic-info__title{font-size:16px;font-weight:700;color:#242633}.bm-form-basic-info__shop{margin-left:4px;padding:4px 12px;color:#2f4eed;background:#e6f7ff;border-radius:2px;border:1px solid #91d5ff}.bm-form-basic-info__summary{font-size:12px;color:#9393a3;margin-top:15px}.bm-form-basic-info__summary.mt10{margin-top:10px}.bm-form-basic-info__status{float:right;padding:0 12px;margin-top:8px;background:#f5f5f5;border-radius:2px;opacity:.9;border:1px solid #d9d9d9;color:#242633}.bm-form-basic-info__approval-status{float:right;margin-top:3px}.bm-fc-form-basic-info{margin-bottom:48px}