bm-admin-ui 1.0.89-alpha → 1.0.91-alpha
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/form-create/index.js +389 -98
- package/es/components/form-designer/index.js +180 -122
- package/es/components/search-filter/index.js +35 -14
- package/es/components/search-filter/src/form-select-all.vue.d.ts +15 -0
- package/es/components/select-all/index.js +1 -0
- package/es/utils/uniqueId.js +2 -2
- package/lib/components/form-create/index.js +389 -98
- package/lib/components/form-designer/index.js +174 -116
- package/lib/components/search-filter/index.js +35 -14
- package/lib/components/search-filter/src/form-select-all.vue.d.ts +15 -0
- package/lib/components/select-all/index.js +1 -0
- package/lib/utils/uniqueId.js +2 -2
- package/package.json +1 -1
- package/theme-chalk/form-designer.css +1 -1
- package/theme-chalk/index.css +1 -1
- package/types/components/search-filter/src/form-select-all.vue.d.ts +15 -0
|
@@ -185,14 +185,19 @@ const _hoisted_3 = ["onClick"];
|
|
|
185
185
|
const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("span", { class: "checkbox-label" }, "\u5168\u9009", -1);
|
|
186
186
|
const _hoisted_5 = ["onClick"];
|
|
187
187
|
const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("span", { class: "checkbox-label" }, "\u53CD\u9009", -1);
|
|
188
|
-
const _hoisted_7 = {
|
|
188
|
+
const _hoisted_7 = { key: 0 };
|
|
189
|
+
const _hoisted_8 = { class: "blue" };
|
|
189
190
|
const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
190
191
|
__name: "form-select-all",
|
|
191
192
|
props: {
|
|
192
193
|
modelValue: {
|
|
193
194
|
type: Array || String || Number || void 0
|
|
194
195
|
},
|
|
195
|
-
disabled: Boolean
|
|
196
|
+
disabled: Boolean,
|
|
197
|
+
showSelectAll: {
|
|
198
|
+
type: Boolean,
|
|
199
|
+
default: true
|
|
200
|
+
}
|
|
196
201
|
},
|
|
197
202
|
emits: ["onSelectAll", "onChange", "update:modelValue"],
|
|
198
203
|
setup(__props, { emit }) {
|
|
@@ -202,7 +207,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
202
207
|
search: {
|
|
203
208
|
indeterminate: false,
|
|
204
209
|
checkedAll: false,
|
|
205
|
-
checkedReverse: false
|
|
210
|
+
checkedReverse: false,
|
|
211
|
+
searchList: []
|
|
206
212
|
}
|
|
207
213
|
});
|
|
208
214
|
let selectValue = vue.ref([]);
|
|
@@ -214,7 +220,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
214
220
|
state.search = {
|
|
215
221
|
indeterminate: false,
|
|
216
222
|
checkedAll: false,
|
|
217
|
-
checkedReverse: false
|
|
223
|
+
checkedReverse: false,
|
|
224
|
+
searchList: []
|
|
218
225
|
};
|
|
219
226
|
}
|
|
220
227
|
},
|
|
@@ -224,17 +231,20 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
224
231
|
);
|
|
225
232
|
const selectAll = (e) => {
|
|
226
233
|
let key = "value";
|
|
234
|
+
let list = [];
|
|
227
235
|
if (instance?.attrs.fieldNames || instance?.attrs["field-names"])
|
|
228
236
|
key = (instance?.attrs).fieldNames?.value || (instance?.attrs)["field-names"].value;
|
|
229
237
|
state.search.checkedAll = !state.search.checkedAll;
|
|
230
238
|
state.search.indeterminate = false;
|
|
231
239
|
state.search.checkedReverse = false;
|
|
240
|
+
if (state.search.searchList.length > 0)
|
|
241
|
+
list = state.search.searchList;
|
|
242
|
+
else
|
|
243
|
+
list = instance?.attrs.options;
|
|
232
244
|
if (state.search.checkedAll) {
|
|
233
|
-
selectValue.value =
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
}
|
|
237
|
-
);
|
|
245
|
+
selectValue.value = list.map((v) => {
|
|
246
|
+
return v[key];
|
|
247
|
+
});
|
|
238
248
|
} else {
|
|
239
249
|
selectValue.value = [];
|
|
240
250
|
}
|
|
@@ -277,6 +287,15 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
277
287
|
option
|
|
278
288
|
});
|
|
279
289
|
};
|
|
290
|
+
const onSearch = (val) => {
|
|
291
|
+
if (val) {
|
|
292
|
+
const key = (instance?.attrs).optionFilterProp || (instance?.attrs)["option-filter-prop"] || "value";
|
|
293
|
+
const list = (instance?.attrs).options.filter((ele) => {
|
|
294
|
+
return String(ele[key]).indexOf(String(val)) > -1;
|
|
295
|
+
});
|
|
296
|
+
state.search.searchList = list;
|
|
297
|
+
}
|
|
298
|
+
};
|
|
280
299
|
const VNodes = (_, { attrs }) => {
|
|
281
300
|
return vue.h(attrs.vnodes);
|
|
282
301
|
};
|
|
@@ -289,10 +308,12 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
289
308
|
class: "bm-select search"
|
|
290
309
|
}, _ctx.$attrs, {
|
|
291
310
|
mode: "multiple",
|
|
311
|
+
class: { w200: !props.showSelectAll },
|
|
292
312
|
disabled: props.disabled,
|
|
293
313
|
placeholder: vue.unref(instance)?.attrs.placeholder ? vue.unref(instance)?.attrs.placeholder : "\u8BF7\u9009\u62E9",
|
|
294
314
|
"get-popup-container": (nodes) => nodes.parentNode,
|
|
295
|
-
onChange
|
|
315
|
+
onChange,
|
|
316
|
+
onSearch
|
|
296
317
|
}), {
|
|
297
318
|
dropdownRender: vue.withCtx(({ menuNode: menu }) => [
|
|
298
319
|
vue.createElementVNode("div", _hoisted_1, [
|
|
@@ -324,16 +345,16 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
324
345
|
]),
|
|
325
346
|
_: 1
|
|
326
347
|
}),
|
|
327
|
-
vue.
|
|
348
|
+
__props.showSelectAll ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
|
|
328
349
|
vue.createTextVNode(" \u5DF2\u9009\u62E9 "),
|
|
329
|
-
vue.createElementVNode("span",
|
|
350
|
+
vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(vue.unref(selectValue)?.length || 0), 1),
|
|
330
351
|
vue.createTextVNode(" \u9879 ")
|
|
331
|
-
])
|
|
352
|
+
])) : vue.createCommentVNode("v-if", true)
|
|
332
353
|
]),
|
|
333
354
|
vue.createVNode(VNodes, { vnodes: menu }, null, 8, ["vnodes"])
|
|
334
355
|
]),
|
|
335
356
|
_: 1
|
|
336
|
-
}, 16, ["value", "disabled", "placeholder", "get-popup-container"]);
|
|
357
|
+
}, 16, ["value", "class", "disabled", "placeholder", "get-popup-container"]);
|
|
337
358
|
};
|
|
338
359
|
}
|
|
339
360
|
});
|
|
@@ -3,6 +3,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3
3
|
type: ArrayConstructor;
|
|
4
4
|
};
|
|
5
5
|
disabled: BooleanConstructor;
|
|
6
|
+
showSelectAll: {
|
|
7
|
+
type: BooleanConstructor;
|
|
8
|
+
default: boolean;
|
|
9
|
+
};
|
|
6
10
|
}, {
|
|
7
11
|
instance: import("vue").ComponentInternalInstance | null;
|
|
8
12
|
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -10,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
10
14
|
type: ArrayConstructor;
|
|
11
15
|
};
|
|
12
16
|
disabled: BooleanConstructor;
|
|
17
|
+
showSelectAll: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
13
21
|
}>> & {
|
|
14
22
|
onOnChange?: ((...args: any[]) => any) | undefined;
|
|
15
23
|
onOnSelectAll?: ((...args: any[]) => any) | undefined;
|
|
@@ -20,6 +28,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
20
28
|
indeterminate: boolean;
|
|
21
29
|
checkedAll: boolean;
|
|
22
30
|
checkedReverse: boolean;
|
|
31
|
+
searchList: never[];
|
|
23
32
|
};
|
|
24
33
|
};
|
|
25
34
|
emit: (event: "onChange" | "onSelectAll" | "update:modelValue", ...args: any[]) => void;
|
|
@@ -27,6 +36,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
27
36
|
selectAll: (e: any) => void;
|
|
28
37
|
reverseAll: (e: any) => false | undefined;
|
|
29
38
|
onChange: (value: any, option: any) => void;
|
|
39
|
+
onSearch: (val: string | number) => void;
|
|
30
40
|
VNodes: (_: any, { attrs }: {
|
|
31
41
|
attrs: any;
|
|
32
42
|
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
@@ -731,11 +741,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
731
741
|
type: ArrayConstructor;
|
|
732
742
|
};
|
|
733
743
|
disabled: BooleanConstructor;
|
|
744
|
+
showSelectAll: {
|
|
745
|
+
type: BooleanConstructor;
|
|
746
|
+
default: boolean;
|
|
747
|
+
};
|
|
734
748
|
}>> & {
|
|
735
749
|
onOnChange?: ((...args: any[]) => any) | undefined;
|
|
736
750
|
onOnSelectAll?: ((...args: any[]) => any) | undefined;
|
|
737
751
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
738
752
|
}, {
|
|
739
753
|
disabled: boolean;
|
|
754
|
+
showSelectAll: boolean;
|
|
740
755
|
}>;
|
|
741
756
|
export default _default;
|
|
@@ -129,6 +129,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
129
129
|
const onSearch = (val) => {
|
|
130
130
|
if (val) {
|
|
131
131
|
const key = (instance?.attrs).optionFilterProp || (instance?.attrs)["option-filter-prop"] || "value";
|
|
132
|
+
console.log(key);
|
|
132
133
|
const list = (instance?.attrs).options.filter((ele) => {
|
|
133
134
|
return String(ele[key]).indexOf(String(val)) > -1;
|
|
134
135
|
});
|
package/lib/utils/uniqueId.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
let id = 0;
|
|
4
4
|
function uniqueId() {
|
|
5
|
-
return
|
|
6
|
-
Number(`${Date.now()}${++id}`).toString(36)
|
|
5
|
+
return `bm${Math.random().toString(36).substring(3, 6) +
|
|
6
|
+
Number(`${Date.now()}${++id}`).toString(36)}`;
|
|
7
7
|
}
|
|
8
8
|
exports.default = uniqueId;
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.bm-form-designer{height:100%;background-color:#f8f8f8}.bm-form-designer .bfd-sider-left{height:100%;padding:19px 17px 19px 15px;background-color:#fff;font-size:12px;overflow-y:auto;overflow-y:overlay}.bm-form-designer .bfd-sider-left .ant-layout-sider-children{height:auto}.bm-form-designer .bfd-sider-left .bm-tabs{padding:2px;height:30px;line-height:26px;color:#242633;font-weight:700;background-color:#f0f2f5}.bm-form-designer .bfd-sider-left .bm-tabs .bm-tabs-item{width:74px;text-align:center;cursor:pointer}.bm-form-designer .bfd-sider-left .bm-tabs .bm-tabs-item.active{background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,21,41,.12);border-radius:1px}.bm-form-designer .bfd-sider-left .bm-menu-title{margin:20px 0 12px;color:#9393a3}.bm-form-designer .bfd-sider-left .bm-menu-wrap{display:flex;flex-flow:row wrap;margin-left:-8px;margin-right:-8px;row-gap:12px}.bm-form-designer .bfd-sider-left .bm-menu-wrap .bm-menu-item-wrap{padding-left:8px;padding-right:8px;flex:0}.bm-form-designer .bfd-sider-left .bm-menu-item{display:flex;align-items:center;color:#242633;padding:7px 0 8px 10px;background-color:#f6f7f9;border-radius:2px}.bm-form-designer .bfd-sider-left .bm-menu-item .bm-menu-icon{width:1em;height:1em;margin-right:8px;font-size:16px;color:#505259}.bm-form-designer .bfd-sider-left .bm-menu-item:hover{color:#2f4eed;cursor:pointer}.bm-form-designer .bfd-sider-left .bm-menu-item:hover .bm-menu-icon{color:inherit}.bm-form-designer .bfd-sider-left .bm-menu-item-wrap.sortable-fallback .bm-menu-item{color:#2f4eed}.bm-form-designer .bfd-sider-left .bm-menu-item-wrap.sortable-fallback .bm-menu-icon{color:inherit}.bm-form-designer .bfd-main{position:relative;min-width:560px;height:100%;padding:10px 0}.bm-form-designer .bfd-main .bm-no-data-tip{position:absolute;top:0;left:0;width:100%;padding-top:93px;margin-top:24px;text-align:center}.bm-form-designer .bfd-main .bfd-main__warp{position:relative;height:100%;padding:0 6px 0 10px;overflow-y:auto}.bm-form-designer .bfd-main .bm-widget-form{position:relative;min-height:100%;padding:16px 12px;background-color:#fff;border-radius:5px}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool{position:relative;padding:16px 12px;border-radius:4px}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool:hover{background-color:#f6f7f9;cursor:pointer}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool.is-row .bm-drag-tool:hover{background-color:#eef0f3}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool.is-active{background-color:#eaf2ff!important}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool.is-put-disabled{border:1px solid #e64c2e}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .ant-form-item{margin-bottom:0}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .ant-form-item .ant-form-item-label{line-height:20px;font-weight:700}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-mask{position:absolute;top:0;left:0;right:0;bottom:0;z-index:999}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn{position:absolute;z-index:999;top:10px;right:16px;line-height:12px;padding:6px 0;color:#737380;font-size:12px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(45,76,125,.1);border-radius:12px}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-col:nth-child(n+2){position:relative}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-col:nth-child(n+2)::before{position:absolute;top:0;left:0;content:'';width:1px;height:100%;background-color:#e8e8e8}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-icon{width:1em;height:1em;vertical-align:middle}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-icon.is-copy:hover{color:#2f4eed}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-icon.is-delete:hover{color:#e64c2e}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item{margin-top:2px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item:first-child{margin-top:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item .bm-drag-placeholder{display:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item .bm-drag-block{display:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item.sortable-ghost .bm-drag-tool{display:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item.sortable-ghost .bm-drag-placeholder{display:inherit}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap{position:relative}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap.put-is-disabled{border:1px solid #e64c2e}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap .bm-widget-row-tip{position:absolute;width:100%;height:64px;line-height:64px;text-align:center;color:#9393a3;background-color:#fafafa;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap .bm-widget-row{position:relative;width:100%;min-height:64px;z-index:1}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-top-bar{pointer-events:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-top-bar>.ant-btn+.ant-btn{margin-left:8px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer{position:relative;margin-top:8px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__checkbox{position:absolute;top:0;z-index:1;pointer-events:none;left:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__checkbox .bm-widget-table__checkbox__head{padding:16px 8px;background-color:#fafafa}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__checkbox .bm-widget-table__checkbox__content{padding:18px 8px;border:1px solid #e8e8e8;border-left:none;border-right:none;background-color:#fff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn{position:absolute;top:0;z-index:1;pointer-events:none;right:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn span{display:inline-block;vertical-align:top;width:1px;height:16px;margin:2px 8px;background-color:#e8e8e8}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn .bm-widget-table__operateColumn__head{padding:16px;background-color:#fafafa;color:#242633;font-weight:700}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn .bm-widget-table__operateColumn__content{padding:19px 8px;line-height:20px;font-size:12px;border:1px solid #e8e8e8;border-left:none;border-right:none;text-align:center;background-color:#fff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner{position:relative;padding-bottom:4px;line-height:0;overflow-x:auto;overflow-y:hidden}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table{position:relative;display:inline-block;height:114px;min-width:100%}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__tip{position:absolute;top:0;left:0;width:100%;height:100%;line-height:112px;text-align:center;color:#9393a3;background-color:#fafafa;z-index:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__virtual{position:absolute;top:0;left:0;width:100%;height:100%}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__virtual .bm-widget-table__virtual__head{height:54px;background-color:#fafafa}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__virtual .bm-widget-table__virtual__content{height:60px;background-color:#fff;border:1px solid #e8e8e8;border-left:none;border-right:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content{position:relative;display:inline-block;min-width:100%;height:100%;white-space:nowrap;z-index:1}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item{display:inline-block}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool{padding:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool .ant-form-item-label{padding:16px;background-color:#fafafa}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool .ant-form-item-label label{line-height:22px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool .ant-form-item-control{padding:13px 16px;border:1px solid #e8e8e8;border-left:none;border-right:none;background-color:#fff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool:hover .ant-form-item-control,.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool:hover .ant-form-item-label{background-color:#f6f7f9}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool.is-active .ant-form-item-control,.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item .bm-drag-tool.is-active .ant-form-item-label{background-color:#eaf2ff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item.no-label{vertical-align:top}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table .bm-widget-table__drag-content .bm-widget-table__drag-item.no-label .bm-drag-tool .ant-form-item-control{margin-top:54px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner::-webkit-scrollbar{height:8px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner::-webkit-scrollbar-track{background:rgba(126,132,163,.2);border-radius:4px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner::-webkit-scrollbar-thumb{background:#7e84a3;border-radius:4px}.bm-form-designer .bfd-main .bm-widget-form .bm-product-info-item{padding:14px 12px}.bm-form-designer .bfd-main .bm-widget-form .bm-product-info-item__title{color:#242633;font-size:14px}.bm-form-designer .bfd-main .bm-widget-form .bm-product-info-item__content{margin-top:8px;color:#9393a3;line-height:32px}.bm-form-designer .bfd-sider-right{height:100%;background-color:#fff}.bm-form-designer .bfd-sider-right .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.bm-form-designer .bfd-sider-right .bfd-sider-right__title{display:flex;align-items:center;padding:13px 0 11px 16px;border-bottom:1px solid #e8e8e8;color:#242633;font-weight:700}.bm-form-designer .bfd-sider-right .bfd-sider-right__title>svg{width:1em;height:1em;font-size:16px;margin-right:9px}.bm-form-designer .bfd-sider-right .bfd-sider-right__form{flex:1;padding:24px 16px;overflow-y:auto;overflow-y:overlay}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bfd-sider-right__form__flow-releated{padding:10px 16px;margin-bottom:24px;border-radius:2px;border:1px solid #91d5ff;background:#e6f7ff}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bfd-sider-right__form__table-checkbox .ant-checkbox-group .ant-checkbox-group-item{width:100%;margin-top:12px}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bfd-sider-right__form__table-checkbox .ant-checkbox-group .ant-checkbox-group-item:first-child{margin-top:0}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bm-default-date .ant-radio-group .ant-radio-wrapper{width:100%}.bm-form-designer .bfd-sider-right .bfd-sider-right__form .bm-default-date .ant-radio-group .ant-radio-wrapper+.ant-radio-wrapper{margin-top:8px}.bm-form-designer .bfd-sider-right .bm-handle-options{margin-top:8px}.bm-form-designer .bfd-sider-right .bm-handle-options:first-child{margin-top:0}.bm-form-designer .bfd-sider-right .bm-handle-options.sortable-fallback{display:none}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__drag-icon{color:#818287;font-size:16px;cursor:move}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__input{flex:1;margin:0 8px}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__input.is-error{border-color:#e64d2e;box-shadow:none}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__del-icon{width:1em;height:1em;color:#c9c9d1;font-size:16px;cursor:pointer}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__del-icon:hover{color:#e64c2e}.bm-form-designer .bfd-sider-right .bm-handle-options .bm-handle-options__error-tip{margin-left:24px;color:#e64c2e}.bm-form-designer .bfd-sider-right .bm-table-column{margin-bottom:8px}.bm-form-designer .bfd-sider-right .bm-table-column.sortable-fallback{display:none}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__drag-icon{color:#818287;font-size:16px;cursor:move}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__main{flex:1;height:32px;line-height:30px;padding:0 12px;margin:0 8px;background:#fff;border-radius:2px;border:1px solid #d9d9d9}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__icon{font-size:16px;color:#c9c9d1;cursor:pointer}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__icon.is-edit:hover{color:#2f4eed}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__icon.is-del{width:1em;height:1em;margin-left:16px}.bm-form-designer .bfd-sider-right .bm-table-column .bm-table-column__icon.is-del:hover{color:#e64c2e}.bm-form-designer .bfd-sider-right .bm-table-column-btn-wrap{position:relative}.bm-form-designer .bfd-sider-right .bm-table-column-btn-wrap .bm-table-column__select{visibility:hidden}.bm-form-designer .bfd-sider-right .bm-table-column-btn-wrap .bm-table-column__btn{position:absolute;top:0;left:0}.bm-form-designer .bfd-sider-right .form-designer-props-radio-label .ant-radio-group label{width:100%}.bm-form-designer .bfd-sider-right .form-designer-props-radio-label .ant-radio-group label+label{margin-top:8px}.bm-form-designer .bfd-sider-right .bm-associated-fields-item+.bm-associated-fields-item{margin-top:8px}.bm-form-designer .bfd-sider-right .bm-associated-fields-item__content{display:inline-block;width:224px;padding:5px 12px;border-radius:2px;border:1px solid #d9d9d9;color:#505259;font-size:14px}.bm-form-designer .bfd-sider-right .bm-associated-fields-item__icon{width:1em;height:1em;font-size:16px;color:#d9d9d9;margin-left:16px;cursor:pointer}.bm-form-designer .bfd-sider-right .bm-associated-fields-item__icon:hover{color:#e64c2e}.bm-form-designer .bfd-sider-right .bm-shop-associated-fields-item{display:inline-block;line-height:22px;padding:0 8px;color:#242633;font-size:12px;background:#f5f5f5;border-radius:2px;border:1px solid #d9d9d9}.bm-form-designer .bfd-sider-right .bm-shop-associated-fields-item+.bm-shop-associated-fields-item{margin-left:8px}.bm-form-designer .bfd-sider-right .bm-use-instruction{padding:17px;background:#e6f7ff;border-radius:2px;border:1px solid #91d5ff;color:#242633;font-size:12px}.bm-form-designer .bfd-sider-right .bm-use-instruction__title{display:flex;align-items:center;margin-bottom:11px;font-weight:700}.bm-form-designer .bfd-sider-right .bm-use-instruction__title__icon{margin-right:8px;color:#2f4eed;font-size:16px}.bm-form-designer .bm-drag-placeholder{display:none;position:relative;height:2px;margin:2px 0;background-color:#2f4eed}.bm-form-designer .bm-drag-placeholder::before{content:'';position:absolute;top:-2px;left:0;width:0;height:0;border:3px solid transparent;border-left-color:#2f4eed}.bm-form-designer .bm-drag-placeholder::after{content:'';position:absolute;top:-2px;right:0;width:0;height:0;border:3px solid transparent;border-right-color:#2f4eed}.bm-form-designer .bm-drag-placeholder-vertical .bm-drag-placeholder{width:2px;height:100%;min-height:90px;margin:0}.bm-form-designer .bm-drag-placeholder-vertical .bm-drag-placeholder::before{top:0;left:-2px;border-left-color:transparent;border-top-color:#2f4eed}.bm-form-designer .bm-drag-placeholder-vertical .bm-drag-placeholder::after{top:unset;right:unset;bottom:0;left:-2px;border-right-color:transparent;border-bottom-color:#2f4eed}.bm-form-designer .bm-drag-block{display:none;line-height:20px;padding:6px 0 6px 8px;color:#2f4eed;box-shadow:0 6px 7px 0 rgba(58,54,54,.12);border-radius:2px;border:1px solid #2f4eed;background-color:#fff;opacity:.48}.bm-form-designer .menu-item-drag *{display:none!important}.bm-form-designer .menu-item-drag .bm-drag-block{display:inherit!important}.bm-form-designer .form-item-drag-ghost{max-width:100%;padding:0!important}.bm-form-designer .form-item-drag-ghost *{display:none!important}.bm-form-designer .form-item-drag-ghost .bm-drag-placeholder{display:inherit!important}.bm-form-designer .form-item-drag *{display:none!important}.bm-form-designer .form-item-drag .bm-drag-block{display:inherit!important}.bm-form-designer .row-drag-ghost.bm-menu-item-wrap,.bm-form-designer .row-drag-ghost.bm-widget-form-item{flex:0 0 50%;max-width:50%;padding:0!important}.bm-form-designer .row-drag-ghost *{display:none!important}.bm-form-designer .row-drag-ghost .bm-drag-placeholder{display:inherit!important}.bm-form-designer .row-drag-ghost .bm-drag-placeholder{width:2px;height:100%;min-height:90px;margin:0}.bm-form-designer .row-drag-ghost .bm-drag-placeholder::before{top:0;left:-2px;border-left-color:transparent;border-top-color:#2f4eed}.bm-form-designer .row-drag-ghost .bm-drag-placeholder::after{top:unset;right:unset;bottom:0;left:-2px;border-right-color:transparent;border-bottom-color:#2f4eed}.bm-form-designer .row-drag-ghost__is-empty{flex:0 0 50%!important;display:flex;align-items:center;padding:0!important}.bm-form-designer .row-drag-ghost__is-empty *{display:none!important}.bm-form-designer .row-drag-ghost__is-empty .bm-drag-placeholder{display:inherit!important}.bm-form-designer .row-drag-ghost__is-empty .bm-drag-placeholder{flex:1}.bm-form-designer .row-drag *{display:none!important}.bm-form-designer .row-drag .bm-drag-block{display:inherit!important}.bm-form-designer .table-drag-ghost__is-empty{display:inline-flex;width:140px;height:100%;align-items:center;padding:0!important}.bm-form-designer .table-drag-ghost__is-empty *{display:none!important}.bm-form-designer .table-drag-ghost__is-empty .bm-drag-placeholder{display:inherit!important}.bm-form-designer .table-drag-ghost__is-empty .bm-drag-placeholder{flex:1}.bm-form-designer .table-drag-ghost{width:140px;height:100%;vertical-align:top}.bm-form-designer .table-drag-ghost.bm-menu-item-wrap{display:inline-block;max-width:unset;padding:0!important}.bm-form-designer .table-drag-ghost *{display:none!important}.bm-form-designer .table-drag-ghost .bm-drag-placeholder{display:inherit!important}.bm-form-designer .table-drag-ghost .bm-drag-placeholder{width:2px;height:100%;min-height:90px;margin:0}.bm-form-designer .table-drag-ghost .bm-drag-placeholder::before{top:0;left:-2px;border-left-color:transparent;border-top-color:#2f4eed}.bm-form-designer .table-drag-ghost .bm-drag-placeholder::after{top:unset;right:unset;bottom:0;left:-2px;border-right-color:transparent;border-bottom-color:#2f4eed}.bm-form-designer .table-drag-ghost .bm-drag-placeholder{margin-left:2px}.bm-form-designer ::-webkit-scrollbar{width:4px}.bm-form-designer ::-webkit-scrollbar-thumb{background:#c4c4cd;border-radius:4px}.bm-form-designer__message-warning .ant-message-notice-content{padding:9px 16px;color:#242633;background:#fff5eb;border-radius:2px;border:1px solid #ffb15f}.bm-material-temp__add{display:inline-block;width:24px;height:24px;background:#fafafa;border-radius:2px;border:1px solid #e8e8e8;text-align:center;color:#bcbcc6}.bm-material-temp .ant-btn+.ant-btn{margin-left:6px}.bm-material-temp__table-tip{height:54px;line-height:54px;margin-top:16px;background:#fafafa;color:#9393a3;text-align:center}.bm-material-temp .ant-tabs-nav::before{border-color:#d9d9d9}.bm-material-temp .ant-tabs-nav .ant-tabs-tab{border-color:#d9d9d9}
|
|
1
|
+
.bm-form-designer{height:100%;background-color:#f8f8f8}.bm-form-designer .bfd-sider-left{height:100%;padding:19px 17px 19px 15px;background-color:#fff;font-size:12px;overflow-y:auto;overflow-y:overlay}.bm-form-designer .bfd-sider-left .ant-layout-sider-children{height:auto}.bm-form-designer .bfd-sider-left .bm-tabs{padding:2px;height:30px;line-height:26px;color:#242633;font-weight:700;background-color:#f0f2f5}.bm-form-designer .bfd-sider-left .bm-tabs .bm-tabs-item{width:74px;text-align:center;cursor:pointer}.bm-form-designer .bfd-sider-left .bm-tabs .bm-tabs-item.active{background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,21,41,.12);border-radius:1px}.bm-form-designer .bfd-sider-left .bm-menu-title{margin:20px 0 12px;color:#9393a3}.bm-form-designer .bfd-sider-left .bm-menu-wrap{display:flex;flex-flow:row wrap;margin-left:-8px;margin-right:-8px;row-gap:12px}.bm-form-designer .bfd-sider-left .bm-menu-wrap .bm-menu-item-wrap{padding-left:8px;padding-right:8px;flex:0}.bm-form-designer .bfd-sider-left .bm-menu-item{display:flex;align-items:center;color:#242633;padding:7px 0 8px 10px;background-color:#f6f7f9;border-radius:2px}.bm-form-designer .bfd-sider-left .bm-menu-item .bm-menu-icon{width:1em;height:1em;margin-right:8px;font-size:16px;color:#505259}.bm-form-designer .bfd-sider-left .bm-menu-item:hover{color:#2f4eed;cursor:pointer}.bm-form-designer .bfd-sider-left .bm-menu-item:hover .bm-menu-icon{color:inherit}.bm-form-designer .bfd-sider-left .bm-menu-item-wrap.sortable-fallback .bm-menu-item{color:#2f4eed}.bm-form-designer .bfd-sider-left .bm-menu-item-wrap.sortable-fallback .bm-menu-icon{color:inherit}.bm-form-designer .bfd-main{position:relative;min-width:560px;height:100%;padding:10px 0}.bm-form-designer .bfd-main .bm-no-data-tip{position:absolute;top:0;left:0;width:100%;padding-top:93px;margin-top:24px;text-align:center}.bm-form-designer .bfd-main .bfd-main__warp{position:relative;height:100%;padding:0 6px 0 10px;overflow-y:auto}.bm-form-designer .bfd-main .bm-widget-form{position:relative;min-height:100%;padding:16px 12px;background-color:#fff;border-radius:5px}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool{position:relative;padding:16px 12px;border-radius:4px}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool:hover{background-color:#f6f7f9;cursor:pointer}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool.is-row .bm-drag-tool:hover{background-color:#eef0f3}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool.is-active{background-color:#eaf2ff!important}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool.is-put-disabled{border:1px solid #e64c2e}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .ant-form-item{margin-bottom:0}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .ant-form-item .ant-form-item-label{line-height:20px;font-weight:700}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-mask{position:absolute;top:0;left:0;right:0;bottom:0;z-index:999}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn{position:absolute;z-index:999;top:10px;right:16px;line-height:12px;padding:6px 0;color:#737380;font-size:12px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(45,76,125,.1);border-radius:12px}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-col:nth-child(n+2){position:relative}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-col:nth-child(n+2)::before{position:absolute;top:0;left:0;content:'';width:1px;height:100%;background-color:#e8e8e8}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-icon{width:1em;height:1em;vertical-align:middle}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-icon.is-copy:hover{color:#2f4eed}.bm-form-designer .bfd-main .bm-widget-form .bm-drag-tool .bm-drag-tool-btn .bm-drag-tool-btn-icon.is-delete:hover{color:#e64c2e}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item{margin-top:2px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item:first-child{margin-top:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item .bm-drag-placeholder{display:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item .bm-drag-block{display:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item.sortable-ghost .bm-drag-tool{display:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-form-item.sortable-ghost .bm-drag-placeholder{display:inherit}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap{position:relative}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap.put-is-disabled{border:1px solid #e64c2e}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap .bm-widget-row-tip{position:absolute;width:100%;height:64px;line-height:64px;text-align:center;color:#9393a3;background-color:#fafafa;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-row-wrap .bm-widget-row{position:relative;width:100%;min-height:64px;z-index:1}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-top-bar{pointer-events:none}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-top-bar>.ant-btn+.ant-btn{margin-left:8px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer{position:relative;margin-top:8px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__checkbox{position:absolute;top:0;z-index:1;pointer-events:none;left:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__checkbox .bm-widget-table__checkbox__head{padding:16px 8px;background-color:#fafafa}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__checkbox .bm-widget-table__checkbox__content{padding:18px 8px;border:1px solid #e8e8e8;border-left:none;border-right:none;background-color:#fff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn{position:absolute;top:0;z-index:1;pointer-events:none;right:0}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn span{display:inline-block;vertical-align:top;width:1px;height:16px;margin:2px 8px;background-color:#e8e8e8}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn .bm-widget-table__operateColumn__head{padding:16px;background-color:#fafafa;color:#242633;font-weight:700}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table__operateColumn .bm-widget-table__operateColumn__content{padding:19px 8px;line-height:20px;font-size:12px;border:1px solid #e8e8e8;border-left:none;border-right:none;text-align:center;background-color:#fff}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner{position:relative;padding-bottom:4px;line-height:0;overflow-x:auto;overflow-y:hidden}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table{position:relative;display:inline-block;height:114px;min-width:100%}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table-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-item{width:140px;line-height:20px}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table-item .ant-form-item-label{padding:16px;background-color:#fafafa;white-space:nowrap}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-outer .bm-widget-table-inner .bm-widget-table-item .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-item .ant-form-item-control{padding:13px 16px;border:1px solid #e8e8e8;border-left:none;border-right:none;border-bottom: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__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-widget-table-wrap .bm-widget-table-content .bm-table-item{line-height:1!important;width:140px;display:inline-block}.bm-form-designer .bfd-main .bm-widget-form .bm-widget-table-wrap .bm-widget-table-content .bm-table-item .table__head{background-color:#eaf2ff;padding:16px;line-height:20px;font-weight:700}.bm-form-designer .bfd-main .bm-widget-form .bm-customer-info-item,.bm-form-designer .bfd-main .bm-widget-form .bm-product-info-item{padding:14px 12px}.bm-form-designer .bfd-main .bm-widget-form .bm-customer-info-item__title,.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-customer-info-item__content,.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-customer-associated-fields-item+.bm-customer-associated-fields-item{margin-top:8px}.bm-form-designer .bfd-sider-right .bm-customer-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-customer-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-customer-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}
|