yc-pro-components 0.0.24 → 0.0.26

package/index.mjs

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.24 */
+/*! yc-pro-components v0.0.26 */
 import { unref, isRef, ref, inject, isReactive, watch, computed, shallowRef, provide, onMounted, nextTick, onBeforeUnmount, defineComponent, watchEffect, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString, createElementBlock, normalizeClass, createCommentVNode, reactive, useAttrs, Fragment, renderList, resolveDynamicComponent, normalizeProps, guardReactiveProps, h, withDirectives, isVNode, withKeys, withModifiers, TransitionGroup, toHandlers, getCurrentInstance, resolveComponent, toRefs, useSlots, onUnmounted, resolveDirective, pushScopeId, popScopeId, onBeforeMount, getCurrentScope, onScopeDispose, toRef, mergeModels, useModel, vShow } from 'vue';
 import { dayjs, localeContextKey, ElDialog, ElButton, ElPagination, ElRadioGroup, ElRadio, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon, ElTooltip, ElPopconfirm, ElLink, ElMessageBox, useFormDisabled, ElDatePicker, ClickOutside, ElTag, ElInput, ElAutocomplete, ElCascader, ElCheckboxGroup, ElCheckbox, ElColorPicker, ElInputNumber, ElRate, ElSelect, ElOption, ElSlider, ElSwitch, ElTimePicker, ElTimeSelect, ElTransfer, ElTreeSelect, ElSelectV2, ElText, ElDivider, ElFormItem, ElOptionGroup, ElRow, ElCol, ElForm, ElCard, ElMessage, ElImage, ElProgress, ElAvatar, ElPopover, ElTable, vLoading, ElDescriptions, ElDescriptionsItem, ElDrawer, ElSteps, ElStep, ElBreadcrumb, ElBreadcrumbItem, ElMenuItem, ElSubMenu, ElMenu, ElScrollbar, ElHeader, ElContainer, ElMain, ElBacktop } from 'element-plus';
 
@@ -15064,7 +15064,7 @@ const _hoisted_1$p = {
   class: "plus-table-action-bar__dropdown__link"
 };
 const _hoisted_2$f = { class: "plus-table-action-bar__dropdown__link" };
