yc-pro-components 0.0.75 → 0.0.77

package/es/components/yc-plus-page/src/index.vue.mjs

@@ -1,6 +1,6 @@
 import _sfc_main from './index.vue2.mjs';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-73380467"], ["__file", "index.vue"]]);
+var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3ce473db"], ["__file", "index.vue"]]);
 
 export { YcPlusPageComponent as default };

package/es/components/yc-plus-page/src/index.vue2.mjs

@@ -1,7 +1,8 @@
-import { defineComponent, ref, computed, useSlots, h, watch, onMounted, nextTick, onUnmounted, openBlock, createElementBlock, normalizeClass, createVNode, unref, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, toDisplayString, renderList, normalizeProps, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, useSlots, h, watch, onMounted, nextTick, onUnmounted, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, unref, createVNode, mergeProps, createSlots, withCtx, renderSlot, toDisplayString, renderList, normalizeProps } from 'vue';
 import { merge } from 'lodash-es';
 import { PlusPage } from '../../page/index.mjs';
 import YcSvgIcon from '../../yc-svg-icon/src/index.vue.mjs';
+import { useTableDragScroll } from '../../../hooks/useTableDragScroll.mjs';
 import { useHeaderFilter } from './use-header-filter.mjs';
 import YcTableHeaderFilterCellComponent from './header-filter-cell.vue.mjs';
 import { useYcShowPageSearch, useYcCdnUrl, useYcComponentConfig } from '../../yc-config-provider/src/useYcConfig.mjs';
@@ -35,7 +36,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     hideHeaderFilter: { type: Boolean, default: true },
     columnCacheKey: { default: void 0 },
     disableColumnCache: { type: Boolean, default: false },
