@funcho/ui 1.1.30 → 1.1.32

package/dist/esm/business/TreeTransferDialog/TreeTransferDialog.vue.mjs

@@ -0,0 +1,117 @@
+import { defineComponent, ref, computed, resolveDirective, createBlock, openBlock, createSlots, withCtx, withDirectives, createElementBlock, normalizeStyle, createVNode, mergeProps, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import _sfc_main$3 from '../../components/Button/Button.vue.mjs';
+/* empty css                                   */
+import _sfc_main$1 from '../../components/Dialog/Dialog.vue.mjs';
+/* empty css                                   */
+import _sfc_main$2 from '../TreeTransfer/TreeTransfer.vue.mjs';
+/* empty css                                 */
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FcProTreeTransferDialog",
+    inheritAttrs: false
+  },
+  __name: "TreeTransferDialog",
+  props: {
+    title: { default: "新增" },
+    width: { default: 936 },
+    height: { default: "50vh" },
+    cancelButtonText: { default: "取消" },
+    loading: { type: Boolean, default: false },
+    confirmButtonText: { default: "确定" },
+    showCancelButton: { type: Boolean, default: false },
+    showConfirmButton: { type: Boolean, default: false }
+  },
+  emits: ["submit", "cancel", "add", "remove"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const treeTransferRef = ref();
+    const props = __props;
+    const containerHeight = computed(() => {
+      if (typeof props.height === "number") {
+        return `${props.height}px`;
+      }
+      return props.height;
+    });
+    const visible = ref(false);
+    const emits = __emit;
+    const handleAddClick = (instance, nodes, keys) => {
+      emits("add", instance, nodes, keys);
+    };
+    const handleRemoveClick = (instance, nodes, keys) => {
+      emits("remove", instance, nodes, keys);
+    };
+    const submitting = ref(false);
+    const handleConfirmClick = async () => {
+      emits("submit", treeTransferRef.value?.leftTreeRef, treeTransferRef.value.rightTreeRef);
+    };
+    const open = () => {
+      visible.value = true;
+    };
+    const handleCancelClick = () => {
+      visible.value = false;
+      emits("cancel");
+    };
+    const close = () => {
+      visible.value = false;
+    };
+    __expose({
+      open,
+      close
+    });
+    return (_ctx, _cache) => {
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createBlock(_sfc_main$1, {
+        modelValue: visible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        title: __props.title,
+        width: __props.width
+      }, createSlots({
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", {
+            style: normalizeStyle({ height: containerHeight.value })
+          }, [
+            createVNode(_sfc_main$2, mergeProps(_ctx.$attrs, {
+              ref_key: "treeTransferRef",
+              ref: treeTransferRef,
+              onAdd: handleAddClick,
+              onRemove: handleRemoveClick
+            }), null, 16)
+          ], 4)), [
+            [_directive_loading, __props.loading]
+          ])
+        ]),
+        _: 2
+      }, [
+        __props.showCancelButton || __props.showConfirmButton ? {
+          name: "footer",
+          fn: withCtx(() => [
+            __props.showCancelButton ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 0,
+              onClick: handleCancelClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.cancelButtonText), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            __props.showConfirmButton ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 1,
+              type: "primary",
+              loading: submitting.value,
+              disabled: __props.loading,
+              onClick: handleConfirmClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.confirmButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])) : createCommentVNode("", true)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "title", "width"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/esm/business/TreeTransferDialog/TreeTransferDialog.vue3.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './TreeTransferDialog.vue.mjs';
+/* empty css                         */
+
+
+
+export { _sfc_main as default };

package/dist/esm/business/TreeTransferDialog/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './TreeTransferDialog.vue.mjs';
+/* empty css                         */
+import { withInstall } from '../../_utils/with-install.mjs';
+
+const FcProTreeTransferDialog = withInstall(_sfc_main);
+
+export { FcProTreeTransferDialog, FcProTreeTransferDialog as default };

package/dist/esm/business/index.mjs

@@ -7,3 +7,5 @@ export { FcProEditFormCard } from './EditFormCard/index.mjs';
 export { FcProFormDialog } from './FormDialog/index.mjs';
 export { FcProQueryForm } from './QueryForm/index.mjs';
 export { FcProVerticalLayout } from './VerticalLayout/index.mjs';
+export { FcProTreeTransferDialog } from './TreeTransferDialog/index.mjs';
+export { FcProDataTableDialog } from './DataTableDialog/index.mjs';