-const _hoisted_3$b = { class: "plus-table-action-bar__more-text" };
+const _hoisted_3$c = { class: "plus-table-action-bar__more-text" };
 var _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{
     name: "PlusTableActionBar"
@@ -15399,7 +15399,7 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
                   createElementVNode("span", _hoisted_2$f, [
                     createElementVNode(
                       "span",
-                      _hoisted_3$b,
+                      _hoisted_3$c,
                       toDisplayString(unref(t)("plus.table.more")),
                       1
                       /* TEXT */
@@ -15825,7 +15825,8 @@ const FieldComponentMap = {
   },
   "input-number": {
     component: ElInputNumber,
-    props: { placeholder: "plus.field.pleaseEnter" }
+    // align: 'left' 设置输入文本靠左对齐 (Element Plus 2.10.5+)
+    props: { placeholder: "plus.field.pleaseEnter", align: "left" }
   },
   radio: {
     component: ElRadioGroup,
@@ -15877,6 +15878,14 @@ const getFieldComponent = (valueType) => Reflect.get(FieldComponentMap, valueTyp
 
 const _hoisted_1$n = { class: "el-form-item__error" };
 const _hoisted_2$e = { class: "plus-form-item__label" };
+const _hoisted_3$b = {
+  key: 0,
+  class: "plus-form-item-field"
+};
+const _hoisted_4$8 = {
+  key: 1,
+  class: "plus-form-item-field"
+};
 var _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{
     name: "PlusFormItem"
@@ -16091,23 +16100,19 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
         "label-width": _ctx.hasLabel ? (_a = customFormItemProps.value) == null ? void 0 : _a.labelWidth : "0px"
       }), createSlots({
         default: withCtx(() => [
-          _ctx.renderField && unref(isFunction)(_ctx.renderField) ? (openBlock(), createElementBlock(
-            Fragment,
-            { key: 0 },
-            [
-              valueIsReady.value ? (openBlock(), createBlock(unref(PlusRender), {
-                key: 0,
-                render: _ctx.renderField,
-                params: params.value,
-                "callback-value": state.value,
-                "custom-field-props": customFieldProps.value,
-                "render-type": "form",
-                "handle-change": handleChange
-              }, null, 8, ["render", "params", "callback-value", "custom-field-props"])) : createCommentVNode("v-if", true)
-            ],
-            64
-            /* STABLE_FRAGMENT */
-          )) : _ctx.$slots[unref(getFieldSlotName)(_ctx.prop)] ? renderSlot(_ctx.$slots, unref(getFieldSlotName)(_ctx.prop), mergeProps({ key: 1 }, params.value, { column: props })) : _ctx.valueType === "select" && customFieldProps.value.multiple === true ? (openBlock(), createBlock(unref(ElSelect$1), mergeProps({
+          _ctx.renderField && unref(isFunction)(_ctx.renderField) ? (openBlock(), createElementBlock("div", _hoisted_3$b, [
+            valueIsReady.value ? (openBlock(), createBlock(unref(PlusRender), {
+              key: 0,
+              render: _ctx.renderField,
+              params: params.value,
+              "callback-value": state.value,
+              "custom-field-props": customFieldProps.value,
+              "render-type": "form",
+              "handle-change": handleChange
+            }, null, 8, ["render", "params", "callback-value", "custom-field-props"])) : createCommentVNode("v-if", true)
+          ])) : _ctx.$slots[unref(getFieldSlotName)(_ctx.prop)] ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
+            renderSlot(_ctx.$slots, unref(getFieldSlotName)(_ctx.prop), mergeProps(params.value, { column: props }))
+          ])) : _ctx.valueType === "select" && customFieldProps.value.multiple === true ? (openBlock(), createBlock(unref(ElSelect$1), mergeProps({
             key: 2,
             ref_key: "fieldInstance",
             ref: fieldInstance,
@@ -16576,6 +16581,7 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { default: () => ({}) },
     hasLabel: { type: Boolean, default: true },
+    layout: { default: "grid" },
     columns: { default: () => [] },
     rowProps: { default: () => ({}) },
     colProps: { default: () => ({}) },
@@ -16588,6 +16594,19 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const values = ref({});
+    const isNativeLayout = computed(() => props.layout === "flex" || props.layout === "grid");
+    const isFlexLayout = computed(() => props.layout === "flex");
+    const isGridLayout = computed(() => props.layout === "grid");
+    const layoutRowClass = computed(() => ({
+      "plus-form__row--flex": isFlexLayout.value,
+      "plus-form__row--grid": isGridLayout.value
+    }));
+    const layoutItemClass = computed(() => ({
+      "plus-form__item-wrapper--flex": isFlexLayout.value,
+      "plus-form__item-wrapper--grid": isGridLayout.value
+    }));
+    const rowComponent = computed(() => isNativeLayout.value ? "div" : ElRow);
+    const colComponent = computed(() => isNativeLayout.value ? "div" : ElCol);
     const getHasLabel = (hasLabel) => {
       const has = unref(hasLabel);
       if (isBoolean(has)) {
@@ -16610,104 +16629,100 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", values.value);
       emit("change", values.value, column);
     };
+    const getColBinding = (item) => {
+      if (isNativeLayout.value) return void 0;
+      return unref(item.colProps) || props.colProps;
+    };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(
-        unref(ElRow),
-        mergeProps(_ctx.rowProps, { class: "plus-form__row" }),
-        {
-          default: withCtx(() => [
-            createVNode(PlusCollapseTransition, {
-              "collapse-duration": _ctx.collapseDuration,
-              "collapse-transition": _ctx.collapseTransition
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(
-                  Fragment,
-                  null,
-                  renderList(_ctx.columns, (item) => {
-                    return openBlock(), createBlock(
-                      unref(ElCol),
-                      mergeProps({
-                        key: item.prop
-                      }, unref(item.colProps) || _ctx.colProps),
-                      {
-                        default: withCtx(() => [
-                          createCommentVNode(" el-form-item\u4E0A\u4E00\u884C\u7684\u5185\u5BB9 "),
-                          item.renderPrevious || _ctx.$slots[unref(getPreviousSlotName)(item.prop)] ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
-                            unref(isFunction)(item.renderPrevious) ? (openBlock(), createBlock(
-                              resolveDynamicComponent(item.renderPrevious),
-                              normalizeProps(mergeProps({ key: 0 }, item)),
-                              null,
-                              16
-                              /* FULL_PROPS */
-                            )) : _ctx.$slots[unref(getPreviousSlotName)(item.prop)] ? renderSlot(_ctx.$slots, unref(getPreviousSlotName)(item.prop), normalizeProps(mergeProps({ key: 1 }, item))) : createCommentVNode("v-if", true)
-                          ])) : createCommentVNode("v-if", true),
-                          createVNode(unref(PlusFormItem), mergeProps({
-                            "model-value": getModelValue(item.prop)
-                          }, item, {
-                            clearable: _ctx.clearable,
-                            "has-label": getHasLabel(item.hasLabel),
-                            onChange: (value) => handleChange(value, item)
-                          }), createSlots({
-                            _: 2
-                            /* DYNAMIC */
-                          }, [
-                            _ctx.$slots[unref(getLabelSlotName)(item.prop)] ? {
-                              name: unref(getLabelSlotName)(item.prop),
-                              fn: withCtx((data) => [
-                                renderSlot(_ctx.$slots, unref(getLabelSlotName)(item.prop), normalizeProps(guardReactiveProps(data)))
-                              ]),
-                              key: "0"
-                            } : void 0,
-                            _ctx.$slots[unref(getFieldSlotName)(item.prop)] ? {
-                              name: unref(getFieldSlotName)(item.prop),
-                              fn: withCtx((data) => [
-                                renderSlot(_ctx.$slots, unref(getFieldSlotName)(item.prop), normalizeProps(guardReactiveProps(data)))
-                              ]),
-                              key: "1"
-                            } : void 0,
-                            _ctx.$slots["tooltip-icon"] ? {
-                              name: "tooltip-icon",
-                              fn: withCtx(() => [
-                                renderSlot(_ctx.$slots, "tooltip-icon")
-                              ]),
-                              key: "2"
-                            } : void 0
-                          ]), 1040, ["model-value", "clearable", "has-label", "onChange"]),
-                          createCommentVNode(" el-form-item \u4E0B\u4E00\u884C\u989D\u5916\u7684\u5185\u5BB9 "),
-                          item.renderExtra || _ctx.$slots[unref(getExtraSlotName)(item.prop)] ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
-                            item.renderExtra && unref(isFunction)(item.renderExtra) ? (openBlock(), createBlock(
-                              resolveDynamicComponent(item.renderExtra),
-                              normalizeProps(mergeProps({ key: 0 }, item)),
-                              null,
-                              16
-                              /* FULL_PROPS */
-                            )) : _ctx.$slots[unref(getExtraSlotName)(item.prop)] ? renderSlot(_ctx.$slots, unref(getExtraSlotName)(item.prop), normalizeProps(mergeProps({ key: 1 }, item))) : createCommentVNode("v-if", true)
-                          ])) : createCommentVNode("v-if", true)
-                        ]),
+      return openBlock(), createBlock(resolveDynamicComponent(rowComponent.value), mergeProps(isNativeLayout.value ? void 0 : _ctx.rowProps, {
+        class: ["plus-form__row", layoutRowClass.value]
+      }), {
+        default: withCtx(() => [
+          createVNode(PlusCollapseTransition, {
+            "collapse-duration": _ctx.collapseDuration,
+            "collapse-transition": _ctx.collapseTransition
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(_ctx.columns, (item) => {
+                  return openBlock(), createBlock(resolveDynamicComponent(colComponent.value), mergeProps({
+                    key: item.prop
+                  }, getColBinding(item), {
+                    class: ["plus-form__item-wrapper", layoutItemClass.value]
+                  }), {
+                    default: withCtx(() => [
+                      createCommentVNode(" el-form-item\u4E0A\u4E00\u884C\u7684\u5185\u5BB9 "),
+                      item.renderPrevious || _ctx.$slots[unref(getPreviousSlotName)(item.prop)] ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
+                        unref(isFunction)(item.renderPrevious) ? (openBlock(), createBlock(
+                          resolveDynamicComponent(item.renderPrevious),
+                          normalizeProps(mergeProps({ key: 0 }, item)),
+                          null,
+                          16
+                          /* FULL_PROPS */
+                        )) : _ctx.$slots[unref(getPreviousSlotName)(item.prop)] ? renderSlot(_ctx.$slots, unref(getPreviousSlotName)(item.prop), normalizeProps(mergeProps({ key: 1 }, item))) : createCommentVNode("v-if", true)
+                      ])) : createCommentVNode("v-if", true),
+                      createVNode(unref(PlusFormItem), mergeProps({
+                        "model-value": getModelValue(item.prop)
+                      }, item, {
+                        clearable: _ctx.clearable,
+                        "has-label": getHasLabel(item.hasLabel),
+                        onChange: (value) => handleChange(value, item)
+                      }), createSlots({
                         _: 2
                         /* DYNAMIC */
-                      },
-                      1040
-                      /* FULL_PROPS, DYNAMIC_SLOTS */
-                    );
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 8, ["collapse-duration", "collapse-transition"]),
-            createCommentVNode(" \u641C\u7D22\u7684footer\u63D2\u69FD  "),
-            renderSlot(_ctx.$slots, "search-footer")
-          ]),
-          _: 3
-          /* FORWARDED */
-        },
-        16
-        /* FULL_PROPS */
-      );
+                      }, [
+                        _ctx.$slots[unref(getLabelSlotName)(item.prop)] ? {
+                          name: unref(getLabelSlotName)(item.prop),
+                          fn: withCtx((data) => [
+                            renderSlot(_ctx.$slots, unref(getLabelSlotName)(item.prop), normalizeProps(guardReactiveProps(data)))
+                          ]),
+                          key: "0"
+                        } : void 0,
+                        _ctx.$slots[unref(getFieldSlotName)(item.prop)] ? {
+                          name: unref(getFieldSlotName)(item.prop),
+                          fn: withCtx((data) => [
+                            renderSlot(_ctx.$slots, unref(getFieldSlotName)(item.prop), normalizeProps(guardReactiveProps(data)))
+                          ]),
+                          key: "1"
+                        } : void 0,
+                        _ctx.$slots["tooltip-icon"] ? {
+                          name: "tooltip-icon",
+                          fn: withCtx(() => [
+                            renderSlot(_ctx.$slots, "tooltip-icon")
+                          ]),
+                          key: "2"
+                        } : void 0
+                      ]), 1040, ["model-value", "clearable", "has-label", "onChange"]),
+                      createCommentVNode(" el-form-item \u4E0B\u4E00\u884C\u989D\u5916\u7684\u5185\u5BB9 "),
+                      item.renderExtra || _ctx.$slots[unref(getExtraSlotName)(item.prop)] ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
+                        item.renderExtra && unref(isFunction)(item.renderExtra) ? (openBlock(), createBlock(
+                          resolveDynamicComponent(item.renderExtra),
+                          normalizeProps(mergeProps({ key: 0 }, item)),
+                          null,
+                          16
+                          /* FULL_PROPS */
+                        )) : _ctx.$slots[unref(getExtraSlotName)(item.prop)] ? renderSlot(_ctx.$slots, unref(getExtraSlotName)(item.prop), normalizeProps(mergeProps({ key: 1 }, item))) : createCommentVNode("v-if", true)
+                      ])) : createCommentVNode("v-if", true)
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1040, ["class"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["collapse-duration", "collapse-transition"]),
+          createCommentVNode(" \u641C\u7D22\u7684footer\u63D2\u69FD  "),
+          renderSlot(_ctx.$slots, "search-footer")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
     };
   }
 });
@@ -16727,6 +16742,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
     columns: { default: () => [] },
     labelWidth: { default: "80px" },
     labelPosition: { default: "left" },
+    layout: { default: "grid" },
     rowProps: { default: () => ({}) },
     colProps: { default: () => ({}) },
     labelSuffix: { default: ":" },
@@ -16908,6 +16924,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => values.value = $event),
                         "row-props": _ctx.rowProps,
                         "col-props": _ctx.colProps,
+                        layout: _ctx.layout,
                         columns: filterHide(groupItem.columns),
                         "has-label": _ctx.hasLabel,
                         "collapse-transition": _ctx.collapseTransition,
@@ -16926,7 +16943,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
                             ])
                           };
                         })
-                      ]), 1032, ["modelValue", "row-props", "col-props", "columns", "has-label", "collapse-transition", "collapse-duration", "clearable"]))
+                      ]), 1032, ["modelValue", "row-props", "col-props", "layout", "columns", "has-label", "collapse-transition", "collapse-duration", "clearable"]))
                     ]),
                     _: 2
                     /* DYNAMIC */
