yc-pro-components 0.0.24 → 0.0.25

package/es/index.css

@@ -1,6 +1,6 @@
 .yc-svg-icon[data-v-34e1f2f7]{display:inline-block;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle}.yc-svg-icon--original[data-v-34e1f2f7]{-o-object-fit:contain;object-fit:contain}
 
-.yc-plus-page[data-v-a59fd3d9]{height:100%}.yc-plus-page[data-v-a59fd3d9] [data-v-a59fd3d9] .plus-page>.el-card{border-radius:8px}[data-v-a59fd3d9] .yc-search-card-body{padding-right:0}[data-v-a59fd3d9] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-a59fd3d9]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-a59fd3d9]{font-size:14px}
+.yc-plus-page[data-v-e1fa68a8]{height:100%}.yc-plus-page[data-v-e1fa68a8] [data-v-e1fa68a8] .plus-page>.el-card{border-radius:8px}[data-v-e1fa68a8] .yc-search-card-body{padding-right:0}[data-v-e1fa68a8] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-e1fa68a8]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-e1fa68a8]{font-size:14px}
 .yc-select-v2-loading.el-select-dropdown__item{color:#909399;cursor:default;font-size:13px;pointer-events:none;text-align:center}.yc-select-v2-loading.el-select-dropdown__item.is-disabled{color:#909399;cursor:default}
 .el-tree .el-tree-node__content{position:relative}.yc-tree-node-label-wrapper{align-items:center;display:flex;flex:1;min-width:0}.yc-tree-node-label{font-size:12px}.yc-tree-node-line-ver{border-left:1px dashed var(--el-border-color-light,#dcdfe6);display:block;height:100%;left:0;position:absolute;top:0}.yc-tree-node-line-ver.last-node-line{border-left:1px dashed transparent}.yc-tree-node-line-ver.last-node-isLeaf-line{height:50%}.yc-tree-node-line-hor{border-bottom:1px dashed var(--el-border-color-light,#dcdfe6);display:block;height:0;left:0;position:absolute;top:50%}
 .yc-plus-tree[data-v-55e0e5d7]{display:flex;flex-direction:column;height:100%;overflow:auto}.yc-plus-tree[data-v-55e0e5d7] .search-input[data-v-55e0e5d7]{flex-shrink:0;margin-bottom:16px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7]{flex:1;min-height:0;overflow:hidden}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tree-v2{overflow-x:visible!important}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7]{align-items:center;display:flex;flex:1;padding-left:0;padding-right:8px;position:relative;z-index:1}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7]{flex-shrink:0;width:100%}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7] [data-v-55e0e5d7] .el-input__wrapper{border-radius:4px;box-shadow:0 0 0 1px var(--el-border-color) inset;font-size:14px;height:26px;line-height:18px;padding:0 8px;transition:box-shadow .2s ease}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7] [data-v-55e0e5d7] .el-input__wrapper[data-v-55e0e5d7]:hover{box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7] [data-v-55e0e5d7] .el-input__wrapper.is-focus[data-v-55e0e5d7]{box-shadow:0 0 0 1px var(--el-color-primary) inset}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7] [data-v-55e0e5d7] .el-input__inner{color:rgba(0,0,0,.7);font-size:14px;height:24px;line-height:18px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7] [data-v-55e0e5d7] .el-input__inner[data-v-55e0e5d7]::-moz-placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7] [data-v-55e0e5d7] .el-input__inner[data-v-55e0e5d7]::placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tree-node__content:hover{background-color:var(--el-color-primary-light-9);border-radius:4px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tree-node__content:hover .label-text[data-v-55e0e5d7]{color:var(--el-color-primary)}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tree-node__content:hover .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9);border-radius:4px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tree-node.is-current>.el-tree-node__content .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7]{align-items:center;display:flex;gap:4px;width:100%}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7][data-v-55e0e5d7]:hover .node-actions[data-v-55e0e5d7]{opacity:1;pointer-events:auto}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7],.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tooltip__trigger,.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label [data-v-55e0e5d7] .el-tooltip__trigger{display:block;min-width:0;overflow:hidden}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7] .label-text[data-v-55e0e5d7],.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7] .node-text[data-v-55e0e5d7],.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label .label-text[data-v-55e0e5d7],.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label .node-text[data-v-55e0e5d7]{color:var(--el-text-color-primary);display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7] .label-text[data-v-55e0e5d7] [data-v-55e0e5d7] .highlight-keyword,.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7] .node-text[data-v-55e0e5d7] [data-v-55e0e5d7] .highlight-keyword,.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label .label-text[data-v-55e0e5d7] [data-v-55e0e5d7] .highlight-keyword,.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label .node-text[data-v-55e0e5d7] [data-v-55e0e5d7] .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7] .node-count[data-v-55e0e5d7],.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label .node-count[data-v-55e0e5d7]{color:var(--el-text-color-secondary);font-size:12px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-actions[data-v-55e0e5d7]{align-items:center;display:flex;flex-shrink:0;margin-left:auto;margin-right:8px;opacity:0;pointer-events:none;transition:opacity .2s ease}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-actions[data-v-55e0e5d7] .action-icon-wrapper[data-v-55e0e5d7]{align-items:center;cursor:pointer;display:flex;justify-content:center}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-actions[data-v-55e0e5d7] .action-icon[data-v-55e0e5d7]{align-items:center;border-radius:4px;color:var(--el-color-primary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .2s ease;width:20px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-actions[data-v-55e0e5d7] .action-icon[data-v-55e0e5d7][data-v-55e0e5d7]:hover{background-color:var(--el-color-primary-light-8)}.tree-dropdown-menu[data-v-55e0e5d7]{border-radius:8px!important;min-width:156px!important;padding:8px!important}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .el-dropdown-menu__item{border-radius:8px;font-size:12px;height:32px;line-height:32px;margin:0;padding:0 12px;transition:background-color .2s ease}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .el-dropdown-menu__item[data-v-55e0e5d7]:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .el-dropdown-menu__item[data-v-55e0e5d7]:not(:last-child){margin-bottom:4px}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .el-divider{border-top:1px solid #e5e7eb;margin:12px 0}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .sortable-ghost{background-color:var(--el-color-primary-light-9);border:1px dashed var(--el-color-primary);border-radius:4px;opacity:.4}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .sortable-chosen{background-color:var(--el-color-primary-light-8);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .sortable-drag{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:move;opacity:1;transform:rotate(2deg)}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .sortable-fallback{-webkit-user-select:none;-moz-user-select:none;user-select:none}

package/index.css

@@ -14,27 +14,27 @@
   /* 基础样式已通过内联样式设置 */
 }
 @charset "UTF-8";
-.yc-plus-page[data-v-a59fd3d9] {
+.yc-plus-page[data-v-e1fa68a8] {
   height: 100%;
   /* 卡片模式下设置圆角 8px */
 }
-.yc-plus-page[data-v-a59fd3d9] [data-v-a59fd3d9] .plus-page > .el-card {
+.yc-plus-page[data-v-e1fa68a8] [data-v-e1fa68a8] .plus-page > .el-card {
   border-radius: 8px;
 }
 
-[data-v-a59fd3d9] .yc-search-card-body {
+[data-v-e1fa68a8] .yc-search-card-body {
   padding-right: 0;
 }
 
 /* 密度图标样式调整 */
-[data-v-a59fd3d9] .plus-table-title-bar__toolbar__icon {
+[data-v-e1fa68a8] .plus-table-title-bar__toolbar__icon {
   position: relative;
   top: -2px;
   font-size: 16px !important;
 }
 
 /* 字段管理样式 */
-.column-settings-wrapper[data-v-a59fd3d9] {
+.column-settings-wrapper[data-v-e1fa68a8] {
   display: flex;
   gap: 4px;
   align-items: center;
@@ -42,7 +42,7 @@
   cursor: pointer;
 }
 
-.column-settings-text[data-v-a59fd3d9] {
+.column-settings-text[data-v-e1fa68a8] {
   font-size: 14px;
 }
 

package/index.js

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.24 */
+/*! yc-pro-components v0.0.25 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus')) :
   typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus'], factory) :
@@ -15067,7 +15067,7 @@
     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__ */ vue.defineComponent({
     ...{
       name: "PlusTableActionBar"
@@ -15402,7 +15402,7 @@
                     vue.createElementVNode("span", _hoisted_2$f, [
                       vue.createElementVNode(
                         "span",
-                        _hoisted_3$b,
+                        _hoisted_3$c,
                         vue.toDisplayString(vue.unref(t)("plus.table.more")),
                         1
                         /* TEXT */
@@ -15880,6 +15880,14 @@
 
   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__ */ vue.defineComponent({
     ...{
       name: "PlusFormItem"
@@ -16094,23 +16102,19 @@
           "label-width": _ctx.hasLabel ? (_a = customFormItemProps.value) == null ? void 0 : _a.labelWidth : "0px"
         }), vue.createSlots({
           default: vue.withCtx(() => [
-            _ctx.renderField && vue.unref(isFunction)(_ctx.renderField) ? (vue.openBlock(), vue.createElementBlock(
-              vue.Fragment,
-              { key: 0 },
-              [
-                valueIsReady.value ? (vue.openBlock(), vue.createBlock(vue.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"])) : vue.createCommentVNode("v-if", true)
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : _ctx.$slots[vue.unref(getFieldSlotName)(_ctx.prop)] ? vue.renderSlot(_ctx.$slots, vue.unref(getFieldSlotName)(_ctx.prop), vue.mergeProps({ key: 1 }, params.value, { column: props })) : _ctx.valueType === "select" && customFieldProps.value.multiple === true ? (vue.openBlock(), vue.createBlock(vue.unref(ElSelect), vue.mergeProps({
+            _ctx.renderField && vue.unref(isFunction)(_ctx.renderField) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$b, [
+              valueIsReady.value ? (vue.openBlock(), vue.createBlock(vue.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"])) : vue.createCommentVNode("v-if", true)
+            ])) : _ctx.$slots[vue.unref(getFieldSlotName)(_ctx.prop)] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, [
+              vue.renderSlot(_ctx.$slots, vue.unref(getFieldSlotName)(_ctx.prop), vue.mergeProps(params.value, { column: props }))
+            ])) : _ctx.valueType === "select" && customFieldProps.value.multiple === true ? (vue.openBlock(), vue.createBlock(vue.unref(ElSelect), vue.mergeProps({
               key: 2,
               ref_key: "fieldInstance",
               ref: fieldInstance,
@@ -16579,6 +16583,7 @@
     props: {
       modelValue: { default: () => ({}) },
       hasLabel: { type: Boolean, default: true },
+      layout: { default: "grid" },
       columns: { default: () => [] },
       rowProps: { default: () => ({}) },
       colProps: { default: () => ({}) },
@@ -16591,6 +16596,19 @@
       const props = __props;
       const emit = __emit;
       const values = vue.ref({});
+      const isNativeLayout = vue.computed(() => props.layout === "flex" || props.layout === "grid");
+      const isFlexLayout = vue.computed(() => props.layout === "flex");
+      const isGridLayout = vue.computed(() => props.layout === "grid");
+      const layoutRowClass = vue.computed(() => ({
+        "plus-form__row--flex": isFlexLayout.value,
+        "plus-form__row--grid": isGridLayout.value
+      }));
+      const layoutItemClass = vue.computed(() => ({
+        "plus-form__item-wrapper--flex": isFlexLayout.value,
+        "plus-form__item-wrapper--grid": isGridLayout.value
+      }));
+      const rowComponent = vue.computed(() => isNativeLayout.value ? "div" : elementPlus.ElRow);
+      const colComponent = vue.computed(() => isNativeLayout.value ? "div" : elementPlus.ElCol);
       const getHasLabel = (hasLabel) => {
         const has = vue.unref(hasLabel);
         if (isBoolean(has)) {
@@ -16613,104 +16631,100 @@
         emit("update:modelValue", values.value);
         emit("change", values.value, column);
       };
+      const getColBinding = (item) => {
+        if (isNativeLayout.value) return void 0;
+        return vue.unref(item.colProps) || props.colProps;
+      };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(
-          vue.unref(elementPlus.ElRow),
-          vue.mergeProps(_ctx.rowProps, { class: "plus-form__row" }),
-          {
-            default: vue.withCtx(() => [
-              vue.createVNode(PlusCollapseTransition, {
-                "collapse-duration": _ctx.collapseDuration,
-                "collapse-transition": _ctx.collapseTransition
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(true), vue.createElementBlock(
-                    vue.Fragment,
-                    null,
-                    vue.renderList(_ctx.columns, (item) => {
-                      return vue.openBlock(), vue.createBlock(
-                        vue.unref(elementPlus.ElCol),
-                        vue.mergeProps({
-                          key: item.prop
-                        }, vue.unref(item.colProps) || _ctx.colProps),
-                        {
-                          default: vue.withCtx(() => [
-                            vue.createCommentVNode(" el-form-item\u4E0A\u4E00\u884C\u7684\u5185\u5BB9 "),
-                            item.renderPrevious || _ctx.$slots[vue.unref(getPreviousSlotName)(item.prop)] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
-                              vue.unref(isFunction)(item.renderPrevious) ? (vue.openBlock(), vue.createBlock(
-                                vue.resolveDynamicComponent(item.renderPrevious),
-                                vue.normalizeProps(vue.mergeProps({ key: 0 }, item)),
-                                null,
-                                16
-                                /* FULL_PROPS */
-                              )) : _ctx.$slots[vue.unref(getPreviousSlotName)(item.prop)] ? vue.renderSlot(_ctx.$slots, vue.unref(getPreviousSlotName)(item.prop), vue.normalizeProps(vue.mergeProps({ key: 1 }, item))) : vue.createCommentVNode("v-if", true)
-                            ])) : vue.createCommentVNode("v-if", true),
-                            vue.createVNode(vue.unref(PlusFormItem), vue.mergeProps({
-                              "model-value": getModelValue(item.prop)
-                            }, item, {
-                              clearable: _ctx.clearable,
-                              "has-label": getHasLabel(item.hasLabel),
-                              onChange: (value) => handleChange(value, item)
-                            }), vue.createSlots({
-                              _: 2
-                              /* DYNAMIC */
-                            }, [
-                              _ctx.$slots[vue.unref(getLabelSlotName)(item.prop)] ? {
-                                name: vue.unref(getLabelSlotName)(item.prop),
-                                fn: vue.withCtx((data) => [
-                                  vue.renderSlot(_ctx.$slots, vue.unref(getLabelSlotName)(item.prop), vue.normalizeProps(vue.guardReactiveProps(data)))
-                                ]),
-                                key: "0"
-                              } : void 0,
-                              _ctx.$slots[vue.unref(getFieldSlotName)(item.prop)] ? {
-                                name: vue.unref(getFieldSlotName)(item.prop),
-                                fn: vue.withCtx((data) => [
-                                  vue.renderSlot(_ctx.$slots, vue.unref(getFieldSlotName)(item.prop), vue.normalizeProps(vue.guardReactiveProps(data)))
-                                ]),
-                                key: "1"
-                              } : void 0,
-                              _ctx.$slots["tooltip-icon"] ? {
-                                name: "tooltip-icon",
-                                fn: vue.withCtx(() => [
-                                  vue.renderSlot(_ctx.$slots, "tooltip-icon")
-                                ]),
-                                key: "2"
-                              } : void 0
-                            ]), 1040, ["model-value", "clearable", "has-label", "onChange"]),
-                            vue.createCommentVNode(" el-form-item \u4E0B\u4E00\u884C\u989D\u5916\u7684\u5185\u5BB9 "),
-                            item.renderExtra || _ctx.$slots[vue.unref(getExtraSlotName)(item.prop)] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, [
-                              item.renderExtra && vue.unref(isFunction)(item.renderExtra) ? (vue.openBlock(), vue.createBlock(
-                                vue.resolveDynamicComponent(item.renderExtra),
-                                vue.normalizeProps(vue.mergeProps({ key: 0 }, item)),
-                                null,
-                                16
-                                /* FULL_PROPS */
-                              )) : _ctx.$slots[vue.unref(getExtraSlotName)(item.prop)] ? vue.renderSlot(_ctx.$slots, vue.unref(getExtraSlotName)(item.prop), vue.normalizeProps(vue.mergeProps({ key: 1 }, item))) : vue.createCommentVNode("v-if", true)
-                            ])) : vue.createCommentVNode("v-if", true)
-                          ]),
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(rowComponent.value), vue.mergeProps(isNativeLayout.value ? void 0 : _ctx.rowProps, {
+          class: ["plus-form__row", layoutRowClass.value]
+        }), {
+          default: vue.withCtx(() => [
+            vue.createVNode(PlusCollapseTransition, {
+              "collapse-duration": _ctx.collapseDuration,
+              "collapse-transition": _ctx.collapseTransition
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(_ctx.columns, (item) => {
+                    return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(colComponent.value), vue.mergeProps({
+                      key: item.prop
+                    }, getColBinding(item), {
+                      class: ["plus-form__item-wrapper", layoutItemClass.value]
+                    }), {
+                      default: vue.withCtx(() => [
+                        vue.createCommentVNode(" el-form-item\u4E0A\u4E00\u884C\u7684\u5185\u5BB9 "),
+                        item.renderPrevious || _ctx.$slots[vue.unref(getPreviousSlotName)(item.prop)] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
+                          vue.unref(isFunction)(item.renderPrevious) ? (vue.openBlock(), vue.createBlock(
+                            vue.resolveDynamicComponent(item.renderPrevious),
+                            vue.normalizeProps(vue.mergeProps({ key: 0 }, item)),
+                            null,
+                            16
+                            /* FULL_PROPS */
+                          )) : _ctx.$slots[vue.unref(getPreviousSlotName)(item.prop)] ? vue.renderSlot(_ctx.$slots, vue.unref(getPreviousSlotName)(item.prop), vue.normalizeProps(vue.mergeProps({ key: 1 }, item))) : vue.createCommentVNode("v-if", true)
+                        ])) : vue.createCommentVNode("v-if", true),
+                        vue.createVNode(vue.unref(PlusFormItem), vue.mergeProps({
+                          "model-value": getModelValue(item.prop)
+                        }, item, {
+                          clearable: _ctx.clearable,
+                          "has-label": getHasLabel(item.hasLabel),
+                          onChange: (value) => handleChange(value, item)
+                        }), vue.createSlots({
                           _: 2
                           /* DYNAMIC */
-                        },
-                        1040
-                        /* FULL_PROPS, DYNAMIC_SLOTS */
-                      );
-                    }),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 8, ["collapse-duration", "collapse-transition"]),
-              vue.createCommentVNode(" \u641C\u7D22\u7684footer\u63D2\u69FD  "),
-              vue.renderSlot(_ctx.$slots, "search-footer")
-            ]),
-            _: 3
-            /* FORWARDED */
-          },
-          16
-          /* FULL_PROPS */
-        );
+                        }, [
+                          _ctx.$slots[vue.unref(getLabelSlotName)(item.prop)] ? {
+                            name: vue.unref(getLabelSlotName)(item.prop),
+                            fn: vue.withCtx((data) => [
+                              vue.renderSlot(_ctx.$slots, vue.unref(getLabelSlotName)(item.prop), vue.normalizeProps(vue.guardReactiveProps(data)))
+                            ]),
+                            key: "0"
+                          } : void 0,
+                          _ctx.$slots[vue.unref(getFieldSlotName)(item.prop)] ? {
+                            name: vue.unref(getFieldSlotName)(item.prop),
+                            fn: vue.withCtx((data) => [
+                              vue.renderSlot(_ctx.$slots, vue.unref(getFieldSlotName)(item.prop), vue.normalizeProps(vue.guardReactiveProps(data)))
+                            ]),
+                            key: "1"
+                          } : void 0,
+                          _ctx.$slots["tooltip-icon"] ? {
+                            name: "tooltip-icon",
+                            fn: vue.withCtx(() => [
+                              vue.renderSlot(_ctx.$slots, "tooltip-icon")
+                            ]),
+                            key: "2"
+                          } : void 0
+                        ]), 1040, ["model-value", "clearable", "has-label", "onChange"]),
+                        vue.createCommentVNode(" el-form-item \u4E0B\u4E00\u884C\u989D\u5916\u7684\u5185\u5BB9 "),
+                        item.renderExtra || _ctx.$slots[vue.unref(getExtraSlotName)(item.prop)] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, [
+                          item.renderExtra && vue.unref(isFunction)(item.renderExtra) ? (vue.openBlock(), vue.createBlock(
+                            vue.resolveDynamicComponent(item.renderExtra),
+                            vue.normalizeProps(vue.mergeProps({ key: 0 }, item)),
+                            null,
+                            16
+                            /* FULL_PROPS */
+                          )) : _ctx.$slots[vue.unref(getExtraSlotName)(item.prop)] ? vue.renderSlot(_ctx.$slots, vue.unref(getExtraSlotName)(item.prop), vue.normalizeProps(vue.mergeProps({ key: 1 }, item))) : vue.createCommentVNode("v-if", true)
+                        ])) : vue.createCommentVNode("v-if", true)
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1040, ["class"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["collapse-duration", "collapse-transition"]),
+            vue.createCommentVNode(" \u641C\u7D22\u7684footer\u63D2\u69FD  "),
+            vue.renderSlot(_ctx.$slots, "search-footer")
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["class"]);
       };
     }
   });
@@ -16730,6 +16744,7 @@
       columns: { default: () => [] },
       labelWidth: { default: "80px" },
       labelPosition: { default: "left" },
+      layout: { default: "grid" },
       rowProps: { default: () => ({}) },
       colProps: { default: () => ({}) },
       labelSuffix: { default: ":" },
@@ -16911,6 +16926,7 @@
                           "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,
@@ -16929,7 +16945,7 @@
                               ])
                             };
                           })
-                        ]), 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 */
@@ -16950,6 +16966,7 @@
                     "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,
@@ -16968,7 +16985,7 @@
                         ])
                       };
                     })
-                  ]), 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 */
@@ -19367,6 +19384,7 @@
       modelValue: { default: () => ({}) },
       defaultValues: { default: () => ({}) },
       columns: { default: () => [] },
+      layout: { default: "flex" },
       hasFooter: { type: Boolean, default: true },
       hasReset: { type: Boolean, default: true },
       hasUnfold: { type: Boolean, default: true },
@@ -19483,6 +19501,7 @@
           "row-props": _ctx.rowProps,
           "col-props": _ctx.colProps,
           columns: subColumns.value,
+          layout: _ctx.layout,
           class: "plus-search",
           "has-footer": false,
           onChange: handleChange
@@ -19574,7 +19593,7 @@
               ])
             };
           })
-        ]), 1040, ["modelValue", "inline", "rules", "label-position", "row-props", "col-props", "columns"]);
+        ]), 1040, ["modelValue", "inline", "rules", "label-position", "row-props", "col-props", "columns", "layout"]);
       };
     }
   });
@@ -31830,17 +31849,6 @@
           visibilityObserver = null;
         }
       });
