bm-admin-ui 1.0.41-alpha → 1.0.43-alpha

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

@@ -1,5 +1,5 @@
 import { withInstall } from 'bm-admin-ui/es/utils/with-install';
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, computed, resolveComponent, normalizeClass, unref, createBlock, createCommentVNode, withCtx, createVNode, createTextVNode, withModifiers, ref, watch, createElementVNode, Fragment, isRef, renderList, renderSlot, nextTick, createStaticVNode, reactive, onBeforeUnmount, resolveDynamicComponent } from 'vue';
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, computed, resolveComponent, normalizeClass, unref, createBlock, createCommentVNode, withCtx, createVNode, createTextVNode, withModifiers, ref, watch, createElementVNode, nextTick, Fragment, isRef, renderList, renderSlot, createStaticVNode, reactive, onBeforeUnmount, resolveDynamicComponent } from 'vue';
 import uniqueId from 'bm-admin-ui/es/utils/uniqueId';
 import Draggable from 'vuedraggable';
 import { Tooltip, FormItemRest, Input, Button, RadioGroup, Radio, DatePicker, Checkbox, Tabs, TabPane, Row, Col, Dropdown, Menu, CheckboxGroup, MenuItem, Divider, Switch, Select, Layout, LayoutSider, LayoutContent, message } from 'ant-design-vue';
@@ -135,8 +135,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     function handleRowWidgetMouseleave() {
       props.rule.config.isHover = true;
     }
