bm-admin-ui 1.0.54-alpha → 1.0.55-alpha

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

@@ -12,6 +12,7 @@ var components = require('bm-admin-ui/lib/components');
 var iconsVue = require('@ant-design/icons-vue');
 var lodashEs = require('lodash-es');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
+var isNull = require('bm-admin-ui/lib/utils/isNull');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -822,6 +823,9 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     function handleAdd() {
       visible.value = true;
     }
+    function getPopupContainer() {
+      return document.body;
+    }
     vue.watch(
       () => props.defaultSelected,
       (val) => {
@@ -841,9 +845,12 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           "onUpdate:list": _cache[0] || (_cache[0] = ($event) => selected.value = $event),
           "show-empty-btn": false,
           disabled: __props.disabled,
+          "tool-tip-props": {
+            getPopupContainer
+          },
           "show-empty": "",
           onAddClick: handleAdd
-        }, null, 8, ["list", "disabled"]),
+        }, null, 8, ["list", "disabled", "tool-tip-props"]),
         vue.createVNode(vue.unref(BmStaffsSelector__default["default"]), {
           select: selected.value,
           "onUpdate:select": _cache[1] || (_cache[1] = ($event) => selected.value = $event),
@@ -1289,7 +1296,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     "extraConfig",
     "disabled",
     "disabledTable",
-    "hidden"
+    "hidden",
+    "formCreateInject"
   ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
@@ -1314,6 +1322,9 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     const config = vue.computed(() => ({
       columns: [...columns],
       data: [...data],
+      columnConfig: {
+        resizable: true
+      },
       checkboxConfig: {
         trigger: "cell",
         checkMethod() {
@@ -1352,12 +1363,15 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         return result;
       }, {}) || {}
     );
+    const productInputSlots = vue.reactive([]);
+    const formData = vue.computed(() => props.formCreateInject.api.bind());
     function isShow(key) {
       return props.rule.config.tableAdvancedFeatures.includes(key);
     }
     function initConfig() {
       columns.splice(0, columns.length);
       data.splice(0, data.length);
+      productInputSlots.splice(0, productInputSlots.length);
       const childRules = lodashEs.cloneDeep(props.rule.config.childRules);
       const value = props.rule.value;
       if (deleteFeature.value && !props.hidden) {
@@ -1411,6 +1425,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       const productName = `\u5546\u54C1${String(++productIndex).padStart(2, "0")}`;
       const field = rule.field;
       const associatedFields = rule.config.associatedFields;
+      productInputSlots.push(rule);
       const columns2 = [
         {
           field,
@@ -1418,19 +1433,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           headerClassName: rule.effect.required ? "is-required" : "",
           minWidth: "138px",
           slots: {
-            default({ row }) {
-              return vue.h(antDesignVue.Input, {
-                value: row[field],
-                placeholder: "\u8BF7\u8F93\u5165",
-                disabled: rule.disabled,
-                "onUpdate:value": (value) => {
-                  row[field] = value;
-                },
-                onPressEnter() {
-                  queryProductInfo(rule, row);
-                }
-              });
-            }
+            default: rule.field
           }
         }
       ];
@@ -1506,9 +1509,9 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       const field = rule.field;
       const associatedFields = rule?.config?.associatedFields;
       return await props.extraConfig.product.fetch({ productCode: row[field] }).then((data2) => {
-        if (data2 && associatedFields.length)
+        if (associatedFields.length)
           associatedFields.forEach((item) => {
-            row[field + item.value] = data2[productInfoKeyMap[item.value]];
+            row[field + item.value] = data2 ? data2[productInfoKeyMap[item.value]] : void 0;
           });
         return data2;
       });
@@ -1666,6 +1669,18 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         return Promise.resolve(rowData);
       }
     }
+    function pruductInputDisabled(shopField) {
+      if (!shopField)
+        return false;
+      return !formData.value[shopField];
+    }
+    function handlePressEnter(rule, row) {
+      queryProductInfo(rule, row).then((data2) => {
+        if (!data2) {
+          row[rule.field] = "";
+        }
+      });
+    }
     vue.watch(
       () => props.rule,
       () => {
@@ -1748,7 +1763,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                 ref_key: "bmFloatTableRef",
                 ref: bmFloatTableRef,
                 config: vue.unref(config)
-              }, {
+              }, vue.createSlots({
                 floatHandle: vue.withCtx(({ row, rowIndex }) => [
                   vue.unref(copyFeature) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     vue.createVNode(vue.unref(antDesignVue.Button), {
@@ -1776,8 +1791,23 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                     _: 2
                   }, 1032, ["disabled", "onClick"])
                 ]),
-                _: 1
-              }, 8, ["config"])
+                _: 2
+              }, [
+                vue.renderList(productInputSlots, (item) => {
+                  return {
+                    name: item.field,
+                    fn: vue.withCtx(({ row }) => [
+                      vue.createVNode(vue.unref(antDesignVue.Input), {
+                        value: row[item.field],
+                        "onUpdate:value": ($event) => row[item.field] = $event,
+                        placeholder: "\u8BF7\u8F93\u5165",
+                        disabled: item.disabled || pruductInputDisabled(item.config?.dataFiltering),
+                        onPressEnter: ($event) => handlePressEnter(item, row)
+                      }, null, 8, ["value", "onUpdate:value", "disabled", "onPressEnter"])
+                    ])
+                  };
+                })
+              ]), 1032, ["config"])
             ]),
             _: 1
           })