package/dist/esm/components/TableV2/TableV2.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, computed, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, useCssVars, computed, useAttrs, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { ElTableV2 } from '../../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/table-v2/index.mjs';
 import '../../_virtual/dayjs.min.mjs';
 
@@ -12,9 +12,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     headerHeight: { default: 40 }
   },
   setup(__props, { expose: __expose }) {
+    useCssVars((_ctx) => ({
+      "v19afe189": rowHeightStyle.value
+    }));
     const attrs = useAttrs();
     const tableBindProps = computed(() => attrs);
+    const props = __props;
     const elRef = ref();
+    const rowHeightStyle = computed(() => `${props.rowHeight - 2}px`);
     __expose(
       new Proxy(
         {},

package/dist/esm/index.mjs

@@ -95,6 +95,8 @@ export { FcProEditFormCard } from './business/EditFormCard/index.mjs';
 export { FcProFormDialog } from './business/FormDialog/index.mjs';
 export { FcProQueryForm } from './business/QueryForm/index.mjs';
 export { FcProVerticalLayout } from './business/VerticalLayout/index.mjs';
+export { FcProTreeTransferDialog } from './business/TreeTransferDialog/index.mjs';
+export { FcProDataTableDialog } from './business/DataTableDialog/index.mjs';
 
 const components = Object.keys(index$1).map((key) => {
   return index$1[key];

package/dist/esm/packages/ui/package.json.mjs

@@ -1,3 +1,3 @@
-const version = "1.1.30";
+const version = "1.1.32";
 
 export { version };

package/dist/style.css

@@ -16801,6 +16801,9 @@ to {
   padding: 4px 0;
 }.fc-ui-table-v2 {
   color: #181818;
+}
+.fc-ui-table-v2 .fc-ui-table-v2__row {
+  line-height: var(--v19afe189);
 }.fc-ui-breadcrumb {
   font-size: 12px;
   line-height: 18px;

package/dist/types/business/DataTable/DataTable.types.d.ts

@@ -1,10 +1,39 @@
-export type TFcProDataTableProps = {
-    columns?: Array<any>;
-    searchSchema?: Array<any>;
-};
+import { VNode } from 'vue';
+import { TProFormField } from '../ProForm/ProForm.types';
 export type RequestResult<T = any> = {
     data: T[] | {
         list: T[];
         total: number;
     };
 };
+export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | '';
+export type ButtonProps = {
+    label: string;
+    type?: ButtonType;
+    disabled?: boolean | ((row?: any) => boolean);
+    hidden?: boolean | ((row?: any) => boolean);
+    onClick: (row: any, index: number) => void;
+    directives?: Array<{
+        name: string;
+        value?: any;
+        arg?: any;
+        modifiers?: any;
+    }>;
+};
+export type TFcProDataTableProps = {
+    hasIndex?: boolean;
+    selectable?: boolean;
+    height?: number;
+    columns?: Array<{
+        prop: string;
+        label: string;
+        showOverflowTooltip?: boolean;
+        render?: (row: any, index: number) => VNode;
+    }>;
+    isPagination?: boolean;
+    fields?: Array<TProFormField>;
+    request?: (params: any) => Promise<RequestResult<any>>;
+    actions?: Array<ButtonProps>;
+    actionsWidth?: number;
+    tools?: Array<ButtonProps>;
+};

package/dist/types/business/DataTable/DataTable.vue.d.ts

@@ -1,36 +1,4 @@
-import { VNode } from 'vue';
-import { RequestResult } from './DataTable.types';
-import { TProFormField } from '../ProForm/ProForm.types';
-type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | '';
-type ButtonProps = {
-    label: string;
-    type?: ButtonType;
-    disabled?: boolean | ((row?: any) => boolean);
-    hidden?: boolean | ((row?: any) => boolean);
-    onClick: (row: any, index: number) => void;
-    directives?: Array<{
-        name: string;
-        value?: any;
-        arg?: any;
-        modifiers?: any;
-    }>;
-};
-type __VLS_Props = {
-    hasIndex?: boolean;
-    height?: number;
-    columns?: Array<{
-        prop: string;
-        label: string;
-        showOverflowTooltip?: boolean;
-        render?: (row: any, index: number) => VNode;
-    }>;
-    isPagination?: boolean;
-    fields?: Array<TProFormField>;
-    request?: (params: any) => Promise<RequestResult<any>>;
-    actions?: Array<ButtonProps>;
-    actionsWidth?: number;
-    tools?: Array<ButtonProps>;
-};
+import { ButtonProps, TFcProDataTableProps } from './DataTable.types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -41,7 +9,7 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly fields?: Array<TProFormField> | undefined;
+                readonly fields?: Array<import('..').TProFormField> | undefined;
                 readonly tools?: Array<{
                     label: string;
                     type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -245,7 +213,7 @@ declare function __VLS_template(): {
                     labelPosition: "top" | "left" | "right";
                     labelWidth: string | number;
                     inline: boolean;
-                    fields: Array<TProFormField>;
+                    fields: Array<import('..').TProFormField>;
                     columns: number | "auto-fill" | "auto-fit";
                 }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                     formRef: ({
@@ -1034,7 +1002,7 @@ declare function __VLS_template(): {
                     labelPosition: "top" | "left" | "right";
                     labelWidth: string | number;
                     inline: boolean;
-                    fields: Array<TProFormField>;
+                    fields: Array<import('..').TProFormField>;
                     columns: number | "auto-fill" | "auto-fit";
                 }> | null;
             };
@@ -1049,7 +1017,7 @@ declare function __VLS_template(): {
             }) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
-                fields?: Array<TProFormField>;
+                fields?: Array<import('..').TProFormField>;
                 tools?: Array<{
                     label: string;
                     type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -1248,7 +1216,7 @@ declare function __VLS_template(): {
                     height: number;
                 }) => any;
             }, string, {
-                fields: Array<TProFormField>;
+                fields: Array<import('..').TProFormField>;
                 tools: Array<{
                     label: string;
                     type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -1284,7 +1252,7 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            fields: Array<TProFormField>;
+            fields: Array<import('..').TProFormField>;
             tools: Array<{
                 label: string;
                 type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -1300,7 +1268,7 @@ declare function __VLS_template(): {
             }>;
             btnDisabled: boolean;
         }> & Omit<Readonly<{
-            fields?: Array<TProFormField>;
+            fields?: Array<import('..').TProFormField>;
             tools?: Array<{
                 label: string;
                 type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -1501,24 +1469,26 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+declare const __VLS_component: import('vue').DefineComponent<TFcProDataTableProps, {
     loadData: () => Promise<void>;
     tableData: import('vue').Ref<any[], any[]>;
     reload: () => void;
     resetSearch: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    selectedRows: import('vue').Ref<any[], any[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TFcProDataTableProps> & Readonly<{}>, {
     height: number;
-    fields: Array<TProFormField>;
+    fields: Array<import('..').TProFormField>;
     tools: Array<ButtonProps>;
     columns: Array<{
         prop: string;
         label: string;
         showOverflowTooltip?: boolean;
-        render?: (row: any, index: number) => VNode;
+        render?: (row: any, index: number) => import('vue').VNode;
     }>;
+    selectable: boolean;
     hasIndex: boolean;
     isPagination: boolean;
-    request: (params: any) => Promise<RequestResult<any>>;
+    request: (params: any) => Promise<import('./DataTable.types').RequestResult<any>>;
     actions: Array<ButtonProps>;
     actionsWidth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -1526,7 +1496,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly fields?: Array<TProFormField> | undefined;
+            readonly fields?: Array<import('..').TProFormField> | undefined;
             readonly tools?: Array<{
                 label: string;
                 type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -1730,7 +1700,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 labelPosition: "top" | "left" | "right";
                 labelWidth: string | number;
                 inline: boolean;
-                fields: Array<TProFormField>;
+                fields: Array<import('..').TProFormField>;
                 columns: number | "auto-fill" | "auto-fit";
             }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                 formRef: ({
@@ -2519,7 +2489,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 labelPosition: "top" | "left" | "right";
                 labelWidth: string | number;
                 inline: boolean;
-                fields: Array<TProFormField>;
+                fields: Array<import('..').TProFormField>;
                 columns: number | "auto-fill" | "auto-fit";
             }> | null;
         };
@@ -2534,7 +2504,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         }) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
-            fields?: Array<TProFormField>;
+            fields?: Array<import('..').TProFormField>;
             tools?: Array<{
                 label: string;
                 type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -2733,7 +2703,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 height: number;
             }) => any;
         }, string, {
-            fields: Array<TProFormField>;
+            fields: Array<import('..').TProFormField>;
             tools: Array<{
                 label: string;
                 type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -2769,7 +2739,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        fields: Array<TProFormField>;
+        fields: Array<import('..').TProFormField>;
         tools: Array<{
             label: string;
             type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -2785,7 +2755,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         }>;
         btnDisabled: boolean;
     }> & Omit<Readonly<{
-        fields?: Array<TProFormField>;
+        fields?: Array<import('..').TProFormField>;
         tools?: Array<{
             label: string;
             type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";