@funcho/ui 1.1.31 → 1.1.33

package/README.md

@@ -180,3 +180,5 @@ const open = ref(false);
 | 7 | `FcProFormDialog` |
 | 8 | `FcProQueryForm` |
 | 9 | `FcProVerticalLayout` |
+| 10 | `FcProTreeTransferDialog` |
+| 11 | `FcDataTableDialog` |

package/dist/cjs/business/DataTable/DataTable.vue.js

@@ -93,6 +93,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "DataTable",
   props: {
     hasIndex: { type: Boolean, default: true },
+    selectable: { type: Boolean, default: false },
     height: { default: 0 },
     columns: { default: () => [] },
     isPagination: { type: Boolean, default: true },
@@ -187,14 +188,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       queryBoxRef.value?.resetFields();
       handleResetClick();
     };
+    const selectedRows = vue.ref([]);
+    const handleSelectionChange = (selection) => {
+      selectedRows.value = selection;
+    };
     __expose({
       loadData,
       // 刷新当前页
       tableData,
       reload: handleResetClick,
       // 不清空表单，回到第一页刷新
-      resetSearch
+      resetSearch,
       // 清空表单，回到第一页刷新
+      selectedRows
     });
     return (_ctx, _cache) => {
       const _component_FcProVerticalLayout = vue.resolveComponent("FcProVerticalLayout");
@@ -207,9 +213,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index.FcTable), vue.mergeProps(_ctx.$attrs, {
             data: tableData.value,
             border: "",
-            "max-height": bodyHeight
+            "max-height": bodyHeight,
+            onSelectionChange: handleSelectionChange
           }), {
             default: vue.withCtx(() => [
+              __props.selectable ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.FcTableColumn), {
+                key: 0,
+                type: "selection",
+                width: "50",
+                align: "center",
+                fixed: "left"
+              })) : vue.createCommentVNode("", true),
               __props.hasIndex ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.FcTableColumn), {
                 key: "index",
                 label: "序号",

package/dist/cjs/business/DataTableDialog/DataTableDialog.vue.js

@@ -0,0 +1,135 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const Button_vue_vue_type_script_setup_true_lang = require('../../components/Button/Button.vue.js');
+;/* empty css                                   */
+const Dialog_vue_vue_type_script_setup_true_lang = require('../../components/Dialog/Dialog.vue.js');
+;/* empty css                                   */
+const DataTable_vue_vue_type_script_setup_true_lang = require('../DataTable/DataTable.vue.js');
+;/* empty css                           */
+const index = require('../../components/Notification/index.js');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "FcProDataTableDialog",
+    inheritAttrs: false
+  },
+  __name: "DataTableDialog",
+  props: {
+    title: { default: "新增" },
+    width: { default: 860 },
+    height: { default: "50vh" },
+    cancelButtonText: { default: "取消" },
+    confirmButtonText: { default: "确定" },
+    showCancelButton: { type: Boolean, default: true },
+    showConfirmButton: { type: Boolean, default: true },
+    isPagination: { type: Boolean, default: false },
+    submitApi: { type: Function, default: void 0 },
+    successMessage: { default: "提交成功！" },
+    showSuccessMessage: { type: Boolean, default: true }
+  },
+  emits: ["submit", "cancel"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const tableRef = vue.ref();
+    const props = __props;
+    const containerHeight = vue.computed(() => {
+      if (typeof props.height === "number") {
+        return `${props.height}px`;
+      }
+      return props.height;
+    });
+    const visible = vue.ref(false);
+    const emits = __emit;
+    const submitting = vue.ref(false);
+    const handleConfirmClick = async () => {
+      try {
+        const tableData = tableRef.value?.tableData;
+        const selectedRows = tableRef.value?.selectedRows;
+        if (!props.submitApi) {
+          emits("submit", tableData, selectedRows);
+          visible.value = false;
+          return;
+        }
+        submitting.value = true;
+        const res = await props.submitApi(tableData, selectedRows);
+        emits("submit", tableData, selectedRows, res);
+        if (props.showSuccessMessage) {
+          index.FcNotification.success({
+            message: props.successMessage
+          });
+        }
+        visible.value = false;
+      } catch (err) {
+        console.error("提交失败", err);
+      } finally {
+        submitting.value = false;
+      }
+    };
+    const open = () => {
+      tableRef.value?.resetSearch();
+      visible.value = true;
+    };
+    const handleCancelClick = () => {
+      visible.value = false;
+      emits("cancel");
+    };
+    const close = () => {
+      visible.value = false;
+    };
+    __expose({
+      open,
+      close
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(Dialog_vue_vue_type_script_setup_true_lang.default, {
+        modelValue: visible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        title: __props.title,
+        width: __props.width
+      }, vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            style: vue.normalizeStyle({ height: containerHeight.value })
+          }, [
+            vue.createVNode(DataTable_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({
+              ref_key: "tableRef",
+              ref: tableRef
+            }, _ctx.$attrs, { "is-pagination": __props.isPagination }), null, 16, ["is-pagination"])
+          ], 4)
+        ]),
+        _: 2
+      }, [
+        __props.showCancelButton || __props.showConfirmButton ? {
+          name: "footer",
+          fn: vue.withCtx(() => [
+            __props.showCancelButton ? (vue.openBlock(), vue.createBlock(Button_vue_vue_type_script_setup_true_lang.default, {
+              key: 0,
+              onClick: handleCancelClick
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(__props.cancelButtonText), 1)
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("", true),
+            __props.showConfirmButton ? (vue.openBlock(), vue.createBlock(Button_vue_vue_type_script_setup_true_lang.default, {
+              key: 1,
+              type: "primary",
+              loading: submitting.value,
+              onClick: handleConfirmClick
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(__props.confirmButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])) : vue.createCommentVNode("", true)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "title", "width"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/cjs/business/DataTableDialog/DataTableDialog.vue3.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const DataTableDialog_vue_vue_type_script_setup_true_lang = require('./DataTableDialog.vue.js');
+;/* empty css                      */
+
+
+
+exports.default = DataTableDialog_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/business/DataTableDialog/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const DataTableDialog_vue_vue_type_script_setup_true_lang = require('./DataTableDialog.vue.js');
+;/* empty css                      */
+const withInstall = require('../../_utils/with-install.js');
+
+const FcProDataTableDialog = withInstall.withInstall(DataTableDialog_vue_vue_type_script_setup_true_lang.default);
+
+exports.FcProDataTableDialog = FcProDataTableDialog;
+exports.default = FcProDataTableDialog;

package/dist/cjs/business/TreeCheckFilter/TreeCheckFilter.vue.js

@@ -96,7 +96,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     data: { default: () => [] },
     nodeKey: { default: "value" },
     showCheckbox: { type: Boolean, default: true },
-    showSearch: { type: Boolean, default: true }
+    showSearch: { type: Boolean, default: true },
+    props: { default: () => ({
+      children: "children",
+      label: "label",
+      disabled: "disabled"
+    }) }
   },
   setup(__props, { expose: __expose }) {
     const ns = useNamespace.useNamespace("pro-tree-check-filter");
@@ -104,9 +109,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const { height: treeCheckFilterHeaderHeight } = core.useElementSize(treeCheckFilterHeader, void 0, {
       box: "border-box"
     });
-    const props = __props;
+    const myProps = __props;
     vue.watch(
-      () => props.data,
+      () => myProps.data,
       () => {
         checkAll.value = false;
         indeterminate.value = false;
@@ -122,7 +127,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const filterNode = (value, data) => {
       if (!value) return true;
-      return data.label.toLocaleLowerCase().includes(value.toLocaleLowerCase());
+      const labelKey = typeof myProps.props?.label === "string" ? myProps.props.label : "label";
+      return String(data?.[labelKey] ?? "").toLocaleLowerCase().includes(value.toLocaleLowerCase());
     };
     const handleCheckAllChange = () => {
       if (checkAll.value) {
@@ -135,7 +141,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         const visibleKeys = [];
         Object.values(nodesMap).forEach((node) => {
           if (node.level > 0 && node.visible && node.isLeaf && !node.disabled) {
-            visibleKeys.push(node.data[props.nodeKey]);
+            visibleKeys.push(node.data[myProps.nodeKey]);
           }
         });
         const finalKeys = Array.from(/* @__PURE__ */ new Set([...currentCheckedKeys, ...visibleKeys]));
@@ -221,12 +227,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createVNode(vue.unref(index$3.FcTree), vue.mergeProps(_ctx.$attrs, {
                 ref_key: "treeRef",
                 ref: treeRef,
+                props: __props.props,
                 "show-checkbox": __props.showCheckbox,
                 data: __props.data,
                 "filter-node-method": filterNode,
                 "node-key": __props.nodeKey,
                 onCheck: handleTreeCheckChange
-              }), null, 16, ["show-checkbox", "data", "node-key"])
+              }), null, 16, ["props", "show-checkbox", "data", "node-key"])
             ]),
             _: 1
           })

package/dist/cjs/business/TreeTransfer/TreeTransfer.vue.js

@@ -146,7 +146,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           !__props.leftProps.hiddenBtn ? (vue.openBlock(), vue.createBlock(vue.unref(index.FcTooltip), {
             key: 0,
             content: __props.leftProps.tooltip || "新增",
-            placement: "top",
+            placement: "right",
             "fallback-placements": ["top", "bottom", "left", "right"]
           }, {
             default: vue.withCtx(() => [
@@ -166,7 +166,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           !__props.rightProps.hiddenBtn ? (vue.openBlock(), vue.createBlock(vue.unref(index.FcTooltip), {
             key: 1,
             content: __props.rightProps.tooltip || "删除",
-            placement: "top",
+            placement: "left",
             "fallback-placements": ["top", "bottom", "left", "right"]
           }, {
             default: vue.withCtx(() => [

package/dist/cjs/business/TreeTransferDialog/TreeTransferDialog.vue.js

@@ -0,0 +1,121 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const Button_vue_vue_type_script_setup_true_lang = require('../../components/Button/Button.vue.js');
+;/* empty css                                   */
+const Dialog_vue_vue_type_script_setup_true_lang = require('../../components/Dialog/Dialog.vue.js');
+;/* empty css                                   */
+const TreeTransfer_vue_vue_type_script_setup_true_lang = require('../TreeTransfer/TreeTransfer.vue.js');
+;/* empty css                                 */
+
+const _sfc_main = /* @__PURE__ */ vue.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 = vue.ref();
+    const props = __props;
+    const containerHeight = vue.computed(() => {
+      if (typeof props.height === "number") {
+        return `${props.height}px`;
+      }
+      return props.height;
+    });
+    const visible = vue.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 = vue.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 = vue.resolveDirective("loading");
+      return vue.openBlock(), vue.createBlock(Dialog_vue_vue_type_script_setup_true_lang.default, {
+        modelValue: visible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        title: __props.title,
+        width: __props.width
+      }, vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+            style: vue.normalizeStyle({ height: containerHeight.value })
+          }, [
+            vue.createVNode(TreeTransfer_vue_vue_type_script_setup_true_lang.default, vue.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: vue.withCtx(() => [
+            __props.showCancelButton ? (vue.openBlock(), vue.createBlock(Button_vue_vue_type_script_setup_true_lang.default, {
+              key: 0,
+              onClick: handleCancelClick
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(__props.cancelButtonText), 1)
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("", true),
+            __props.showConfirmButton ? (vue.openBlock(), vue.createBlock(Button_vue_vue_type_script_setup_true_lang.default, {
+              key: 1,
+              type: "primary",
+              loading: submitting.value,
+              disabled: __props.loading,
+              onClick: handleConfirmClick
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(__props.confirmButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])) : vue.createCommentVNode("", true)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "title", "width"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/cjs/business/TreeTransferDialog/TreeTransferDialog.vue3.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TreeTransferDialog_vue_vue_type_script_setup_true_lang = require('./TreeTransferDialog.vue.js');
+;/* empty css                         */
+
+
+
+exports.default = TreeTransferDialog_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/business/TreeTransferDialog/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TreeTransferDialog_vue_vue_type_script_setup_true_lang = require('./TreeTransferDialog.vue.js');
+;/* empty css                         */
+const withInstall = require('../../_utils/with-install.js');
+
+const FcProTreeTransferDialog = withInstall.withInstall(TreeTransferDialog_vue_vue_type_script_setup_true_lang.default);
+
+exports.FcProTreeTransferDialog = FcProTreeTransferDialog;
+exports.default = FcProTreeTransferDialog;

package/dist/cjs/business/index.js

@@ -11,6 +11,8 @@ const index$5 = require('./EditFormCard/index.js');
 const index$6 = require('./FormDialog/index.js');
 const index$7 = require('./QueryForm/index.js');
 const index$8 = require('./VerticalLayout/index.js');
+const index$9 = require('./TreeTransferDialog/index.js');
+const index$a = require('./DataTableDialog/index.js');
 
 
 
@@ -23,3 +25,5 @@ exports.FcProEditFormCard = index$5.FcProEditFormCard;
 exports.FcProFormDialog = index$6.FcProFormDialog;
 exports.FcProQueryForm = index$7.FcProQueryForm;
 exports.FcProVerticalLayout = index$8.FcProVerticalLayout;
+exports.FcProTreeTransferDialog = index$9.FcProTreeTransferDialog;
+exports.FcProDataTableDialog = index$a.FcProDataTableDialog;

package/dist/cjs/components/Text/Text.vue.js

@@ -11,27 +11,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "FcText"
   },
   __name: "Text",
-  setup(__props, { expose: __expose }) {
-    const elRef = vue.ref();
-    __expose(
-      new Proxy(
-        {},
-        {
-          get(_, key) {
-            return elRef.value?.[key];
-          },
-          has(_, key) {
-            if (!elRef.value) return false;
-            return key in elRef.value;
-          }
-        }
-      )
-    );
+  setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index.ElText), vue.mergeProps(_ctx.$attrs, {
-        ref_key: "elRef",
-        ref: elRef
-      }), vue.createSlots({ _: 2 }, [
+      return vue.openBlock(), vue.createBlock(vue.unref(index.ElText), vue.mergeProps(_ctx.$attrs, { ref: "elRef" }), vue.createSlots({ _: 2 }, [
         vue.renderList(_ctx.$slots, (_, name) => {
           return {
             name,

package/dist/cjs/index.js

@@ -7,8 +7,8 @@ const directive = require('./node_modules/.pnpm/element-plus@2.13.5_patch_hash_4
 const dayjs_min = require('./_virtual/dayjs.min.js');
 ;/* empty css                   */
 const lovIdRequestProvide = require('./config/lovId-request-provide.js');
-const index$1q = require('./components/index.js');
-const index$1r = require('./business/index.js');
+const index$1s = require('./components/index.js');
+const index$1t = require('./business/index.js');
 const version = require('./version.js');
 const index$1 = require('./components/Button/index.js');
 const index$2 = require('./components/Dialog/index.js');
@@ -99,12 +99,14 @@ const index$1m = require('./business/EditFormCard/index.js');
 const index$1n = require('./business/FormDialog/index.js');
 const index$1o = require('./business/QueryForm/index.js');
 const index$1p = require('./business/VerticalLayout/index.js');
+const index$1q = require('./business/TreeTransferDialog/index.js');
+const index$1r = require('./business/DataTableDialog/index.js');
 
-const components = Object.keys(index$1q).map((key) => {
-  return index$1q[key];
+const components = Object.keys(index$1s).map((key) => {
+  return index$1s[key];
 });
-const proComponents = Object.keys(index$1r).map((key) => {
-  return index$1r[key];
+const proComponents = Object.keys(index$1t).map((key) => {
+  return index$1t[key];
 });
 const installComponents = [...components, ...proComponents].filter((comp) => {
   return typeof comp === "object" && comp.name && typeof comp.install === "function";
@@ -240,5 +242,7 @@ exports.FcProEditFormCard = index$1m.FcProEditFormCard;
 exports.FcProFormDialog = index$1n.FcProFormDialog;
 exports.FcProQueryForm = index$1o.FcProQueryForm;
 exports.FcProVerticalLayout = index$1p.FcProVerticalLayout;
+exports.FcProTreeTransferDialog = index$1q.FcProTreeTransferDialog;
+exports.FcProDataTableDialog = index$1r.FcProDataTableDialog;
 exports.default = index;
 exports.install = install;

package/dist/cjs/packages/ui/package.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const version = "1.1.31";
+const version = "1.1.33";
 
 exports.version = version;

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

@@ -89,6 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DataTable",
   props: {
     hasIndex: { type: Boolean, default: true },
+    selectable: { type: Boolean, default: false },
     height: { default: 0 },
     columns: { default: () => [] },
     isPagination: { type: Boolean, default: true },
@@ -183,14 +184,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       queryBoxRef.value?.resetFields();
       handleResetClick();
     };
+    const selectedRows = ref([]);
+    const handleSelectionChange = (selection) => {
+      selectedRows.value = selection;
+    };
     __expose({
       loadData,
       // 刷新当前页
       tableData,
       reload: handleResetClick,
       // 不清空表单，回到第一页刷新
-      resetSearch
+      resetSearch,
       // 清空表单，回到第一页刷新
+      selectedRows
     });
     return (_ctx, _cache) => {
       const _component_FcProVerticalLayout = resolveComponent("FcProVerticalLayout");
@@ -203,9 +209,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           withDirectives((openBlock(), createBlock(unref(FcTable), mergeProps(_ctx.$attrs, {
             data: tableData.value,
             border: "",
-            "max-height": bodyHeight
+            "max-height": bodyHeight,
+            onSelectionChange: handleSelectionChange
           }), {
             default: withCtx(() => [
+              __props.selectable ? (openBlock(), createBlock(unref(FcTableColumn), {
+                key: 0,
+                type: "selection",
+                width: "50",
+                align: "center",
+                fixed: "left"
+              })) : createCommentVNode("", true),
               __props.hasIndex ? (openBlock(), createBlock(unref(FcTableColumn), {
                 key: "index",
                 label: "序号",