yc-pro-components 0.0.11 → 0.0.13

package/es/index.css

@@ -1,5 +1,5 @@
 .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-4486eb75]{height:100%}[data-v-4486eb75] .yc-search-card-body{padding-right:0}[data-v-4486eb75] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-4486eb75]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-4486eb75]{font-size:14px}
+.yc-plus-page[data-v-7c1490fd]{height:100%}.yc-plus-page[data-v-7c1490fd] [data-v-7c1490fd] .plus-page>.el-card{border-radius:8px}[data-v-7c1490fd] .yc-search-card-body{padding-right:0}[data-v-7c1490fd] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-7c1490fd]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-7c1490fd]{font-size:14px}
 .el-tree .el-tree-node__content{position:relative}.yc-tree-node-label-wrapper{align-items:center;display:flex;flex:1}.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-fa0eccd0]{display:flex;flex-direction:column;height:100%;overflow:auto}.yc-plus-tree[data-v-fa0eccd0] .search-input[data-v-fa0eccd0]{flex-shrink:0;margin-bottom:16px}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0]{flex:1;min-height:0;overflow:hidden}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-v2{overflow-x:visible!important}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0]{align-items:center;display:flex;flex:1;padding-left:0;padding-right:8px;position:relative;z-index:1}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0]{flex-shrink:0;width:100%}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__wrapper[data-v-fa0eccd0]:hover{box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__wrapper.is-focus[data-v-fa0eccd0]{box-shadow:0 0 0 1px var(--el-color-primary) inset}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner{color:rgba(0,0,0,.7);font-size:14px;height:24px;line-height:18px}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner[data-v-fa0eccd0]::-moz-placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner[data-v-fa0eccd0]::placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover .label-text[data-v-fa0eccd0]{color:var(--el-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node.is-current>.el-tree-node__content .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0]{align-items:center;display:flex;gap:4px;width:100%}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0][data-v-fa0eccd0]:hover .node-actions[data-v-fa0eccd0]{opacity:1;pointer-events:auto}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .label-text[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-text[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .label-text[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-text[data-v-fa0eccd0]{color:var(--el-text-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .label-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .label-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-text[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-count[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-count[data-v-fa0eccd0]{color:var(--el-text-color-secondary);font-size:12px}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0]{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-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon-wrapper[data-v-fa0eccd0]{align-items:center;cursor:pointer;display:flex;justify-content:center}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon[data-v-fa0eccd0]{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-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon[data-v-fa0eccd0][data-v-fa0eccd0]:hover{background-color:var(--el-color-primary-light-8)}.tree-dropdown-menu[data-v-fa0eccd0]{border-radius:8px!important;min-width:156px!important;padding:8px!important}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .el-dropdown-menu__item[data-v-fa0eccd0]:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .el-dropdown-menu__item[data-v-fa0eccd0]:not(:last-child){margin-bottom:4px}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .el-divider{border-top:1px solid #e5e7eb;margin:12px 0}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .sortable-fallback{-webkit-user-select:none;-moz-user-select:none;user-select:none}
 .tree-dropdown-popper{border:none!important;border-radius:8px!important;overflow:hidden!important}.yc-plus-tree .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.el-tree-node__content:has([data-input-node=true]) .el-tree-node__expand-icon{display:none!important}.sortable-ghost{opacity:.3!important;position:relative!important}.drop-target{background-color:var(--el-color-primary-light-9)!important;border-radius:4px}.drop-target:before{background:var(--el-color-primary);border-radius:1.5px;bottom:0;content:"";left:calc(var(--drop-indent, 0px) - 3px);opacity:.6;position:absolute;top:0;width:3px;z-index:1}

package/es/index.d.ts

@@ -2,7 +2,7 @@ import { App } from 'vue';
 import { default as installer } from './defaults';
 
 export * from 'yc-pro-components/es/components';
-export { useGetOptions, useLocale, useTable, useSelectWithMapping, usePlusProConfig, providePlusProConfig, useDialogFormConfig, useDrawerFormConfig, useSortableDrag, usePlusFormReset, useSelectWithPagination, type UseSelectWithMappingConfig, type UseSelectWithMappingReturn, type MappedOption, type TransformConfig, type ApiResponseLike, type UseSelectWithPaginationConfig, type UseSelectWithPaginationReturn, type PlusProFormConfig, type PlusProGlobalConfig } from 'yc-pro-components/es/hooks';
+export { useGetOptions, useLocale, useTable, useSelectWithMapping, usePlusProConfig, providePlusProConfig, useDialogFormConfig, useDrawerFormConfig, useSortableDrag, usePlusFormReset, useSelectWithPagination, useDictInjection, type UseSelectWithMappingConfig, type UseSelectWithMappingReturn, type MappedOption, type TransformConfig, type ApiResponseLike, type UseSelectWithPaginationConfig, type UseSelectWithPaginationReturn, type PlusProFormConfig, type PlusProGlobalConfig } from 'yc-pro-components/es/hooks';
 export * from 'yc-pro-components/es/types';
 export * from 'yc-pro-components/es/constants';
 export { version } from './version';

package/es/index.mjs

@@ -7,9 +7,11 @@ export { providePlusProConfig, useDialogFormConfig, useDrawerFormConfig, usePlus
 export { useSortableDrag } from './hooks/useSortableDrag.mjs';
 export { usePlusFormReset } from './hooks/usePlusFormReset.mjs';
 export { useSelectWithPagination } from './hooks/useSelectWithPagination.mjs';
+export { useDictInjection } from './hooks/useDictInjection.mjs';
 export { DefaultPageInfo, DefaultPageSizeList } from './constants/page.mjs';
 export { DatePickerValueIsArrayList, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList } from './constants/form.mjs';
 export { selectValueTypeList } from './constants/display-item.mjs';
+export { DictStoreInjectionKey } from './constants/dict.mjs';
 export { version } from './version.mjs';
 export { PlusDialog } from './components/dialog/index.mjs';
 export { PlusPagination } from './components/pagination/index.mjs';

package/es/types/plus.d.ts

@@ -272,6 +272,80 @@ export interface CommonType {
      * 多级表头
      */
     children?: PlusColumn[];
+    /**
+     * 自动字典注入
+     * @version v0.2.0
+     * @desc 当 valueType 为 `select`|`radio`|`checkbox` 时，可以自动从字典 Store 获取 options
+     * @desc 优先级：options > autoDict > 默认空数组
+     * @example
+     * ```ts
+     * import type { PlusColumn } from 'yc-components'
+     *
+     * // 方式1：布尔值 - 自动从 inject 的 DictStore 获取
+     * const columns: PlusColumn[] = [
+     *   {
+     *     label: '状态',
+     *     prop: 'status',
+     *     valueType: 'select',
+     *     autoDict: true  // 自动调用 dictStore.getDictData('status')
+     *   }
+     * ]
+     *
+     * // 方式2：函数 - 自定义获取逻辑
+     * const columns: PlusColumn[] = [
+     *   {
+     *     label: '状态',
+     *     prop: 'status',
+     *     valueType: 'select',
+     *     autoDict: (column) => {
+     *       // 自定义逻辑
+     *       return customDictStore.getData(column.prop)
+     *     }
+     *   }
+     * ]
+     *
+     * // 方式3：对象配置 - 指定 Store 和方法
+     * const columns: PlusColumn[] = [
+     *   {
+     *     label: '类型',
+     *     prop: 'type',
+     *     valueType: 'select',
+     *     autoDict: {
+     *       store: specificDictStore,
+     *       method: 'getTypeDict',
+     *       transform: (data) => data.map(item => ({
+     *         label: item.name,
+     *         value: item.id
+     *       }))
+     *     }
+     *   }
+     * ]
+     * ```
+     */
+    autoDict?: boolean | ((column: PlusColumn) => OptionsRow[] | Promise<OptionsRow[]>) | {
+        /**
+         * 字典 Store 实例
+         * @desc 如果不提供，会尝试从 inject 获取
+         */
+        store?: any;
+        /**
+         * 获取字典的方法名
+         * @default 'getDictData'
+         */
+        method?: string;
+        /**
+         * 转换函数
+         * @desc 将字典数据转换为 OptionsRow[] 格式
+         */
+        transform?: (data: any) => OptionsRow[];
+        /**
+         * 字典 code 或字段名
+         * @desc 指定要获取的字典 code，如果不提供则使用 props.prop
+         * @example dictCode: "OFFSET_AUDIT_STATUS"
+         * @version v0.2.0
+         */
+        dictCode?: string;
+    };
 }
 /**
  * 表格，表单，详情，搜索公共的类型

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.1.30";
+export declare const version = "0.0.13";

package/es/version.mjs

@@ -1,3 +1,3 @@
-const version = "0.1.30";
+const version = "0.0.13";
 
 export { version };

package/es/yc-components/index.d.ts

@@ -2,7 +2,7 @@ import { App } from 'vue';
 import { default as installer } from './defaults';
 
 export * from 'yc-pro-components/es/components';
-export { useGetOptions, useLocale, useTable, useSelectWithMapping, usePlusProConfig, providePlusProConfig, useDialogFormConfig, useDrawerFormConfig, useSortableDrag, usePlusFormReset, useSelectWithPagination, type UseSelectWithMappingConfig, type UseSelectWithMappingReturn, type MappedOption, type TransformConfig, type ApiResponseLike, type UseSelectWithPaginationConfig, type UseSelectWithPaginationReturn, type PlusProFormConfig, type PlusProGlobalConfig } from 'yc-pro-components/es/hooks';
+export { useGetOptions, useLocale, useTable, useSelectWithMapping, usePlusProConfig, providePlusProConfig, useDialogFormConfig, useDrawerFormConfig, useSortableDrag, usePlusFormReset, useSelectWithPagination, useDictInjection, type UseSelectWithMappingConfig, type UseSelectWithMappingReturn, type MappedOption, type TransformConfig, type ApiResponseLike, type UseSelectWithPaginationConfig, type UseSelectWithPaginationReturn, type PlusProFormConfig, type PlusProGlobalConfig } from 'yc-pro-components/es/hooks';
 export * from 'yc-pro-components/es/types';
 export * from 'yc-pro-components/es/constants';
 export { version } from './version';

package/es/yc-components/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.1.30";
+export declare const version = "0.0.13";

package/index.css

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

package/index.js

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.11 */
+/*! yc-pro-components v0.0.13 */
 (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) :
@@ -4770,6 +4770,36 @@
     return data;
   };
 
+  const DefaultPageSizeList = [10, 20, 30, 40, 50, 100, 200, 300, 400, 500];
+  const DefaultPageInfo = {
+    page: 1,
+    pageSize: 10
+  };
+
+  const TableFormRefInjectionKey = Symbol("tableFormRefInjectionKey");
+  const TableFormFieldRefInjectionKey = Symbol("tableFormFieldRefInjectionKey");
+  const TableFormRowInfoInjectionKey = Symbol("tableFormRowInfoInjectionKey");
+  const DatePickerValueIsArrayList = ["datetimerange", "daterange", "monthrange"];
+  const ValueIsNumberList = ["rate", "input-number", "slider"];
+  const ValueIsBooleanList = ["switch"];
+  const ValueIsArrayList = [
+    "checkbox",
+    "cascader",
+    "plus-date-picker",
+    "plus-input-tag",
+    "transfer"
+  ];
+
+  const selectValueTypeList = [
+    "select",
+    "radio",
+    "checkbox",
+    "select-v2",
+    "plus-radio"
+  ];
+
+  const DictStoreInjectionKey = Symbol("DictStore");
+
   const throwError = (data) => {
     if (!isArray(data)) {
       console.error("Uncaught TypeError: ", `options expected Array but got ${toRawType(data)}`);
@@ -4796,27 +4826,53 @@
   const useGetOptions = (props) => {
     const options = vue.ref([]);
     const optionsIsReady = vue.ref(false);
-    if (!props.options) {
+    const injectedDictStore = vue.inject(DictStoreInjectionKey, null);
+    const hasValidOptions = props.options && (!isArray(props.options) || props.options.length > 0);
+    if (hasValidOptions) {
+      handleOptions();
+    } else if (props.autoDict) {
+      handleAutoDict();
+    } else {
       options.value = [];
       optionsIsReady.value = true;
-    } else if (vue.isRef(props.options) || vue.isReactive(props.options) || isArray(props.options)) {
-      vue.watch(
-        () => props.options,
-        (val) => {
-          const value = vue.isRef(val) ? val.value : val;
-          options.value = getOptionsByOptionsMap(value, props);
+    }
+    function handleOptions() {
+      if (!props.options) {
+        options.value = [];
+        optionsIsReady.value = true;
+        return;
+      }
+      if (vue.isRef(props.options) || vue.isReactive(props.options) || isArray(props.options)) {
+        vue.watch(
+          () => props.options,
+          (val) => {
+            const value = vue.isRef(val) ? val.value : val;
+            options.value = getOptionsByOptionsMap(value, props);
+            optionsIsReady.value = true;
+          },
+          {
+            immediate: true,
+            deep: true
+          }
+        );
+      } else if (isFunction(props.options)) {
+        const getValue = props.options;
+        const result = getValue(props);
+        if (isPromise(result)) {
+          result.then((value) => {
+            options.value = getOptionsByOptionsMap(value, props);
+            optionsIsReady.value = true;
+            throwError(options.value);
+          }).catch((err) => {
+            throw err;
+          });
+        } else {
+          options.value = getOptionsByOptionsMap(result, props);
           optionsIsReady.value = true;
-        },
-        {
-          immediate: true,
-          deep: true
         }
-      );
-    } else if (isFunction(props.options)) {
-      const getValue = props.options;
-      const result = getValue(props);
-      if (isPromise(result)) {
-        result.then((value) => {
+      } else if (isPromise(props.options)) {
+        const getValue = props.options;
+        getValue.then((value) => {
           options.value = getOptionsByOptionsMap(value, props);
           optionsIsReady.value = true;
           throwError(options.value);
@@ -4824,21 +4880,82 @@
           throw err;
         });
       } else {
-        options.value = getOptionsByOptionsMap(result, props);
         optionsIsReady.value = true;
+        throwError(props.options);
       }
-    } else if (isPromise(props.options)) {
-      const getValue = props.options;
-      getValue.then((value) => {
-        options.value = getOptionsByOptionsMap(value, props);
+    }
+    function handleAutoDict() {
+      if (isFunction(props.autoDict)) {
+        const autoDictFn = props.autoDict;
+        vue.watch(
+          () => {
+            return autoDictFn(props);
+          },
+          (result) => {
+            if (isPromise(result)) {
+              result.then((value) => {
+                options.value = getOptionsByOptionsMap(value, props);
+                optionsIsReady.value = true;
+              }).catch((err) => {
+                console.error("[yc-components] autoDict function error:", err);
+                options.value = [];
+                optionsIsReady.value = true;
+              });
+            } else {
+              options.value = getOptionsByOptionsMap(result, props);
+              optionsIsReady.value = true;
+            }
+          },
+          { immediate: true }
+        );
+      } else if (typeof props.autoDict === "object" && props.autoDict !== null) {
+        const { store, method = "getDictData", transform, dictCode } = props.autoDict;
+        const dictStore = store || injectedDictStore;
+        const fieldOrCode = dictCode || props.prop;
+        if (dictStore && isFunction(dictStore[method])) {
+          vue.watch(
+            () => dictStore[method](fieldOrCode),
+            (val) => {
+              try {
+                const data = transform && isFunction(transform) ? transform(val) : val;
+                options.value = getOptionsByOptionsMap(data, props);
+                optionsIsReady.value = true;
+              } catch (err) {
+                console.error("[yc-components] autoDict transform error:", err);
+                options.value = [];
+                optionsIsReady.value = true;
+              }
+            },
+            { immediate: true }
+          );
+        } else {
+          console.warn(
+            `[yc-components] autoDict: DictStore or method "${method}" not found for field "${fieldOrCode}"`
+          );
+          options.value = [];
+          optionsIsReady.value = true;
+        }
+      } else if (props.autoDict === true) {
+        if (injectedDictStore && isFunction(injectedDictStore.getDictData)) {
+          vue.watch(
+            () => injectedDictStore.getDictData(props.prop),
+            (val) => {
+              options.value = getOptionsByOptionsMap(val, props);
+              optionsIsReady.value = true;
+            },
+            { immediate: true }
+          );
+        } else {
+          console.warn(
+            `[yc-components] autoDict: DictStore not provided via inject for field "${props.prop}". Please use useDictInjection() in parent component.`
+          );
+          options.value = [];
+          optionsIsReady.value = true;
+        }
+      } else {
+        options.value = [];
         optionsIsReady.value = true;
-        throwError(options.value);
-      }).catch((err) => {
-        throw err;
-      });
-    } else {
-      optionsIsReady.value = true;
-      throwError(props.options);
+      }
     }
     return { customOptions: options, customOptionsIsReady: optionsIsReady };
   };
@@ -4937,34 +5054,6 @@
     }));
   };
 
-  const DefaultPageSizeList = [10, 20, 30, 40, 50, 100, 200, 300, 400, 500];
-  const DefaultPageInfo = {
-    page: 1,
-    pageSize: 10
-  };
-
-  const TableFormRefInjectionKey = Symbol("tableFormRefInjectionKey");
-  const TableFormFieldRefInjectionKey = Symbol("tableFormFieldRefInjectionKey");
-  const TableFormRowInfoInjectionKey = Symbol("tableFormRowInfoInjectionKey");
-  const DatePickerValueIsArrayList = ["datetimerange", "daterange", "monthrange"];
-  const ValueIsNumberList = ["rate", "input-number", "slider"];
-  const ValueIsBooleanList = ["switch"];
-  const ValueIsArrayList = [
-    "checkbox",
-    "cascader",
-    "plus-date-picker",
-    "plus-input-tag",
-    "transfer"
-  ];
-
-  const selectValueTypeList = [
-    "select",
-    "radio",
-    "checkbox",
-    "select-v2",
-    "plus-radio"
-  ];
-
   function useTable(_pageInfo) {
     const defaultPageInfo = vue.unref(_pageInfo) || DefaultPageInfo;
     const tableData = vue.ref([]);
@@ -8485,6 +8574,20 @@
     };
   }
 
+  function useDictInjection(dictStore) {
+    if (!dictStore) {
+      console.warn("[yc-components] useDictInjection: dictStore is required");
+      return;
+    }
+    if (typeof dictStore.getDictData !== "function") {
+      console.error(
+        "[yc-components] useDictInjection: dictStore must implement getDictData method. Please ensure your dictStore implements DictStoreInterface."
+      );
+      return;
+    }
+    vue.provide(DictStoreInjectionKey, dictStore);
+  }
+
   const _hoisted_1$q = { class: "plus-dialog-body" };
   var _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -15782,6 +15885,7 @@
       fieldChildrenSlot: { type: Function, default: void 0 },
       renderErrorMessage: { type: Function, default: void 0 },
       optionsMap: { default: void 0 },
+      autoDict: { type: [Boolean, Function, Object], default: void 0 },
       index: { default: 0 },
       clearable: { type: Boolean, default: true }
     },
@@ -19227,7 +19331,9 @@
         lg: 8,
         xl: 6
       }) },
-      needValidate: { type: Boolean, default: false }
+      needValidate: { type: Boolean, default: false },
+      searchIcon: { default: void 0 },
+      resetIcon: { default: void 0 }
     },
     emits: ["update:modelValue", "search", "change", "reset", "collapse"],
     setup(__props, { expose: __expose, emit: __emit }) {
@@ -19245,6 +19351,14 @@
       const unfoldText = vue.computed(
         () => isShowUnfold.value ? props.retractText || t("plus.search.retract") : props.expandText || t("plus.search.expand")
       );
+      const computedSearchIcon = vue.computed(() => {
+        if (props.searchIcon === null) return void 0;
+        return props.searchIcon !== void 0 ? props.searchIcon : search_default;
+      });
+      const computedResetIcon = vue.computed(() => {
+        if (props.resetIcon === null) return void 0;
+        return props.resetIcon !== void 0 ? props.resetIcon : refresh_right_default;
+      });
       const originData = vue.computed(() => {
         const filterData = props.columns.filter((item) => vue.unref(item.hideInSearch) !== true).map((item) => ({ ...item, hideInForm: false })).map((item) => ({ ...item, order: (item == null ? void 0 : item.order) ? vue.unref(item.order) : 0 }));
         return orderBy(filterData, ["order"], ["desc"]);
@@ -19331,7 +19445,7 @@
                 }, () => [
                   _ctx.hasReset ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
                     key: 0,
-                    icon: vue.unref(refresh_right_default),
+                    icon: computedResetIcon.value,
                     onClick: handleReset
                   }, {
                     default: vue.withCtx(() => [
@@ -19347,7 +19461,7 @@
                   vue.createVNode(vue.unref(elementPlus.ElButton), {
                     type: "primary",
                     loading: _ctx.searchLoading,
-                    icon: vue.unref(search_default),
+                    icon: computedSearchIcon.value,
                     onClick: handleSearch.value
                   }, {
                     default: vue.withCtx(() => [
@@ -30993,7 +31107,10 @@
             hasUnfold: false,
             rowProps: { gutter: 0 },
             colProps: { span: getSpanByCount(searchableFieldsCount.value) },
-            labelSuffix: ""
+            labelSuffix: "",
+            labelPosition: "right",
+            searchIcon: null,
+            resetIcon: null
           };
           return merge({}, defaultSearchConfig, props.search);
         }
@@ -31001,7 +31118,10 @@
           hasUnfold: false,
           rowProps: { gutter: 0 },
           colProps: { span: getSpanByCount(searchableFieldsCount.value) },
-          labelSuffix: ""
+          labelSuffix: "",
+          labelPosition: "right",
+          searchIcon: null,
+          resetIcon: null
         };
       });
       const mergedSearchCardProps = vue.computed(() => {
@@ -31145,7 +31265,7 @@
     }
   });
 
-  var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-4486eb75"], ["__file", "index.vue"]]);
+  var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-7c1490fd"], ["__file", "index.vue"]]);
 
   const YcPlusPage = YcPlusPageComponent;
   const RePlusPage = YcPlusPageComponent;
@@ -59623,7 +59743,7 @@
 
   var installer = makeInstaller([...plugins]);
 
-  const version = "0.1.30";
+  const version = "0.0.13";
 
   const install = installer.install;
 
@@ -59632,6 +59752,7 @@
   exports.DatePickerValueIsArrayList = DatePickerValueIsArrayList;
   exports.DefaultPageInfo = DefaultPageInfo;
   exports.DefaultPageSizeList = DefaultPageSizeList;
+  exports.DictStoreInjectionKey = DictStoreInjectionKey;
   exports.PlusBreadcrumb = PlusBreadcrumb;
   exports.PlusCheckCard = PlusCheckCard;
   exports.PlusCheckCardGroup = PlusCheckCardGroup;
@@ -59739,6 +59860,7 @@
   exports.selectValueTypeList = selectValueTypeList;
   exports.updateDrawer = updateDrawer;
   exports.useDialogFormConfig = useDialogFormConfig;
+  exports.useDictInjection = useDictInjection;
   exports.useDrawerFormConfig = useDrawerFormConfig;
   exports.useGetOptions = useGetOptions;
   exports.useLocale = useLocale;

package/index.min.css

@@ -1,5 +1,5 @@
 .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-4486eb75]{height:100%}[data-v-4486eb75] .yc-search-card-body{padding-right:0}[data-v-4486eb75] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-4486eb75]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-4486eb75]{font-size:14px}
+.yc-plus-page[data-v-7c1490fd]{height:100%}.yc-plus-page[data-v-7c1490fd] [data-v-7c1490fd] .plus-page>.el-card{border-radius:8px}[data-v-7c1490fd] .yc-search-card-body{padding-right:0}[data-v-7c1490fd] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-7c1490fd]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-7c1490fd]{font-size:14px}
 .el-tree .el-tree-node__content{position:relative}.yc-tree-node-label-wrapper{align-items:center;display:flex;flex:1}.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-fa0eccd0]{display:flex;flex-direction:column;height:100%;overflow:auto}.yc-plus-tree[data-v-fa0eccd0] .search-input[data-v-fa0eccd0]{flex-shrink:0;margin-bottom:16px}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0]{flex:1;min-height:0;overflow:hidden}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-v2{overflow-x:visible!important}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0]{align-items:center;display:flex;flex:1;padding-left:0;padding-right:8px;position:relative;z-index:1}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0]{flex-shrink:0;width:100%}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__wrapper[data-v-fa0eccd0]:hover{box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__wrapper.is-focus[data-v-fa0eccd0]{box-shadow:0 0 0 1px var(--el-color-primary) inset}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner{color:rgba(0,0,0,.7);font-size:14px;height:24px;line-height:18px}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner[data-v-fa0eccd0]::-moz-placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .inline-input-node[data-v-fa0eccd0] .inline-input[data-v-fa0eccd0] [data-v-fa0eccd0] .el-input__inner[data-v-fa0eccd0]::placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover .label-text[data-v-fa0eccd0]{color:var(--el-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node__content:hover .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] [data-v-fa0eccd0] .el-tree-node.is-current>.el-tree-node__content .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0]{align-items:center;display:flex;gap:4px;width:100%}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0][data-v-fa0eccd0]:hover .node-actions[data-v-fa0eccd0]{opacity:1;pointer-events:auto}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .label-text[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-text[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .label-text[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-text[data-v-fa0eccd0]{color:var(--el-text-color-primary)}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .label-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .label-text[data-v-fa0eccd0] [data-v-fa0eccd0] .highlight-keyword,.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-text[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-label[data-v-fa0eccd0] .node-count[data-v-fa0eccd0],.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] [data-v-fa0eccd0] .custom-node-label .node-count[data-v-fa0eccd0]{color:var(--el-text-color-secondary);font-size:12px}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0]{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-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon-wrapper[data-v-fa0eccd0]{align-items:center;cursor:pointer;display:flex;justify-content:center}.yc-plus-tree[data-v-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon[data-v-fa0eccd0]{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-fa0eccd0] .tree-container[data-v-fa0eccd0] .node-label-wrapper[data-v-fa0eccd0] .node-actions[data-v-fa0eccd0] .action-icon[data-v-fa0eccd0][data-v-fa0eccd0]:hover{background-color:var(--el-color-primary-light-8)}.tree-dropdown-menu[data-v-fa0eccd0]{border-radius:8px!important;min-width:156px!important;padding:8px!important}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .el-dropdown-menu__item[data-v-fa0eccd0]:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .el-dropdown-menu__item[data-v-fa0eccd0]:not(:last-child){margin-bottom:4px}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .el-divider{border-top:1px solid #e5e7eb;margin:12px 0}.tree-dropdown-menu[data-v-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .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-fa0eccd0] [data-v-fa0eccd0] .sortable-fallback{-webkit-user-select:none;-moz-user-select:none;user-select:none}
 .tree-dropdown-popper{border:none!important;border-radius:8px!important;overflow:hidden!important}.yc-plus-tree .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.el-tree-node__content:has([data-input-node=true]) .el-tree-node__expand-icon{display:none!important}.sortable-ghost{opacity:.3!important;position:relative!important}.drop-target{background-color:var(--el-color-primary-light-9)!important;border-radius:4px}.drop-target:before{background:var(--el-color-primary);border-radius:1.5px;bottom:0;content:"";left:calc(var(--drop-indent, 0px) - 3px);opacity:.6;position:absolute;top:0;width:3px;z-index:1}