@funcho/ui 1.1.35 → 1.1.37

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

@@ -161,6 +161,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     const tableLoading = vue.ref(false);
     const loadData = async () => {
+      if (props.data !== void 0) return;
       if (props.request) {
         if (tableLoading.value) {
           return;

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

@@ -10,6 +10,7 @@ const Dialog_vue_vue_type_script_setup_true_lang = require('../../components/Dia
 const DataTable_vue_vue_type_script_setup_true_lang = require('../DataTable/DataTable.vue.js');
 ;/* empty css                           */
 const index = require('../../components/Notification/index.js');
+const useNamespace = require('../../hooks/use-namespace.js');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -26,12 +27,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     showCancelButton: { type: Boolean, default: true },
     showConfirmButton: { type: Boolean, default: true },
     isPagination: { type: Boolean, default: false },
+    selectable: { 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 ns = useNamespace.useNamespace("pro-data-table-dialog");
     const tableRef = vue.ref();
     const props = __props;
     const containerHeight = vue.computed(() => {
@@ -43,6 +46,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const visible = vue.ref(false);
     const emits = __emit;
     const submitting = vue.ref(false);
+    const confirmBtnDisabled = vue.computed(() => {
+      if (!props.selectable) return false;
+      return !tableRef.value?.selectedRows || tableRef.value.selectedRows.length === 0;
+    });
     const handleConfirmClick = async () => {
       try {
         const tableData = tableRef.value?.tableData;
@@ -87,7 +94,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
         title: __props.title,
-        width: __props.width
+        width: __props.width,
+        class: vue.normalizeClass({
+          [vue.unref(ns).b()]: true,
+          [vue.unref(ns).is("no-body-padding-bottom")]: __props.showCancelButton || __props.showConfirmButton
+        })
       }, vue.createSlots({
         default: vue.withCtx(() => [
           vue.createElementVNode("div", {
@@ -96,7 +107,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             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"])
+            }, _ctx.$attrs, {
+              "is-pagination": __props.isPagination,
+              selectable: __props.selectable
+            }), null, 16, ["is-pagination", "selectable"])
           ], 4)
         ]),
         _: 2
@@ -117,17 +131,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               key: 1,
               type: "primary",
               loading: submitting.value,
+              disabled: confirmBtnDisabled.value,
               onClick: handleConfirmClick
             }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(__props.confirmButtonText), 1)
               ]),
               _: 1
-            }, 8, ["loading"])) : vue.createCommentVNode("", true)
+            }, 8, ["loading", "disabled"])) : vue.createCommentVNode("", true)
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["modelValue", "title", "width"]);
+      ]), 1032, ["modelValue", "title", "width", "class"]);
     };
   }
 });

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

@@ -69,9 +69,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const open = (data) => {
       visible.value = true;
-      vue.nextTick(() => {
-        formRef.value?.setValues(data || {});
-      });
+      if (data) {
+        vue.nextTick(() => {
+          formRef.value?.setValues(data || {});
+        });
+      }
     };
     const handleCancelClick = () => {
       visible.value = false;

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

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

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

@@ -157,6 +157,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const tableLoading = ref(false);
     const loadData = async () => {
+      if (props.data !== void 0) return;
       if (props.request) {
         if (tableLoading.value) {
           return;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, createBlock, openBlock, createSlots, withCtx, createElementVNode, normalizeStyle, createVNode, mergeProps, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, computed, createBlock, openBlock, normalizeClass, unref, createSlots, withCtx, createElementVNode, 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';
@@ -6,6 +6,7 @@ import _sfc_main$1 from '../../components/Dialog/Dialog.vue.mjs';
 import _sfc_main$2 from '../DataTable/DataTable.vue.mjs';
 /* empty css                           */
 import { FcNotification } from '../../components/Notification/index.mjs';
+import { useNamespace } from '../../hooks/use-namespace.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -22,12 +23,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     showCancelButton: { type: Boolean, default: true },
     showConfirmButton: { type: Boolean, default: true },
     isPagination: { type: Boolean, default: false },
+    selectable: { 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 ns = useNamespace("pro-data-table-dialog");
     const tableRef = ref();
     const props = __props;
     const containerHeight = computed(() => {
@@ -39,6 +42,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const visible = ref(false);
     const emits = __emit;
     const submitting = ref(false);
+    const confirmBtnDisabled = computed(() => {
+      if (!props.selectable) return false;
+      return !tableRef.value?.selectedRows || tableRef.value.selectedRows.length === 0;
+    });
     const handleConfirmClick = async () => {
       try {
         const tableData = tableRef.value?.tableData;
@@ -83,7 +90,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
         title: __props.title,
-        width: __props.width
+        width: __props.width,
+        class: normalizeClass({
+          [unref(ns).b()]: true,
+          [unref(ns).is("no-body-padding-bottom")]: __props.showCancelButton || __props.showConfirmButton
+        })
       }, createSlots({
         default: withCtx(() => [
           createElementVNode("div", {
@@ -92,7 +103,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$2, mergeProps({
               ref_key: "tableRef",
               ref: tableRef
-            }, _ctx.$attrs, { "is-pagination": __props.isPagination }), null, 16, ["is-pagination"])
+            }, _ctx.$attrs, {
+              "is-pagination": __props.isPagination,
+              selectable: __props.selectable
+            }), null, 16, ["is-pagination", "selectable"])
           ], 4)
         ]),
         _: 2
@@ -113,17 +127,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: 1,
               type: "primary",
               loading: submitting.value,
+              disabled: confirmBtnDisabled.value,
               onClick: handleConfirmClick
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(__props.confirmButtonText), 1)
               ]),
               _: 1
-            }, 8, ["loading"])) : createCommentVNode("", true)
+            }, 8, ["loading", "disabled"])) : createCommentVNode("", true)
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["modelValue", "title", "width"]);
+      ]), 1032, ["modelValue", "title", "width", "class"]);
     };
   }
 });

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

