@funcho/ui 1.1.14 → 1.1.16

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

@@ -0,0 +1,234 @@
+import { defineComponent, ref, onMounted, resolveDirective, withDirectives, createBlock, openBlock, unref, createSlots, withCtx, createVNode, createElementBlock, createTextVNode, Fragment } from 'vue';
+import { FcButton } from '../../components/Button/index.mjs';
+import '../../components/Dialog/index.mjs';
+import '../../components/ConfigProvider/index.mjs';
+import '../../components/Input/index.mjs';
+import '../../components/Tree/index.mjs';
+import '../../components/Tabs/index.mjs';
+import '../../components/TabPane/index.mjs';
+import '../../components/Steps/index.mjs';
+import '../../components/Step/index.mjs';
+import '../../components/InputNumber/index.mjs';
+import '../../components/Select/index.mjs';
+import '../../components/Option/index.mjs';
+import '../../components/DatePicker/index.mjs';
+import '../../components/DatePickerPanel/index.mjs';
+import '../../components/Tooltip/index.mjs';
+import '../../components/Icon/index.mjs';
+import { FcNotification } from '../../components/Notification/index.mjs';
+import '../../components/Link/index.mjs';
+import '../../components/Text/index.mjs';
+import '../../components/Scrollbar/index.mjs';
+import '../../components/Splitter/index.mjs';
+import '../../components/SplitterPanel/index.mjs';
+import '../../components/Autocomplete/index.mjs';
+import '../../components/Cascader/index.mjs';
+import '../../components/CascaderPanel/index.mjs';
+import '../../components/Checkbox/index.mjs';
+import '../../components/CheckboxGroup/index.mjs';
+import '../../components/CheckboxButton/index.mjs';
+import '../../components/Form/index.mjs';
+import '../../components/FormItem/index.mjs';
+import '../../components/InputTag/index.mjs';
+import '../../components/Radio/index.mjs';
+import '../../components/RadioGroup/index.mjs';
+import '../../components/SelectV2/index.mjs';
+import '../../components/Switch/index.mjs';
+import '../../components/TimePicker/index.mjs';
+import '../../components/TimeSelect/index.mjs';
+import '../../components/TreeSelect/index.mjs';
+import '../../components/Upload/index.mjs';
+import '../../components/Avatar/index.mjs';
+import '../../components/AvatarGroup/index.mjs';
+import '../../components/Badge/index.mjs';
+import { FcCard } from '../../components/Card/index.mjs';
+import '../../components/Descriptions/index.mjs';
+import '../../components/DescriptionsItem/index.mjs';
+import '../../components/Empty/index.mjs';
+import '../../components/Image/index.mjs';
+import '../../components/ImageViewer/index.mjs';
+import '../../components/Pagination/index.mjs';
+import '../../components/Table/index.mjs';
+import '../../components/TableColumn/index.mjs';
+import '../../components/TableV2/index.mjs';
+import '../../components/Tag/index.mjs';
+import '../../components/Breadcrumb/index.mjs';
+import '../../components/BreadcrumbItem/index.mjs';
+import '../../components/Drawer/index.mjs';
+import '../../components/Popconfirm/index.mjs';
+import '../../components/IconComponent/index.mjs';
+import '../../components/Popover/index.mjs';
+import '../../components/Result/index.mjs';
+import '../../components/Progress/index.mjs';
+import '../../components/Divider/index.mjs';
+import '../../components/Dropdown/index.mjs';
+import '../../components/DropdownMenu/index.mjs';
+import '../../components/DropdownItem/index.mjs';
+import '../../components/Menu/index.mjs';
+import '../../components/SubMenu/index.mjs';
+import '../../components/MenuItem/index.mjs';
+import '../../components/RadioButton/index.mjs';
+import '../../components/MenuItemGroup/index.mjs';
+import '../../components/Collapse/index.mjs';
+import '../../components/CollapseItem/index.mjs';
+import '../../components/ContextMenu/index.mjs';
+import '../../components/CodeEditor/index.mjs';
+import '../../components/RichEditor/index.mjs';
+import _sfc_main$1 from '../ProForm/ProForm.vue.mjs';
+/* empty css                       */
+import cloneDeep from '../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FcProEditFormCard",
+    inheritAttrs: false
+  },
+  __name: "EditFormCard",
+  props: {
+    title: { default: "" },
+    showEditButton: { type: Boolean, default: true },
+    requestApi: { type: Function, default: void 0 },
+    submitApi: { type: Function, default: void 0 },
+    inline: { type: Boolean, default: true },
+    columns: {},
+    labelPosition: { default: "top" },
+    labelWidth: {},
+    fields: { default: () => [] },
+    rules: { default: () => ({}) }
+  },
+  emits: ["submit", "loaded"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const isDisabled = ref(true);
+    const formRef = ref();
+    const props = __props;
+    let snapshot = {};
+    const loading = ref(false);
+    const submitting = ref(false);
+    const initData = async () => {
+      if (!props.requestApi) return;
+      try {
+        loading.value = true;
+        const res = await props.requestApi();
+        const data = res.data || res || {};
+        emits("loaded", data);
+        if (formRef.value) {
+          formRef.value.setValues(data);
+        }
+      } catch (err) {
+        console.error("获取详情失败", err);
+      } finally {
+        loading.value = false;
+      }
+    };
+    onMounted(initData);
+    const handleEditClick = () => {
+      isDisabled.value = false;
+      const model = formRef.value?.model;
+      snapshot = cloneDeep(model);
+    };
+    const handleCancelClick = () => {
+      formRef.value?.clearValidate();
+      isDisabled.value = true;
+      formRef.value?.setValues(snapshot);
+    };
+    const emits = __emit;
+    const handleSaveClick = async () => {
+      if (!formRef.value) return;
+      try {
+        await formRef.value.validate();
+        const model = formRef.value?.model;
+        if (!props.submitApi) {
+          isDisabled.value = true;
+          emits("submit", model);
+          return;
+        }
+        submitting.value = true;
+        const res = await props.submitApi(model);
+        isDisabled.value = true;
+        emits("submit", model, res);
+        FcNotification.success({
+          message: "修改成功！"
+        });
+        initData();
+      } catch (err) {
+        console.error("提交失败", err);
+      } finally {
+        submitting.value = false;
+      }
+    };
+    __expose(
+      new Proxy(
+        {},
+        {
+          get(_, key) {
+            if (key === "refresh") {
+              return initData;
+            }
+            return formRef.value?.[key];
+          },
+          has(_, key) {
+            if (key === "refresh") {
+              return true;
+            }
+            return key in formRef.value;
+          }
+        }
+      )
+    );
+    return (_ctx, _cache) => {
+      const _directive_loading = resolveDirective("loading");
+      return withDirectives((openBlock(), createBlock(unref(FcCard), { title: __props.title }, createSlots({
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, {
+            ref_key: "formRef",
+            ref: formRef,
+            inline: __props.inline,
+            "label-position": __props.labelPosition,
+            fields: __props.fields,
+            disabled: isDisabled.value,
+            rules: __props.rules
+          }, null, 8, ["inline", "label-position", "fields", "disabled", "rules"])
+        ]),
+        _: 2
+      }, [
+        __props.showEditButton ? {
+          name: "tools",
+          fn: withCtx(() => [
+            isDisabled.value ? (openBlock(), createBlock(unref(FcButton), {
+              key: 0,
+              type: "primary",
+              onClick: handleEditClick
+            }, {
+              default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                createTextVNode("编辑", -1)
+              ])]),
+              _: 1
+            })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createVNode(unref(FcButton), { onClick: handleCancelClick }, {
+                default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                  createTextVNode("取消", -1)
+                ])]),
+                _: 1
+              }),
+              createVNode(unref(FcButton), {
+                type: "success",
+                loading: submitting.value,
+                onClick: handleSaveClick
+              }, {
+                default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                  createTextVNode("保存", -1)
+                ])]),
+                _: 1
+              }, 8, ["loading"])
+            ], 64))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["title"])), [
+        [_directive_loading, loading.value]
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

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

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

@@ -0,0 +1,125 @@
+import { defineComponent, ref, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, createCommentVNode, createTextVNode, toDisplayString, nextTick } 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 '../ProForm/ProForm.vue.mjs';
+/* empty css                       */
+import { FcNotification } from '../../components/Notification/index.mjs';
+import { useNamespace } from '../../hooks/use-namespace.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FcProFormDialog",
+    inheritAttrs: false
+  },
+  __name: "FormDialog",
+  props: {
+    title: { default: "新增" },
+    width: { default: 400 },
+    cancelButtonText: { default: "取消" },
+    confirmButtonText: { default: "确定" },
+    showCancelButton: { type: Boolean, default: true },
+    submitApi: { type: Function, default: void 0 },
+    inline: { type: Boolean, default: false },
+    columns: {},
+    labelPosition: { default: "left" },
+    labelWidth: { default: "5em" },
+    fields: { default: () => [] },
+    rules: { default: () => ({}) }
+  },
+  emits: ["submit", "cancel"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const ns = useNamespace("form-dialog");
+    const formRef = ref();
+    const props = __props;
+    const visible = ref(false);
+    const emits = __emit;
+    const submitting = ref(false);
+    const handleConfirmClick = async () => {
+      if (!formRef.value) return;
+      try {
+        await formRef.value.validate();
+        const model = formRef.value?.model;
+        if (!props.submitApi) {
+          emits("submit", model);
+          visible.value = false;
+          return;
+        }
+        submitting.value = true;
+        const res = await props.submitApi(model);
+        emits("submit", model, res);
+        FcNotification.success({
+          message: "提交成功！"
+        });
+        visible.value = false;
+      } catch (err) {
+        console.error("提交失败", err);
+      } finally {
+        submitting.value = false;
+      }
+    };
+    const open = (data) => {
+      visible.value = true;
+      nextTick(() => {
+        formRef.value?.setValues(data || {});
+      });
+    };
+    const handleCancelClick = () => {
+      visible.value = false;
+      emits("cancel");
+    };
+    const close = () => {
+      visible.value = false;
+    };
+    __expose({
+      open,
+      close
+    });
+    return (_ctx, _cache) => {
+      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,
+        "body-class": unref(ns).e("body")
+      }, {
+        footer: withCtx(() => [
+          __props.showCancelButton ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 0,
+            onClick: handleCancelClick
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.cancelButtonText), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(_sfc_main$3, {
+            type: "primary",
+            loading: submitting.value,
+            onClick: handleConfirmClick
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.confirmButtonText), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])
+        ]),
+        default: withCtx(() => [
+          createVNode(_sfc_main$2, mergeProps({
+            ref_key: "formRef",
+            ref: formRef,
+            inline: __props.inline,
+            "label-position": __props.labelPosition,
+            "label-width": __props.labelWidth,
+            fields: __props.fields,
+            rules: __props.rules
+          }, _ctx.$attrs), null, 16, ["inline", "label-position", "label-width", "fields", "rules"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title", "width", "body-class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createBlock, openBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, normalizeStyle, resolveDynamicComponent } from 'vue';
+import { defineComponent, ref, createBlock, openBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, normalizeStyle, createSlots, resolveDynamicComponent, createElementVNode, normalizeClass, createVNode, toDisplayString } from 'vue';
 import { useNamespace } from '../../hooks/use-namespace.mjs';
 import '../../components/Button/index.mjs';
 import '../../components/Dialog/index.mjs';
@@ -14,7 +14,7 @@ import '../../components/Select/index.mjs';
 import '../../components/Option/index.mjs';
 import '../../components/DatePicker/index.mjs';
 import '../../components/DatePickerPanel/index.mjs';
-import '../../components/Tooltip/index.mjs';
+import { FcTooltip } from '../../components/Tooltip/index.mjs';
 import '../../components/Icon/index.mjs';
 import '../../components/Notification/index.mjs';
 import '../../components/Link/index.mjs';
@@ -57,7 +57,7 @@ import '../../components/Breadcrumb/index.mjs';
 import '../../components/BreadcrumbItem/index.mjs';
 import '../../components/Drawer/index.mjs';
 import '../../components/Popconfirm/index.mjs';
-import '../../components/IconComponent/index.mjs';
+import { FcIconComponent } from '../../components/IconComponent/index.mjs';
 import '../../components/Popover/index.mjs';
 import '../../components/Result/index.mjs';
 import '../../components/Progress/index.mjs';
@@ -76,6 +76,8 @@ import '../../components/ContextMenu/index.mjs';
 import '../../components/CodeEditor/index.mjs';
 import '../../components/RichEditor/index.mjs';
 import { ComponentsMap } from './componentsMap.mjs';
+import isPlainObject from '../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isPlainObject.mjs';
+import cloneDeep from '../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -84,14 +86,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProForm",
   props: {
     inline: { type: Boolean, default: false },
+    columns: { default: "auto-fill" },
     labelPosition: { default: "top" },
-    fields: { default: () => [] }
+    labelWidth: { default: "" },
+    fields: { default: () => [] },
+    rules: { default: () => ({}) }
   },
   setup(__props, { expose: __expose }) {
     const ns = useNamespace("pro-form");
     const formModel = ref({});
     const setValues = (data) => {
-      formModel.value = Object.assign({}, formModel.value, data);
+      if (isPlainObject(data)) {
+        formModel.value = cloneDeep(data || {});
+      } else {
+        console.warn("setValues 只能接受一个对象");
+      }
     };
     const getGridItemStyle = (item) => {
       if (item.span === "full") {
@@ -147,7 +156,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         model: formModel.value,
         class: { [unref(ns).e("container")]: true, [unref(ns).is("inline")]: __props.inline },
         inline: __props.inline,
-        "label-position": __props.labelPosition
+        "label-position": __props.labelPosition,
+        "label-width": __props.labelWidth,
+        style: { "--grid-columns": __props.columns },
+        rules: __props.rules
       }), {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.fields, (item) => {
@@ -156,7 +168,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               label: item.label,
               prop: item.prop,
               style: normalizeStyle(getGridItemStyle(item))
-            }, {
+            }, createSlots({
               default: withCtx(() => [
                 item.render ? (openBlock(), createBlock(resolveDynamicComponent(item.render(formModel.value, item.prop, item.label)), mergeProps({
                   key: 0,
@@ -179,11 +191,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }), null, 16, ["modelValue", "onUpdate:modelValue", "placeholder"]))
               ]),
               _: 2
-            }, 1032, ["label", "prop", "style"]);
+            }, [
+              item.tooltip ? {
+                name: "label",
+                fn: withCtx(() => [
+                  createElementVNode("div", {
+                    class: normalizeClass(unref(ns).e("label-with-tooltip"))
+                  }, [
+                    createElementVNode("span", null, toDisplayString(item.label), 1),
+                    createVNode(unref(FcTooltip), {
+                      content: item.tooltip,
+                      placement: "top"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(FcIconComponent), {
+                          name: "QuestionFilled",
+                          size: 14
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["content"])
+                  ], 2)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["label", "prop", "style"]);
           }), 128))
         ]),
         _: 1
-      }, 16, ["model", "class", "inline", "label-position"]);
+      }, 16, ["model", "class", "inline", "label-position", "label-width", "style", "rules"]);
     };
   }
 });