-      const searchableFieldsCount = vue.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 = vue.computed(() => {
         if (!showSearch.value) {
           return false;
@@ -31851,8 +31859,7 @@
           }
           const defaultSearchConfig = {
             hasUnfold: false,
-            rowProps: { gutter: 0 },
-            colProps: { span: getSpanByCount(searchableFieldsCount.value) },
+            layout: "flex",
             labelSuffix: "",
             labelPosition: "right",
             searchIcon: null,
@@ -31862,8 +31869,7 @@
         }
         return {
           hasUnfold: false,
-          rowProps: { gutter: 0 },
-          colProps: { span: getSpanByCount(searchableFieldsCount.value) },
+          layout: "flex",
           labelSuffix: "",
           labelPosition: "right",
           searchIcon: null,
@@ -32027,7 +32033,7 @@
     }
   });
 
-  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;

package/index.min.css

@@ -1,6 +1,6 @@
 .yc-svg-icon[data-v-34e1f2f7]{display:inline-block;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle}.yc-svg-icon--original[data-v-34e1f2f7]{-o-object-fit:contain;object-fit:contain}
 
-.yc-plus-page[data-v-a59fd3d9]{height:100%}.yc-plus-page[data-v-a59fd3d9] [data-v-a59fd3d9] .plus-page>.el-card{border-radius:8px}[data-v-a59fd3d9] .yc-search-card-body{padding-right:0}[data-v-a59fd3d9] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-a59fd3d9]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-a59fd3d9]{font-size:14px}
+.yc-plus-page[data-v-e1fa68a8]{height:100%}.yc-plus-page[data-v-e1fa68a8] [data-v-e1fa68a8] .plus-page>.el-card{border-radius:8px}[data-v-e1fa68a8] .yc-search-card-body{padding-right:0}[data-v-e1fa68a8] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-e1fa68a8]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-e1fa68a8]{font-size:14px}
 .yc-select-v2-loading.el-select-dropdown__item{color:#909399;cursor:default;font-size:13px;pointer-events:none;text-align:center}.yc-select-v2-loading.el-select-dropdown__item.is-disabled{color:#909399;cursor:default}
 .el-tree .el-tree-node__content{position:relative}.yc-tree-node-label-wrapper{align-items:center;display:flex;flex:1;min-width:0}.yc-tree-node-label{font-size:12px}.yc-tree-node-line-ver{border-left:1px dashed var(--el-border-color-light,#dcdfe6);display:block;height:100%;left:0;position:absolute;top:0}.yc-tree-node-line-ver.last-node-line{border-left:1px dashed transparent}.yc-tree-node-line-ver.last-node-isLeaf-line{height:50%}.yc-tree-node-line-hor{border-bottom:1px dashed var(--el-border-color-light,#dcdfe6);display:block;height:0;left:0;position:absolute;top:50%}
 .yc-plus-tree[data-v-55e0e5d7]{display:flex;flex-direction:column;height:100%;overflow:auto}.yc-plus-tree[data-v-55e0e5d7] .search-input[data-v-55e0e5d7]{flex-shrink:0;margin-bottom:16px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7]{flex:1;min-height:0;overflow:hidden}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tree-v2{overflow-x:visible!important}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7]{align-items:center;display:flex;flex:1;padding-left:0;padding-right:8px;position:relative;z-index:1}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7]{flex-shrink:0;width:100%}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7] [data-v-55e0e5d7] .el-input__wrapper{border-radius:4px;box-shadow:0 0 0 1px var(--el-border-color) inset;font-size:14px;height:26px;line-height:18px;padding:0 8px;transition:box-shadow .2s ease}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7] [data-v-55e0e5d7] .el-input__wrapper[data-v-55e0e5d7]:hover{box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7] [data-v-55e0e5d7] .el-input__wrapper.is-focus[data-v-55e0e5d7]{box-shadow:0 0 0 1px var(--el-color-primary) inset}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7] [data-v-55e0e5d7] .el-input__inner{color:rgba(0,0,0,.7);font-size:14px;height:24px;line-height:18px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7] [data-v-55e0e5d7] .el-input__inner[data-v-55e0e5d7]::-moz-placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .inline-input-node[data-v-55e0e5d7] .inline-input[data-v-55e0e5d7] [data-v-55e0e5d7] .el-input__inner[data-v-55e0e5d7]::placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tree-node__content:hover{background-color:var(--el-color-primary-light-9);border-radius:4px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tree-node__content:hover .label-text[data-v-55e0e5d7]{color:var(--el-color-primary)}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tree-node__content:hover .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9);border-radius:4px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tree-node.is-current>.el-tree-node__content .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7]{align-items:center;display:flex;gap:4px;width:100%}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7][data-v-55e0e5d7]:hover .node-actions[data-v-55e0e5d7]{opacity:1;pointer-events:auto}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7],.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7] [data-v-55e0e5d7] .el-tooltip__trigger,.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label [data-v-55e0e5d7] .el-tooltip__trigger{display:block;min-width:0;overflow:hidden}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7] .label-text[data-v-55e0e5d7],.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7] .node-text[data-v-55e0e5d7],.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label .label-text[data-v-55e0e5d7],.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label .node-text[data-v-55e0e5d7]{color:var(--el-text-color-primary);display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7] .label-text[data-v-55e0e5d7] [data-v-55e0e5d7] .highlight-keyword,.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7] .node-text[data-v-55e0e5d7] [data-v-55e0e5d7] .highlight-keyword,.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label .label-text[data-v-55e0e5d7] [data-v-55e0e5d7] .highlight-keyword,.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label .node-text[data-v-55e0e5d7] [data-v-55e0e5d7] .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-label[data-v-55e0e5d7] .node-count[data-v-55e0e5d7],.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] [data-v-55e0e5d7] .custom-node-label .node-count[data-v-55e0e5d7]{color:var(--el-text-color-secondary);font-size:12px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-actions[data-v-55e0e5d7]{align-items:center;display:flex;flex-shrink:0;margin-left:auto;margin-right:8px;opacity:0;pointer-events:none;transition:opacity .2s ease}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-actions[data-v-55e0e5d7] .action-icon-wrapper[data-v-55e0e5d7]{align-items:center;cursor:pointer;display:flex;justify-content:center}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-actions[data-v-55e0e5d7] .action-icon[data-v-55e0e5d7]{align-items:center;border-radius:4px;color:var(--el-color-primary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .2s ease;width:20px}.yc-plus-tree[data-v-55e0e5d7] .tree-container[data-v-55e0e5d7] .node-label-wrapper[data-v-55e0e5d7] .node-actions[data-v-55e0e5d7] .action-icon[data-v-55e0e5d7][data-v-55e0e5d7]:hover{background-color:var(--el-color-primary-light-8)}.tree-dropdown-menu[data-v-55e0e5d7]{border-radius:8px!important;min-width:156px!important;padding:8px!important}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .el-dropdown-menu__item{border-radius:8px;font-size:12px;height:32px;line-height:32px;margin:0;padding:0 12px;transition:background-color .2s ease}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .el-dropdown-menu__item[data-v-55e0e5d7]:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .el-dropdown-menu__item[data-v-55e0e5d7]:not(:last-child){margin-bottom:4px}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .el-divider{border-top:1px solid #e5e7eb;margin:12px 0}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .sortable-ghost{background-color:var(--el-color-primary-light-9);border:1px dashed var(--el-color-primary);border-radius:4px;opacity:.4}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .sortable-chosen{background-color:var(--el-color-primary-light-8);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .sortable-drag{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:move;opacity:1;transform:rotate(2deg)}.tree-dropdown-menu[data-v-55e0e5d7] [data-v-55e0e5d7] .sortable-fallback{-webkit-user-select:none;-moz-user-select:none;user-select:none}