@@ -16947,6 +16964,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => values.value = $event),
                   "row-props": _ctx.rowProps,
                   "col-props": _ctx.colProps,
+                  layout: _ctx.layout,
                   columns: subColumns.value,
                   "has-label": _ctx.hasLabel,
                   "collapse-transition": _ctx.collapseTransition,
@@ -16965,7 +16983,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
                       ])
                     };
                   })
-                ]), 1032, ["modelValue", "row-props", "col-props", "columns", "has-label", "collapse-transition", "collapse-duration", "clearable"])
+                ]), 1032, ["modelValue", "row-props", "col-props", "layout", "columns", "has-label", "collapse-transition", "collapse-duration", "clearable"])
               ],
               64
               /* STABLE_FRAGMENT */
@@ -18489,6 +18507,7 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
             key: 2,
             placement: "bottom",
             width: columnSettingPopoverWidth.value,
+            offset: 8,
             trigger: "click",
             title: unref(t)("plus.table.columnSettings")
           }, {
@@ -19364,6 +19383,7 @@ var _sfc_main$s = /* @__PURE__ */ defineComponent({
     modelValue: { default: () => ({}) },
     defaultValues: { default: () => ({}) },
     columns: { default: () => [] },
+    layout: { default: "flex" },
     hasFooter: { type: Boolean, default: true },
     hasReset: { type: Boolean, default: true },
     hasUnfold: { type: Boolean, default: true },
@@ -19480,6 +19500,7 @@ var _sfc_main$s = /* @__PURE__ */ defineComponent({
         "row-props": _ctx.rowProps,
         "col-props": _ctx.colProps,
         columns: subColumns.value,
+        layout: _ctx.layout,
         class: "plus-search",
         "has-footer": false,
         onChange: handleChange
@@ -19571,7 +19592,7 @@ var _sfc_main$s = /* @__PURE__ */ defineComponent({
             ])
           };
         })
-      ]), 1040, ["modelValue", "inline", "rules", "label-position", "row-props", "col-props", "columns"]);
+      ]), 1040, ["modelValue", "inline", "rules", "label-position", "row-props", "col-props", "columns", "layout"]);
     };
   }
 });