package/dist/esm/business/index.mjs

@@ -3,3 +3,5 @@ export { FcProDataTable } from './DataTable/index.mjs';
 export { FcProForm } from './ProForm/index.mjs';
 export { FcProTreeCheckFilter } from './TreeCheckFilter/index.mjs';
 export { FcProTreeTransfer } from './TreeTransfer/index.mjs';
+export { FcProEditFormCard } from './EditFormCard/index.mjs';
+export { FcProFormDialog } from './FormDialog/index.mjs';

package/dist/esm/components/Button/DangerButton.vue.mjs

@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$2, mergeProps(_ctx.$attrs, {
               ref: "elRef",
               type: "danger",
-              link: ""
+              link: __props.link
             }), createSlots({ _: 2 }, [
               renderList(_ctx.$slots, (_, name) => {
                 return {
@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 };
               })
-            ]), 1040)
+            ]), 1040, ["link"])
           ]),
           _: 3
         }, 8, ["title"])

package/dist/esm/index.mjs

@@ -89,6 +89,8 @@ export { FcProDataTable } from './business/DataTable/index.mjs';
 export { FcProForm } from './business/ProForm/index.mjs';
 export { FcProTreeCheckFilter } from './business/TreeCheckFilter/index.mjs';
 export { FcProTreeTransfer } from './business/TreeTransfer/index.mjs';