-    columnSettingsText: { default: void 0 }
+    columnSettingsText: { default: void 0 },
+    dragScroll: { type: [Boolean, Object], default: false }
   },
   emits: ["header-filter-confirm", "header-filter-reset"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -46,6 +48,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const plusPageConfig = useYcComponentConfig("plusPage");
     const plusPageRef = ref();
     const rootRef = ref();
+    const dragScrollWrapperRef = ref(null);
+    const dragScrollEnabled = computed(() => props.dragScroll !== false && props.dragScroll != null);
+    const dragScrollOptions = computed(() => {
+      const value = props.dragScroll;
+      if (value && typeof value === "object") return value;
+      return {};
+    });
+    const { onMouseDown: onDragScrollMouseDown } = useTableDragScroll(
+      dragScrollWrapperRef,
+      void 0,
+      {
+        ...dragScrollOptions.value,
+        enabled: dragScrollEnabled
+      }
+    );
     const plusTableInstance = computed(() => {
       var _a;
       return (_a = plusPageRef.value) == null ? void 0 : _a.plusTableInstance;
@@ -463,6 +480,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     void resolvedColumnSettingsText.value;
     void hasRequest.value;
     void showDefaultColumnSettingsIcon.value;
+    void dragScrollEnabled.value;
     __expose({
       plusPageRef,
       plusTableInstance,
@@ -520,62 +538,76 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["yc-plus-page", { "yc-plus-page--borderless": isBorderless.value }])
         },
         [
-          createVNode(unref(PlusPage), mergeProps({
-            ref_key: "plusPageRef",
-            ref: plusPageRef
-          }, { ...props, ..._ctx.$attrs }, {
-            columns: enhancedColumns.value,
-            "is-card": _ctx.isCard,
-            request: wrappedRequest.value,
-            search: mergedSearch.value,
-            "search-card-props": mergedSearchCardProps.value,
-            "table-card-props": mergedTableCardProps.value,
-            table: mergedTable.value,
-            pagination: mergedPagination.value,
-            "default-page-info": { page: 1, pageSize: DEFAULT_PAGE_SIZE },
-            onFilterTableHeader: handleFilterTableHeader,
-            onHeaderDragend: handleHeaderDragend
-          }), createSlots({
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, [
-            _ctx.$slots["column-settings-icon"] ? {
-              name: "column-settings-icon",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "column-settings-icon", {}, void 0, true)
-              ]),
-              key: "0"
-            } : showDefaultColumnSettingsIcon.value ? {
-              name: "column-settings-icon",
-              fn: withCtx(() => [
-                createElementVNode("div", { class: "column-settings-wrapper" }, [
-                  createVNode(unref(YcSvgIcon), {
-                    src: fieldSettingIconUrl.value,
-                    size: 16
-                  }, null, 8, ["src"]),
-                  createElementVNode(
-                    "span",
-                    { class: "column-settings-text" },
-                    toDisplayString(resolvedColumnSettingsText.value),
-                    1
-                    /* TEXT */
-                  )
-                ])
-              ]),
-              key: "1"
-            } : void 0,
-            renderList(_ctx.$slots, (_, name) => {
-              return {
-                name,
-                fn: withCtx((slotProps) => [
-                  name !== "column-settings-icon" && name !== "default" ? renderSlot(_ctx.$slots, name, normalizeProps(mergeProps({ key: 0 }, slotProps)), void 0, true) : createCommentVNode("v-if", true)
-                ])
-              };
-            })
-          ]), 1040, ["columns", "is-card", "request", "search", "search-card-props", "table-card-props", "table", "pagination", "default-page-info"])
+          createCommentVNode(" \u62D6\u62FD\u6EDA\u52A8\u5305\u88F9\u5C42\uFF1AdragScroll \u542F\u7528\u65F6\u4ECB\u5165\uFF0C\u4F46\u59CB\u7EC8\u4FDD\u7559 ref\uFF0C\n         \u4EE5\u4FDD\u8BC1 mousedown \u900F\u4F20 + hook \u5185\u90E8 DOM \u67E5\u8BE2\u6B63\u5E38 "),
+          createElementVNode(
+            "div",
+            {
+              ref_key: "dragScrollWrapperRef",
+              ref: dragScrollWrapperRef,
+              class: normalizeClass(["yc-plus-page__drag-wrapper", { "yc-plus-page__drag-wrapper--enabled": dragScrollEnabled.value }]),
+              onMousedown: _cache[0] || (_cache[0] = ($event) => dragScrollEnabled.value ? unref(onDragScrollMouseDown)($event) : void 0)
+            },
+            [
+              createVNode(unref(PlusPage), mergeProps({
+                ref_key: "plusPageRef",
+                ref: plusPageRef
+              }, { ...props, ..._ctx.$attrs }, {
+                columns: enhancedColumns.value,
+                "is-card": _ctx.isCard,
+                request: wrappedRequest.value,
+                search: mergedSearch.value,
+                "search-card-props": mergedSearchCardProps.value,
+                "table-card-props": mergedTableCardProps.value,
+                table: mergedTable.value,
+                pagination: mergedPagination.value,
+                "default-page-info": { page: 1, pageSize: DEFAULT_PAGE_SIZE },
+                onFilterTableHeader: handleFilterTableHeader,
+                onHeaderDragend: handleHeaderDragend
+              }), createSlots({
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, [
+                _ctx.$slots["column-settings-icon"] ? {
+                  name: "column-settings-icon",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "column-settings-icon", {}, void 0, true)
+                  ]),
+                  key: "0"
+                } : showDefaultColumnSettingsIcon.value ? {
+                  name: "column-settings-icon",
+                  fn: withCtx(() => [
+                    createElementVNode("div", { class: "column-settings-wrapper" }, [
+                      createVNode(unref(YcSvgIcon), {
+                        src: fieldSettingIconUrl.value,
+                        size: 16
+                      }, null, 8, ["src"]),
+                      createElementVNode(
+                        "span",
+                        { class: "column-settings-text" },
+                        toDisplayString(resolvedColumnSettingsText.value),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ]),
+                  key: "1"
+                } : void 0,
+                renderList(_ctx.$slots, (_, name) => {
+                  return {
+                    name,
+                    fn: withCtx((slotProps) => [
+                      name !== "column-settings-icon" && name !== "default" ? renderSlot(_ctx.$slots, name, normalizeProps(mergeProps({ key: 0 }, slotProps)), void 0, true) : createCommentVNode("v-if", true)
+                    ])
+                  };
+                })
+              ]), 1040, ["columns", "is-card", "request", "search", "search-card-props", "table-card-props", "table", "pagination", "default-page-info"])
+            ],
+            34
+            /* CLASS, NEED_HYDRATION */
+          )
         ],
         2
         /* CLASS */

package/es/components/yc-plus-page/src/type.d.ts

@@ -1,3 +1,4 @@
+import { UseTableDragScrollOptions } from 'yc-pro-components/es/hooks/useTableDragScroll';
 import { PlusPageProps } from 'yc-pro-components/es/components/page';
 import { FieldValues } from 'yc-pro-components/es/types/form';
 import { PlusColumn, PageInfo } from 'yc-pro-components/es/types/plus';
@@ -178,6 +179,14 @@ export interface YcPlusPageProps extends /* @vue-ignore */ Omit<Partial<PlusPage
      * @default true（默认隐藏）
      */
     hideHeaderFilter?: boolean;
+    /**
+     * 是否启用表格横向拖拽滚动
+     * - true: 使用默认配置启用
+     * - 对象: 自定义 useTableDragScroll 配置（resizeAreaWidth / scrollContainerSelector 等）
+     * - false / 不传: 关闭（默认）
+     * @default false
+     */
+    dragScroll?: boolean | UseTableDragScrollOptions;
 }
 /**
  * 列设置缓存数据

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

@@ -54,12 +54,12 @@ export declare const YcSegmentedWithInstall: SFCWithInstall<DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string | number;
     disabled: boolean;
     options: YcSegmentedOption[];
+    modelValue: string | number;
     resize: boolean;
     block: boolean;
 }, {}>>;

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

@@ -62,12 +62,12 @@ declare const _default: DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string | number;
     disabled: boolean;
     options: YcSegmentedOption[];
+    modelValue: string | number;
     resize: boolean;
     block: boolean;
 }, {}>;

package/es/components/yc-select-v2/src/index.vue.d.ts

@@ -44,14 +44,14 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     initialOptions: () => never[];
     allSelect: boolean;
 }>>> & {
-    "onUpdate:modelValue"?: ((value: FieldValueType) => any) | undefined;
     onChange?: ((value: SelectValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: FieldValueType) => any) | undefined;
 }, {
-    modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
-    filterable: boolean;
     disabled: boolean;
+    filterable: boolean;
     options: SelectOption[];
     pageSize: number;
+    modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
     multiple: boolean;
     clearable: boolean;
     placeholder: string;

package/es/components/yc-status-dialog/src/index.vue.d.ts

@@ -28,9 +28,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     onCancel?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }, {
+    content: string;
     title: string;
     width: string | number;
-    content: string;
     visible: boolean;
     status: StatusType;
     cancelText: string;

package/es/components/yc-tabs-with-filter/index.d.ts

@@ -5,14 +5,14 @@ import { default as YcTabsWithFilter } from './src/index.vue';
 /** 带筛选按钮的 Tabs 组件 */
 export declare const YcTabsWithFilterWithInstall: SFCWithInstall<{
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        filterText: {
-            type: PropType<string>;
-            default: undefined;
-        };
         modelValue: {
             type: PropType<string>;
             required: true;
         };
+        filterText: {
+            type: PropType<string>;
+            default: undefined;
+        };
         showFilter: {
             type: PropType<boolean>;
             default: boolean;
@@ -38,14 +38,14 @@ export declare const YcTabsWithFilterWithInstall: SFCWithInstall<{
         "update:modelValue": (value: string) => void;
         "filter-toggle": (visible: boolean) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        filterText: {
-            type: PropType<string>;
-            default: undefined;
-        };
         modelValue: {
             type: PropType<string>;
             required: true;
         };
+        filterText: {
+            type: PropType<string>;
+            default: undefined;
+        };
         showFilter: {
             type: PropType<boolean>;
             default: boolean;
@@ -79,14 +79,14 @@ export declare const YcTabsWithFilterWithInstall: SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        filterText: {
-            type: PropType<string>;
-            default: undefined;
-        };
         modelValue: {
             type: PropType<string>;
             required: true;
         };
+        filterText: {
+            type: PropType<string>;
+            default: undefined;
+        };
         showFilter: {
             type: PropType<boolean>;
             default: boolean;
@@ -119,14 +119,14 @@ export declare const YcTabsWithFilterWithInstall: SFCWithInstall<{
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    filterText: {
-        type: PropType<string>;
-        default: undefined;
-    };
     modelValue: {
         type: PropType<string>;
         required: true;
     };
+    filterText: {
+        type: PropType<string>;
+        default: undefined;
+    };
     showFilter: {
         type: PropType<boolean>;
         default: boolean;

package/es/components/yc-text/src/index.vue.d.ts

@@ -9,7 +9,7 @@ interface TippyOptions {
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
     /** 行数限制 */
     lineClamp: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
     };
     /** Tippy 配置 */
     tippyProps: {
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     /** 行数限制 */
     lineClamp: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
     };
     /** Tippy 配置 */
     tippyProps: {

package/es/hooks/index.d.ts

@@ -7,3 +7,4 @@ export * from './useSortableDrag';
 export * from './usePlusFormReset';
 export * from './useSelectWithPagination';
 export * from './useDictInjection';
+export * from './useTableDragScroll';

package/es/hooks/index.mjs

@@ -7,3 +7,4 @@ export { useSortableDrag } from './useSortableDrag.mjs';
 export { usePlusFormClearValidate, usePlusFormFullReset, usePlusFormReset } from './usePlusFormReset.mjs';
 export { useSelectWithPagination } from './useSelectWithPagination.mjs';
 export { useDictInjection } from './useDictInjection.mjs';
+export { useTableDragScroll } from './useTableDragScroll.mjs';