@@ -31827,17 +31848,6 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
         visibilityObserver = null;
       }
     });
-    const searchableFieldsCount = computed(() => {
-      var _a;
-      if (!((_a = props.columns) == null ? void 0 : _a.length)) return 0;
-      return props.columns.filter((col) => col.hideInSearch !== true).length;
-    });
-    const getSpanByCount = (count) => {
-      if (count <= 3) {
-        return 6;
-      }
-      return 8;
-    };
     const mergedSearch = computed(() => {
       if (!showSearch.value) {
         return false;
@@ -31848,8 +31858,7 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
         }
         const defaultSearchConfig = {
           hasUnfold: false,
-          rowProps: { gutter: 0 },
-          colProps: { span: getSpanByCount(searchableFieldsCount.value) },
+          layout: "flex",
           labelSuffix: "",
           labelPosition: "right",
           searchIcon: null,
@@ -31859,8 +31868,7 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
       }
       return {
         hasUnfold: false,
-        rowProps: { gutter: 0 },
-        colProps: { span: getSpanByCount(searchableFieldsCount.value) },
+        layout: "flex",
         labelSuffix: "",
         labelPosition: "right",
         searchIcon: null,
@@ -32024,7 +32032,7 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-a59fd3d9"], ["__file", "index.vue"]]);
+var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-e1fa68a8"], ["__file", "index.vue"]]);
 
 const YcPlusPage = YcPlusPageComponent;
 const YcTableHeaderFilterCell = YcTableHeaderFilterCellComponent;
@@ -57529,7 +57537,8 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
     searchLoadMore: { type: Function, default: void 0 },
     searchPageSize: { default: 20 },
     onSearchChange: { type: Function, default: void 0 },
-    padding: { default: 16 }
+    padding: { default: 16 },
+    searchInputClass: { default: void 0 }
   },
   emits: ["node-click", "action-click", "check", "add-node", "update-node", "update:expandedKeys", "node-expand", "node-collapse", "drag-start", "drag-end", "drag-update", "node-reorder"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -57552,6 +57561,13 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const treeHeight = ref(400);
     const { getCdnUrl } = useYcCdnUrl();
     const treeMoreIconUrl = getCdnUrl("images", "tree_more.svg");
+    const searchInputClasses = computed(() => {
+      const classes = ["search-input"];
+      if (props.searchInputClass) {
+        classes.push(props.searchInputClass);
+      }
+      return classes.join(" ");
+    });
     const updateTreeHeight = () => {
       if (treeContainerRef.value) {
         const height = treeContainerRef.value.clientHeight;
@@ -58146,8 +58162,8 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
             placeholder: _ctx.placeholder,
             "prefix-icon": "Search",
             clearable: "",
-            class: "search-input"
-          }, null, 8, ["modelValue", "placeholder"])) : (openBlock(), createElementBlock(
+            class: normalizeClass(searchInputClasses.value)
+          }, null, 8, ["modelValue", "placeholder", "class"])) : (openBlock(), createElementBlock(
             Fragment,
             { key: 1 },
             [
@@ -58164,8 +58180,8 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 placeholder: _ctx.placeholder,
                 clearable: "",
                 filterable: "",
-                class: "search-input"
-              }, null, 8, ["modelValue", "load-more", "page-size", "placeholder"])
+                class: normalizeClass(searchInputClasses.value)
+              }, null, 8, ["modelValue", "load-more", "page-size", "placeholder", "class"])
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -58368,7 +58384,7 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-55e0e5d7"], ["__file", "index.vue"]]);
+var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-61e7209b"], ["__file", "index.vue"]]);
 
 const YcPlusTree = l(YcPlusTreeComponent);
 const RePlusTree = YcPlusTree;
@@ -58389,7 +58405,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
     width: {},
     size: {},
     maxHeight: { type: [String, Number, Boolean], default: "720px" },
-    showHeaderBorder: { type: Boolean, default: false }
+    showHeaderBorder: { type: Boolean, default: true }
   },
   setup(__props) {
     const props = __props;
@@ -58503,7 +58519,7 @@ const closeAllDrawer = () => {
   drawerStore.value = [];
 };
 
-const _withScopeId$1 = (n) => (pushScopeId("data-v-f8ad9f74"), n = n(), popScopeId(), n);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-e05479bb"), n = n(), popScopeId(), n);
 const _hoisted_1$4 = { class: "custom-drawer-header" };
 const _hoisted_2$4 = { class: "header-content" };
 const _hoisted_3$4 = ["id"];
@@ -58727,7 +58743,7 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var YcDrawerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-f8ad9f74"], ["__file", "index.vue"]]);
+var YcDrawerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-e05479bb"], ["__file", "index.vue"]]);
 
 const YcDrawer = YcDrawerComponent;
 const ReDrawer = YcDrawerComponent;