@@ -1982,7 +2012,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
         return void 0;
     }
     function handleTableDataChange(value) {
-      getAcitvePane().tableData = value;
+      const activePane2 = getAcitvePane();
+      activePane2.tableData = value;
     }
     function emitChange() {
       emits("change", {
@@ -1993,7 +2024,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           tempIdSelected: pane.tempSelected.templateCode || pane.tempIdSelected,
           templateName: pane.tempSelected?.templateName || pane.templateName,
           tableData: pane.tableData,
-          uploadList: pane.uploadList
+          uploadList: pane.uploadList,
+          tableRequiredFields: pane.tableRule?.config?.childRules?.filter((rule) => rule.effect?.required).map((rule) => rule.field)
         }))
       });
     }
@@ -2331,6 +2363,30 @@ var materialTemp = {
                             inject.self.value = value;
                         },
                     },
+                    validate: [
+                        {
+                            validator(rule, value) {
+                                if (isNull.isNull(value)) {
+                                    return Promise.reject();
+                                }
+                                const panes = value.panes;
+                                for (const pane of panes) {
+                                    if (!pane.tempIdSelected) {
+                                        return Promise.reject();
+                                    }
+                                    if (pane.tableRequiredFields) {
+                                        for (const field of pane.tableRequiredFields) {
+                                            if (pane.tableData.some((row) => isNull.isNull(row[field]))) {
+                                                return Promise.reject();
+                                            }
+                                        }
+                                    }
+                                }
+                                return Promise.resolve();
+                            },
+                            message: '请检查必填项',
+                        },
+                    ],
                 },
             ],
             class: 'bm-fc-module-widget',
@@ -2348,7 +2404,8 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     "required",
     "extraConfig",
     "defalutValue",
-    "disabled"
+    "disabled",
+    "formCreateInject"
   ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
@@ -2363,8 +2420,9 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
       \u5546\u54C1\u5355\u4F4D: "unit"
     };
     const unitMap = ["\u652F", "\u74F6", "\u5957", "\u7EC4", "\u7BB1", "\u4E2A", "\u5F20"];