-    function handleRowWidgetSetActiveRule(element) {
-      emits("setActiveRule", element, props.rule);
+    function handleNestSetActiveRule(element, parentRule) {
+      emits("setActiveRule", element, parentRule || props.rule);
     }
     function handleRowWidgetCopy(rule) {
       emitCopyEvt(rule, props.rule);
@@ -144,7 +144,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     function handleRowWidgetDelete(rule) {
       emitDeleteEvt(rule, props.rule);
     }
-    function handleRowWidgetAdd(rule) {
+    function handleNestAdd(rule) {
       emits("widgetAdd", rule, props.rule);
     }
     return (_ctx, _cache) => {
@@ -169,10 +169,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           rule: [__props.rule],
           onNestMouseenter: handleRowWidgetMouseenter,
           onNestMouseleave: handleRowWidgetMouseleave,
-          onNestSetActiveRule: handleRowWidgetSetActiveRule,
+          onNestSetActiveRule: handleNestSetActiveRule,
           onNestCopy: handleRowWidgetCopy,
           onNestDelete: handleRowWidgetDelete,
-          onNestAdd: handleRowWidgetAdd
+          onNestAdd: handleNestAdd
         }, null, 8, ["option", "rule"])) : (openBlock(), createBlock(WidgetInstruction, {
           key: 1,
           rule: __props.rule
@@ -264,8 +264,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     function handleMouseleave() {
       emits("mouseleave");
     }
-    function emitSetActiveRuleEvt(rule) {
-      emits("set-active-rule", rule);
+    function emitSetActiveRuleEvt(rule, parentRule = void 0) {
+      emits("set-active-rule", rule, parentRule);
     }
     function handleClick(element) {
       emitSetActiveRuleEvt(element);
@@ -284,6 +284,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     function handleDelete(rule) {
       emits("delete", rule);
     }
+    function handleWidgetInTableActive(rule, parentRule) {
+      emitSetActiveRuleEvt(rule, parentRule);
+    }
     return (_ctx, _cache) => {
       const _component_ACol = resolveComponent("ACol");
       return openBlock(), createElementBlock("div", _hoisted_1$d, [
@@ -322,7 +325,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                   onMouseleave: handleMouseleave,
                   onClick: withModifiers(($event) => handleClick(element), ["stop"]),
                   onCopy: handleCopy,
-                  onDelete: handleDelete
+                  onDelete: handleDelete,
+                  onSetActiveRule: handleWidgetInTableActive
                 }, null, 8, ["rule", "active-rule", "parent-rule", "onClick"]),
                 createVNode(DragPlaceholder)
               ]),
@@ -466,7 +470,7 @@ var input = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -499,6 +503,7 @@ var input = {
                 field: fieldsMap$g['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -508,6 +513,7 @@ var input = {
                 field: fieldsMap$g['value'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 200,
                 },
                 value: rule.value,
             },
@@ -567,7 +573,7 @@ var textarea = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -601,6 +607,7 @@ var textarea = {
                 field: fieldsMap$f['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -610,6 +617,7 @@ var textarea = {
                 field: fieldsMap$f['value'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 5000,
                 },
                 value: rule.value,
             },
@@ -670,7 +678,7 @@ var numInput = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -705,6 +713,7 @@ var numInput = {
                 field: fieldsMap$e['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -778,6 +787,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const visible = ref(false);
     const text = ref("");
     const repeatOption = ref([]);
+    const maxlength = 500;
     function edit() {
       visible.value = true;
       text.value = makeText(props.options);
@@ -799,6 +809,7 @@ const _sfc_main$e = /* @__PURE__ */ 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;
@@ -867,6 +878,7 @@ const _sfc_main$e = /* @__PURE__ */ 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"])
                     ]),
@@ -963,7 +975,7 @@ var radio = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             options: [
@@ -1009,6 +1021,7 @@ var radio = {
                 field: fieldsMap$d['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1101,7 +1114,7 @@ var checkbox = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             options: [
@@ -1147,6 +1160,7 @@ var checkbox = {
                 field: fieldsMap$c['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1308,7 +1322,7 @@ var date = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -1371,6 +1385,7 @@ var date = {
                 field: fieldsMap$b['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1452,7 +1467,7 @@ var dateRange = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -1517,6 +1532,7 @@ var dateRange = {
                 field: fieldsMap$a['props.placeholder.0'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder[0],
             },
@@ -1526,6 +1542,7 @@ var dateRange = {
                 field: fieldsMap$a['props.placeholder.1'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder[1],
             },
@@ -1596,13 +1613,29 @@ var instruction = {
                         minRows: 5,
                     },
                 },
+                effect: {
+                    required: '请输入说明文字',
+                },
                 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) {
+                        nextTick(() => {
+                            api.refresh();
+                        });
                     },
                 },
             },
@@ -1645,7 +1678,7 @@ var picture = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -1994,7 +2027,15 @@ var table = {
                 effect: {
                     required: true,
                 },
+                inject: true,
                 value: rule.config.childRules,
+                on: {
+                    change({ api, self }, list) {
+                        nextTick(() => {
+                            api.validate();
+                        });
+                    },
+                },
             },
             {
                 type: 'checkbox',
@@ -2057,7 +2098,7 @@ var file = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             config: {
@@ -2128,7 +2169,7 @@ var people = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -2161,6 +2202,7 @@ var people = {
                 field: fieldsMap$5['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -2249,7 +2291,7 @@ var department = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -2282,6 +2324,7 @@ var department = {
                 field: fieldsMap$4['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -3192,6 +3235,14 @@ var shop = {
                 field: fieldsMap$1['config.isMain'],
                 value: rule.config.isMain,
                 hidden: !!parentRule,
+                inject: true,
+                on: {
+                    change({ api, self }, value) {
+                        if (value) {
+                            api.mergeRule(fieldsMap$1['effect.required'], { value: true });
+                        }
+                    },
+                },
             },
             {
                 type: 'switch',
@@ -3554,7 +3605,8 @@ const _hoisted_2$1 = { class: "bm-table-column-btn-wrap" };
 const _sfc_main$2 = /* @__PURE__ */ 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 = ref();
@@ -3579,6 +3631,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     function getPopupContainer() {
       return document.body;
     }
+    watch(
+      childRules,
+      (val) => {
+        emits("change", val);
+      },
+      {
+        deep: true
+      }
+    );
     return (_ctx, _cache) => {
       const _component_Delete = resolveComponent("Delete");
       const _component_ARow = resolveComponent("ARow");
@@ -3659,12 +3720,17 @@ var TableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "table-co
 
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "text-color",
-  props: ["rule"],
-  setup(__props) {
+  props: ["color"],
+  emits: ["change"],
+  setup(__props, { emit: emits }) {
     const props = __props;
+    const color = 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 = resolveComponent("ColorPanel");
@@ -3676,16 +3742,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           width: "1em",
           height: "1em",
           fontSize: "20px",
-          color: __props.rule.style.color,
+          color: getColor(color.value),
           cursor: "pointer"
         }),
         onClick: withModifiers(handleClick, ["prevent", "stop"])
-      }, {
-        default: withCtx(() => [
-          createTextVNode("change")
-        ]),
-        _: 1
-      }, 8, ["style", "onClick"]);
+      }, null, 8, ["style", "onClick"]);
     };
   }
 });
@@ -3710,7 +3771,8 @@ const __default__ = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: formDesignerProps,
-  setup(__props, { expose }) {
+  emits: ["initPresetRule"],
+  setup(__props, { expose, emit: emits }) {
     const props = __props;
     FC.component("TableHeadCount", TableHeadCount);
     FC.component("TableColumn", TableColumn);
@@ -3873,6 +3935,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         message.error("\u8BE5\u63A7\u4EF6\u5DF2\u88AB\u8BBE\u4E3A\u6570\u636E\u8FC7\u6EE4\u6761\u4EF6\uFF0C\u4E0D\u53EF\u5220\u9664\u3002");
         return;
       }
+      if (props.flowCondition[targetRule.field]) {
+        message.error("\u8BE5\u7EC4\u4EF6\u5728\u201C\u6761\u4EF6\u5206\u652F\u540D\u79F0\u201D\u5DF2\u88AB\u8BBE\u4E3A\u5BA1\u6279\u6761\u4EF6\uFF0C\u4E0D\u53EF\u5220\u9664\u3002");
+        return;
+      }
       const parentList = parentRule?.config?.childRules || widgetFormRules;
       const index = parentList.findIndex((rule) => rule.field === targetRule.field);
       parentList.splice(index, 1);
@@ -3909,6 +3975,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           nextTick(() => {
             item.props.activeRule = rule;
           });
+          if (item.type === WidgetType.RowWidget && item?.config?.childRules?.length) {
+            item.config.childRules.forEach((childRule) => {
+              if (childRule.type === WidgetType.TableWidget) {
+                nextTick(() => {
+                  childRule.props.activeRule = rule;
+                });
+              }
+            });
+          }
         }
       });
       if (!cacheProps[rule.field]) {
@@ -3983,6 +4058,7 @@ const _sfc_main = /* @__PURE__ */ 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;
@@ -4000,22 +4076,77 @@ const _sfc_main = /* @__PURE__ */ 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 (!rule?.value && 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) {
+          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];
+      }
+    }
     watch(
       () => props.presetRules,
       (presetRules) => {
         widgetFormRules.push(...presetRules);
-      },
-      {
-        immediate: true
+        emits("initPresetRule", widgetFormRules);
       }
     );
     watch(
       () => props.formRules,
       (formRules) => {
-        edit(formRules);
+        formRules && edit(formRules);
+      }
+    );
+    watch(activeProps, (activeProps2) => {
+      flowConditionEffect(activeProps2, props.flowCondition);
+    });
+    watch(
+      () => props.flowCondition,
+      (flowCondition) => {
+        flowConditionEffect(activeProps.value, flowCondition);
       },
       {
-        immediate: true
+        deep: true
       }
     );
     onBeforeUnmount(() => {
@@ -4023,7 +4154,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     expose({
       getFormRule,
-      getRule
+      getRule,
+      validate
     });
     return (_ctx, _cache) => {
       const _component_ACol = resolveComponent("ACol");
@@ -4066,7 +4198,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     move: moveMenuItem,
                     "force-fallback": true,
                     "scroll-sensitivity": 100,
-                    delay: 50,
                     onStart: handleMenuItemDragStart,
                     onEnd: handleMenuItemDragEnd
                   }, {
@@ -4131,7 +4262,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["list"]),
-                showDragTip.value && !_ctx.formRules.length ? (openBlock(), createBlock(NoDataTip, {
+                showDragTip.value && !_ctx.formRules?.length ? (openBlock(), createBlock(NoDataTip, {
                   key: 0,
                   class: "bm-no-data-tip"
                 })) : createCommentVNode("v-if", true)

package/es/components/index.d.ts

@@ -12,3 +12,4 @@ export * from './input-tags-display';
 export * from './select-all';
 export * from './breadcrumb';
 export * from './editor';
+export * from './attachment';

package/es/components/index.js

@@ -14,3 +14,4 @@ export * from './input-tags-display';
 export * from './select-all';
 export * from './breadcrumb';
 export * from './editor';
+export * from './attachment';

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

@@ -910,9 +910,9 @@ declare const BmStaffsSelector: import("bm-admin-ui/es/utils/with-install").SFCW
         searchVal: import("vue").Ref<string>;
         selectAll: import("vue").Ref<boolean>;
         indeterminate: import("vue").Ref<boolean>;
-        emptyPic: import("vue").Ref<(string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        emptyPic: import("vue").Ref<JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
-        }> | null | undefined) | JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        }> | null | undefined) | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | null | undefined)[]>;
         isFulfill: import("vue").Ref<boolean>;

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

@@ -28,9 +28,9 @@ declare const _default: import("vue").DefineComponent<{
     searchVal: import("vue").Ref<string>;
     selectAll: import("vue").Ref<boolean>;
     indeterminate: import("vue").Ref<boolean>;
-    emptyPic: import("vue").Ref<(string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    emptyPic: import("vue").Ref<JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }> | null | undefined) | JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }> | null | undefined) | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null | undefined)[]>;
     isFulfill: import("vue").Ref<boolean>;

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

@@ -910,9 +910,9 @@ declare const _default: import("vue").DefineComponent<{
         searchVal: import("vue").Ref<string>;
         selectAll: import("vue").Ref<boolean>;
         indeterminate: import("vue").Ref<boolean>;
-        emptyPic: import("vue").Ref<(string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        emptyPic: import("vue").Ref<JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
-        }> | null | undefined) | JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        }> | null | undefined) | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | null | undefined)[]>;
         isFulfill: import("vue").Ref<boolean>;

package/es/components/upload/index.js

@@ -318,6 +318,9 @@ const _sfc_main = {
             status: ""
           };
           setTimeout(function() {
+            if (methods.fileIsDelete(file)) {
+              return;
+            }
             state.fileList[file.uid].isDoneDeloy = true;
           }, 1e3);
           methods.customUploadRequest(file);
@@ -596,7 +599,10 @@ const _hoisted_17 = {
   key: 0,
   class: "bm-upload__picture__name"
 };
-const _hoisted_18 = { class: "bm-upload__button__wrapper" };
+const _hoisted_18 = {
+  key: 1,
+  class: "bm-upload__button__wrapper"
+};
 const _hoisted_19 = { key: 0 };
 const _hoisted_20 = { class: "ant-upload-text bm-upload__text" };
 const _hoisted_21 = {
@@ -618,7 +624,7 @@ const _hoisted_26 = {
   class: "bm-upload__tips"
 };
 const _hoisted_27 = {
-  key: 1,
+  key: 2,
   class: "bm-upload__file-list"
 };
 const _hoisted_28 = { class: "bm-upload__file__detail" };
@@ -790,8 +796,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }), 128)),
       createCommentVNode(" </a-image-preview-group> ")
     ], 64)) : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_18, [
-      !($setup.uploadDisabled && _ctx.extraConfigs?.hideDisabledBtn) ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.extraConfigs.drag ? "a-upload-dragger" : "a-upload"), mergeProps({ key: 0 }, _ctx.uploadConfigs, {
+    !($setup.uploadDisabled && _ctx.extraConfigs?.hideDisabledBtn) ? (openBlock(), createElementBlock("div", _hoisted_18, [
+      (openBlock(), createBlock(resolveDynamicComponent(_ctx.extraConfigs.drag ? "a-upload-dragger" : "a-upload"), mergeProps(_ctx.uploadConfigs, {
         disabled: $setup.uploadDisabled,
         class: { "bm--upload__custom-button": _ctx.extraConfigs.myBtn },
         onReject: _ctx.handleReject
@@ -822,8 +828,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 64))
         ]),
         _: 3
-      }, 16, ["disabled", "class", "onReject"])) : createCommentVNode("v-if", true)
-    ]),
+      }, 16, ["disabled", "class", "onReject"]))
+    ])) : createCommentVNode("v-if", true),
     _ctx.uploadConfigs.listType === "text" && !_ctx.uploadConfigs.showSlotList ? (openBlock(), createElementBlock("div", _hoisted_27, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fileList, (item) => {
         return openBlock(), createElementBlock("div", {

package/es/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/es/utils/bm-admin-ui-resolver.js

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