yc-pro-components 0.0.75 → 0.0.77

package/lib/components/yc-plus-page/src/index.vue.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var YcPlusPageComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-73380467"], ["__file", "index.vue"]]);
+var YcPlusPageComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-3ce473db"], ["__file", "index.vue"]]);
 
 exports.default = YcPlusPageComponent;

package/lib/components/yc-plus-page/src/index.vue2.js

@@ -6,6 +6,7 @@ var vue = require('vue');
 var lodashEs = require('lodash-es');
 var index = require('../../page/index.js');
 var index$1 = require('../../yc-svg-icon/src/index.vue.js');
+var useTableDragScroll = require('../../../hooks/useTableDragScroll.js');
 var useHeaderFilter = require('./use-header-filter.js');
 var headerFilterCell = require('./header-filter-cell.vue.js');
 var useYcConfig = require('../../yc-config-provider/src/useYcConfig.js');
@@ -39,7 +40,8 @@ var _sfc_main = /* @__PURE__ */ vue.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 }) {
@@ -50,6 +52,21 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const plusPageConfig = useYcConfig.useYcComponentConfig("plusPage");
     const plusPageRef = vue.ref();
     const rootRef = vue.ref();
+    const dragScrollWrapperRef = vue.ref(null);
+    const dragScrollEnabled = vue.computed(() => props.dragScroll !== false && props.dragScroll != null);
+    const dragScrollOptions = vue.computed(() => {
+      const value = props.dragScroll;
+      if (value && typeof value === "object") return value;
+      return {};
+    });
+    const { onMouseDown: onDragScrollMouseDown } = useTableDragScroll.useTableDragScroll(
+      dragScrollWrapperRef,
+      void 0,
+      {
+        ...dragScrollOptions.value,
+        enabled: dragScrollEnabled
+      }
+    );
     const plusTableInstance = vue.computed(() => {
       var _a;
       return (_a = plusPageRef.value) == null ? void 0 : _a.plusTableInstance;
@@ -467,6 +484,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     void resolvedColumnSettingsText.value;
     void hasRequest.value;
     void showDefaultColumnSettingsIcon.value;
+    void dragScrollEnabled.value;
     __expose({
       plusPageRef,
       plusTableInstance,
@@ -524,62 +542,76 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(["yc-plus-page", { "yc-plus-page--borderless": isBorderless.value }])
         },
         [
-          vue.createVNode(vue.unref(index.PlusPage), vue.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
-          }), vue.createSlots({
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, [
-            _ctx.$slots["column-settings-icon"] ? {
-              name: "column-settings-icon",
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "column-settings-icon", {}, void 0, true)
-              ]),
-              key: "0"
-            } : showDefaultColumnSettingsIcon.value ? {
-              name: "column-settings-icon",
-              fn: vue.withCtx(() => [
-                vue.createElementVNode("div", { class: "column-settings-wrapper" }, [
-                  vue.createVNode(vue.unref(index$1.default), {
-                    src: fieldSettingIconUrl.value,
-                    size: 16
-                  }, null, 8, ["src"]),
-                  vue.createElementVNode(
-                    "span",
-                    { class: "column-settings-text" },
-                    vue.toDisplayString(resolvedColumnSettingsText.value),
-                    1
-                    /* TEXT */
-                  )
-                ])
-              ]),
-              key: "1"
-            } : void 0,
-            vue.renderList(_ctx.$slots, (_, name) => {
-              return {
-                name,
-                fn: vue.withCtx((slotProps) => [
-                  name !== "column-settings-icon" && name !== "default" ? vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.mergeProps({ key: 0 }, slotProps)), void 0, true) : vue.createCommentVNode("v-if", true)
-                ])
-              };
-            })
-          ]), 1040, ["columns", "is-card", "request", "search", "search-card-props", "table-card-props", "table", "pagination", "default-page-info"])
+          vue.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 "),
+          vue.createElementVNode(
+            "div",
+            {
+              ref_key: "dragScrollWrapperRef",
+              ref: dragScrollWrapperRef,
+              class: vue.normalizeClass(["yc-plus-page__drag-wrapper", { "yc-plus-page__drag-wrapper--enabled": dragScrollEnabled.value }]),
+              onMousedown: _cache[0] || (_cache[0] = ($event) => dragScrollEnabled.value ? vue.unref(onDragScrollMouseDown)($event) : void 0)
+            },
+            [
+              vue.createVNode(vue.unref(index.PlusPage), vue.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
+              }), vue.createSlots({
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, [
+                _ctx.$slots["column-settings-icon"] ? {
+                  name: "column-settings-icon",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "column-settings-icon", {}, void 0, true)
+                  ]),
+                  key: "0"
+                } : showDefaultColumnSettingsIcon.value ? {
+                  name: "column-settings-icon",
+                  fn: vue.withCtx(() => [
+                    vue.createElementVNode("div", { class: "column-settings-wrapper" }, [
+                      vue.createVNode(vue.unref(index$1.default), {
+                        src: fieldSettingIconUrl.value,
+                        size: 16
+                      }, null, 8, ["src"]),
+                      vue.createElementVNode(
+                        "span",
+                        { class: "column-settings-text" },
+                        vue.toDisplayString(resolvedColumnSettingsText.value),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ]),
+                  key: "1"
+                } : void 0,
+                vue.renderList(_ctx.$slots, (_, name) => {
+                  return {
+                    name,
+                    fn: vue.withCtx((slotProps) => [
+                      name !== "column-settings-icon" && name !== "default" ? vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.mergeProps({ key: 0 }, slotProps)), void 0, true) : vue.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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/hooks/index.d.ts

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

package/lib/hooks/index.js

@@ -9,6 +9,7 @@ var useSortableDrag = require('./useSortableDrag.js');
 var usePlusFormReset = require('./usePlusFormReset.js');
 var useSelectWithPagination = require('./useSelectWithPagination.js');
 var useDictInjection = require('./useDictInjection.js');
+var useTableDragScroll = require('./useTableDragScroll.js');
 
 
 
@@ -30,3 +31,4 @@ exports.usePlusFormFullReset = usePlusFormReset.usePlusFormFullReset;
 exports.usePlusFormReset = usePlusFormReset.usePlusFormReset;
 exports.useSelectWithPagination = useSelectWithPagination.useSelectWithPagination;
 exports.useDictInjection = useDictInjection.useDictInjection;
+exports.useTableDragScroll = useTableDragScroll.useTableDragScroll;