+    const formData = vue.computed(() => props.formCreateInject.api.bind());
     async function fetch(value) {
-      productInfo.value = await props.extraConfig.fetch({
+      productInfo.value = await props.extraConfig.product.fetch({
         productCode: value,
         filterByShopcode: props.dataFiltering
       }) || {};
@@ -2380,6 +2438,9 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     function emitChange(value) {
       emits("change", value);
     }
+    function inputDisbale(shopField) {
+      return shopField && !formData.value[shopField];
+    }
     vue.watch(
       () => props.defalutValue,
       (val) => {
@@ -2412,7 +2473,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                       vue.createVNode(vue.unref(antDesignVue.Input), {
                         placeholder: "\u8BF7\u8F93\u5165",
                         value: __props.defalutValue,
-                        disabled: __props.disabled,
+                        disabled: __props.disabled || inputDisbale(__props.dataFiltering),
                         onPressEnter: handleBlur
                       }, null, 8, ["value", "disabled"])
                     ]),
@@ -2446,7 +2507,8 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                         getValue(field.value) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                           field.value === "\u5546\u54C1\u56FE\u7247" ? (vue.openBlock(), vue.createElementBlock("img", {
                             key: 0,
-                            src: getValue(field.value)
+                            class: "bm-fc-form-item__img",
+                            src: __props.extraConfig.common.previewImg(getValue(field.value))
                           }, null, 8, _hoisted_2$2)) : field.value === "\u5546\u54C1\u5355\u4F4D" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                             vue.createTextVNode(vue.toDisplayString(unitMap[getValue(field.value)]), 1)
                           ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
@@ -2487,7 +2549,7 @@ var product = {
                 required: data.effect.required,
                 associatedFields: data.config.associatedFields,
                 dataFiltering: data.config.dataFiltering,
-                extraConfig: extraConfig.product,
+                extraConfig: extraConfig,
                 defalutValue: data.value,
             },
             inject: true,
@@ -2501,7 +2563,7 @@ var product = {
             },
         };
     },
-    rowRule(data) {
+    rowRule(data, extraConfig) {
         return {
             type: 'ProductInfo',
             component: ProductInfo,
@@ -2514,6 +2576,7 @@ var product = {
                 associatedFields: data.config.associatedFields,
                 dataFiltering: data.config.dataFiltering,
                 defalutValue: data.value,
+                extraConfig: extraConfig,
             },
             inject: true,
             on: {
@@ -3041,6 +3104,20 @@ var department = {
     },
 };
 
+function validator(rule, value) {
+    var _a;
+    const childRules = ((_a = rule.config) === null || _a === void 0 ? void 0 : _a.childRules) || [];
+    const requiredRules = childRules.filter((rule) => { var _a; return (_a = rule === null || rule === void 0 ? void 0 : rule.effect) === null || _a === void 0 ? void 0 : _a.required; });
+    if (requiredRules.length && isNull.isNull(value)) {
+        return Promise.reject();
+    }
+    for (const rule of requiredRules) {
+        if (value.some((item) => isNull.isNull(item[rule.field]))) {
+            return Promise.reject();
+        }
+    }
+    return Promise.resolve();
+}
 var table = {
     name: 'table',
     rule(data, extraConfig) {
@@ -3055,9 +3132,19 @@ var table = {
             inject: true,
             on: {
                 change(inject, value) {
-                    inject.self.value = value;
+                    const rule = inject.self;
+                    rule.value = value;
+                    inject.api.emit('table-change', inject.api.bind());
                 },
             },
+            validate: [
+                {
+                    validator(rule, value) {
+                        return validator(data, value);
+                    },
+                    message: '请检查必填项',
+                },
+            ],
         };
     },
     rowRule(data, extraConfig) {
@@ -3073,8 +3160,17 @@ var table = {
             on: {
                 change(inject, value) {
                     inject.self.value = value;
+                    inject.api.emit('table-change', inject.api.bind());
                 },
             },
+            validate: [
+                {
+                    validator(rule, value) {
+                        return validator(data, value);
+                    },
+                    message: '请检查必填项',
+                },
+            ],
             col: {
                 span: 24,
             },
@@ -3395,7 +3491,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "model-value": __props.value,
           option,
           rule: rule.value,
-          "onUpdate:modelValue": handleValue
+          "onUpdate:modelValue": handleValue,
+          onTableChange: handleValue
         }, null, 8, ["api", "model-value", "rule"])
       ], 64);
     };

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

@@ -1364,6 +1364,7 @@ var date = {
             props: {
                 placeholder: '请选择',
                 format: 'YYYY-MM',
+                valueFormat: 'YYYY-MM',
             },
             config: {
                 propsFields: Object.values(fieldsMap$b),
@@ -1414,6 +1415,12 @@ var date = {
                     },
                 ],
                 value: rule.props.format,
+                inject: true,
+                on: {
+                    change({ api, self }, format) {
+                        api.emit('props.valueFormat', format.value);
+                    },
+                },
             },
             {
                 type: 'input',

package/lib/components/staffs-selector/index.d.ts

@@ -917,6 +917,7 @@ declare const BmStaffsSelector: import("bm-admin-ui/es/utils/with-install").SFCW
         }> | null | undefined)[]>;
         isFulfill: import("vue").Ref<boolean>;
         changeTreeCheck: (checkedKeys: any) => void;
+        departmentSelect: import("vue").Ref<never[]>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:selected" | "fetchList")[], "update:selected" | "fetchList", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         limit: {
             type: NumberConstructor;

package/lib/components/staffs-selector/index.js

@@ -160,7 +160,9 @@ const _sfc_main$3 = vue.defineComponent({
       },
       { deep: true }
     );
+    const departmentSelect = vue.ref([]);
     function changeTreeCheck(checkedKeys) {
+      departmentSelect.value = checkedKeys;
       let flatMap = selectState.dataMap;
       let curlistKeys = selectState.curlistKeys;
       let hadselected = new Set(selectState.multipDepartment);
@@ -185,6 +187,7 @@ const _sfc_main$3 = vue.defineComponent({
     }
     return {
       changeTreeCheck,
+      departmentSelect,
       ...vue.toRefs(state),
       ...vue.toRefs(selectState),
       list,
@@ -265,7 +268,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
             }), 128))
           ], 64)) : _ctx.isTree ? (vue.openBlock(), vue.createBlock(_component_ATree, {
             key: 1,
-            "checked-keys": _ctx.multipDepartment,
+            "checked-keys": _ctx.departmentSelect,
             checkable: "",
             "tree-data": _ctx.list,
             onCheck: _ctx.changeTreeCheck

package/lib/components/staffs-selector/src/multipleCmp.vue.d.ts

@@ -35,6 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | null | undefined)[]>;
     isFulfill: import("vue").Ref<boolean>;
     changeTreeCheck: (checkedKeys: any) => void;
+    departmentSelect: import("vue").Ref<never[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:selected" | "fetchList")[], "update:selected" | "fetchList", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     limit: {
         type: NumberConstructor;

package/lib/components/staffs-selector/src/staffs-selector.vue.d.ts

@@ -917,6 +917,7 @@ declare const _default: import("vue").DefineComponent<{
         }> | null | undefined)[]>;
         isFulfill: import("vue").Ref<boolean>;
         changeTreeCheck: (checkedKeys: any) => void;
+        departmentSelect: import("vue").Ref<never[]>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:selected" | "fetchList")[], "update:selected" | "fetchList", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         limit: {
             type: NumberConstructor;

package/lib/utils/isNull.d.ts

@@ -0,0 +1 @@
+export declare function isNull(value: any): boolean;

package/lib/utils/isNull.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNull = void 0;
+function isNull(value) {
+    return (!value ||
+        (Array.isArray(value) && !value.length) ||
+        (value.constructor === Object && !Object.keys(value).length));
+}
+exports.isNull = isNull;

package/package.json

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

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__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}
+.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,.bm-fc-form-item__img{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}