@@ -65,9 +65,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const open = (data) => {
       visible.value = true;
-      nextTick(() => {
-        formRef.value?.setValues(data || {});
-      });
+      if (data) {
+        nextTick(() => {
+          formRef.value?.setValues(data || {});
+        });
+      }
     };
     const handleCancelClick = () => {
       visible.value = false;

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

@@ -1,3 +1,3 @@
-const version = "1.1.35";
+const version = "1.1.37";
 
 export { version };

package/dist/style.css

@@ -17302,4 +17302,6 @@ to {
 }
 .fc-mkui-pro-vertical-layout__ghost-body {
   flex: 1;
+}.fc-mkui-pro-data-table-dialog.is-no-body-padding-bottom .fc-ui-dialog__body {
+  padding-bottom: 0;
 }

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

@@ -7,6 +7,7 @@ type __VLS_Props = {
     showCancelButton?: boolean;
     showConfirmButton?: boolean;
     isPagination?: boolean;
+    selectable?: boolean;
     submitApi?: (tableData: any, selectedRows: any) => Promise<{
         data: {};
     }>;
@@ -28,6 +29,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     cancelButtonText: string;
     width: string | number;
     height: string | number;
+    selectable: boolean;
     isPagination: boolean;
     submitApi: (tableData: any, selectedRows: any) => Promise<{
         data: {};

package/dist/types/business/DataTableDialog/index.d.ts

@@ -8,6 +8,7 @@ export declare const FcProDataTableDialog: {
         showCancelButton?: boolean;
         showConfirmButton?: boolean;
         isPagination?: boolean;
+        selectable?: boolean;
         submitApi?: (tableData: any, selectedRows: any) => Promise<{
             data: {};
         }>;
@@ -28,6 +29,7 @@ export declare const FcProDataTableDialog: {
         cancelButtonText: string;
         width: string | number;
         height: string | number;
+        selectable: boolean;
         isPagination: boolean;
         submitApi: (tableData: any, selectedRows: any) => Promise<{
             data: {};
@@ -1620,6 +1622,7 @@ export declare const FcProDataTableDialog: {
         showCancelButton?: boolean;
         showConfirmButton?: boolean;
         isPagination?: boolean;
+        selectable?: boolean;
         submitApi?: (tableData: any, selectedRows: any) => Promise<{
             data: {};
         }>;
@@ -1637,6 +1640,7 @@ export declare const FcProDataTableDialog: {
         cancelButtonText: string;
         width: string | number;
         height: string | number;
+        selectable: boolean;
         isPagination: boolean;
         submitApi: (tableData: any, selectedRows: any) => Promise<{
             data: {};
@@ -1658,6 +1662,7 @@ export declare const FcProDataTableDialog: {
     showCancelButton?: boolean;
     showConfirmButton?: boolean;
     isPagination?: boolean;
+    selectable?: boolean;
     submitApi?: (tableData: any, selectedRows: any) => Promise<{
         data: {};
     }>;
@@ -1678,6 +1683,7 @@ export declare const FcProDataTableDialog: {
     cancelButtonText: string;
     width: string | number;
     height: string | number;
+    selectable: boolean;
     isPagination: boolean;
     submitApi: (tableData: any, selectedRows: any) => Promise<{
         data: {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@funcho/ui",
   "description": "@funcho ui library",
-  "version": "1.1.35",
+  "version": "1.1.37",
   "type": "module",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",