+export { FcProEditFormCard } from './business/EditFormCard/index.mjs';
+export { FcProFormDialog } from './business/FormDialog/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.14";
+const version = "1.1.16";
 
 export { version };

package/dist/style.css

@@ -12783,7 +12783,7 @@
 .fc-ui-table {
   --fc-ui-table-border-color: var(--fc-ui-border-color-lighter);
   --fc-ui-table-border: 1px solid var(--fc-ui-table-border-color);
-  --fc-ui-table-text-color: var(--fc-ui-text-color-regular);
+  --fc-ui-table-text-color: #181818;
   --fc-ui-table-header-text-color: var(--fc-ui-text-color-secondary);
   --fc-ui-table-row-hover-bg-color: var(--fc-ui-fill-color-light);
   --fc-ui-table-current-row-bg-color: var(--fc-ui-color-primary-light-9);
@@ -13400,7 +13400,7 @@
 .fc-ui-table-v2 {
   --fc-ui-table-border-color: var(--fc-ui-border-color-lighter);
   --fc-ui-table-border: 1px solid var(--fc-ui-table-border-color);
-  --fc-ui-table-text-color: var(--fc-ui-text-color-regular);
+  --fc-ui-table-text-color: #181818;
   --fc-ui-table-header-text-color: var(--fc-ui-text-color-secondary);
   --fc-ui-table-row-hover-bg-color: var(--fc-ui-fill-color-light);
   --fc-ui-table-current-row-bg-color: var(--fc-ui-color-primary-light-9);
@@ -17063,11 +17063,20 @@ to {
   --fc-ui-border-color-light: transparent;
 }.fc-mkui-pro-form__container.is-inline {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  grid-template-columns: repeat(var(--grid-columns, auto-fill), minmax(220px, 1fr));
   column-gap: 24px;
 }
 .fc-mkui-pro-form__container.is-inline .fc-ui-form-item {
   margin-right: 0;
+}
+.fc-mkui-pro-form__container .fc-mkui-pro-form__label-with-tooltip {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+}
+.fc-mkui-pro-form__container .fc-mkui-pro-form__label-with-tooltip .fc-ui-icon {
+  color: #7a7a7a;
+  cursor: pointer;
 }.fc-mkui-data-table {
   height: 100%;
 }
@@ -17197,4 +17206,6 @@ to {
 .fc-mkui-pro-tree-transfer__center .fc-mkui-pro-tree-transfer__left:hover {
   background: #f5f7fa;
   cursor: pointer;
+}.fc-mkui-form-dialog__body {
+  padding-bottom: 0;
 }