@funcho/ui 1.1.14 → 1.1.17

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';
@@ -75,7 +75,10 @@ import '../../components/CollapseItem/index.mjs';
 import '../../components/ContextMenu/index.mjs';
 import '../../components/CodeEditor/index.mjs';
 import '../../components/RichEditor/index.mjs';
+import '../../components/LovText/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 +87,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 +157,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 +169,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 +192,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/SidebarMainLayout/SidebarMainLayout.vue.mjs

@@ -75,6 +75,7 @@ import '../../components/CollapseItem/index.mjs';
 import '../../components/ContextMenu/index.mjs';
 import '../../components/CodeEditor/index.mjs';
 import '../../components/RichEditor/index.mjs';
+import '../../components/LovText/index.mjs';
 import { useNamespace } from '../../hooks/use-namespace.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -75,6 +75,7 @@ import '../../components/CollapseItem/index.mjs';
 import '../../components/ContextMenu/index.mjs';
 import '../../components/CodeEditor/index.mjs';
 import '../../components/RichEditor/index.mjs';
+import '../../components/LovText/index.mjs';
 import { Search } from '@funcho/icons-vue';
 import { useElementSize } from '@vueuse/core';
 

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

@@ -77,6 +77,7 @@ import '../../components/CollapseItem/index.mjs';
 import '../../components/ContextMenu/index.mjs';
 import '../../components/CodeEditor/index.mjs';
 import '../../components/RichEditor/index.mjs';
+import '../../components/LovText/index.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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/components/Cascader/Cascader.vue.mjs

@@ -16,6 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterable: { type: Boolean, default: true },
     collapseTags: { type: Boolean, default: true },
     collapseTagsTooltip: { type: Boolean, default: true },
+    isSql: { type: Boolean, default: false },
     tagType: { default: "primary" }
   },
   setup(__props, { expose: __expose }) {
@@ -30,7 +31,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       try {
         const context = {
           lovId: props.lovId,
-          isUpdateLovOptions: props.isUpdateLovOptions
+          isUpdateLovOptions: props.isUpdateLovOptions,
+          isSql: props.isSql
         };
         lovIdOptions.value = await config.requestHandler(context);
       } catch (error) {

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

@@ -13,6 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CheckboxGroup",
   props: /* @__PURE__ */ mergeModels({
     lovId: { default: "" },
+    isSql: { type: Boolean, default: false },
     isUpdateLovOptions: { type: Boolean, default: false },
     hasIndeterminate: { type: Boolean, default: false },
     options: { default: () => [] },
@@ -47,7 +48,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       try {
         const context = {
           lovId: myProps.lovId,
-          isUpdateLovOptions: myProps.isUpdateLovOptions
+          isUpdateLovOptions: myProps.isUpdateLovOptions,
+          isSql: myProps.isSql
         };
         lovIdOptions.value = await config.requestHandler(context);
       } catch (error) {

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

@@ -17,6 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Dropdown",
   props: /* @__PURE__ */ mergeModels({
     lovId: { default: "" },
+    isSql: { type: Boolean, default: false },
     isUpdateLovOptions: { type: Boolean, default: false },
     options: { default: () => [] },
     maxHeight: { default: 320 },
@@ -56,7 +57,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       try {
         const context = {
           lovId: props.lovId,
-          isUpdateLovOptions: props.isUpdateLovOptions
+          isUpdateLovOptions: props.isUpdateLovOptions,
+          isSql: props.isSql
         };
         lovIdOptions.value = await config.requestHandler(context);
       } catch (error) {

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

@@ -0,0 +1,57 @@
+import { defineComponent, inject, ref, watch, onMounted, computed, createElementBlock, openBlock, toDisplayString } from 'vue';
+import { FC_LOVID_REQUEST_CONFIG_KEY } from '../../config/lovId-request-provide.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FcLovText"
+  },
+  __name: "LovText",
+  props: {
+    lovId: { default: "" },
+    value: { default: null },
+    isSql: { type: Boolean, default: false },
+    isUpdateLovOptions: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const config = inject(FC_LOVID_REQUEST_CONFIG_KEY, {});
+    const props = __props;
+    const lovIdLoading = ref(false);
+    const lovIdOptions = ref([]);
+    const loadData = async () => {
+      if (!props.lovId || !config.requestHandler) return;
+      lovIdLoading.value = true;
+      try {
+        const context = {
+          lovId: props.lovId,
+          isUpdateLovOptions: props.isUpdateLovOptions,
+          isSql: props.isSql
+        };
+        lovIdOptions.value = await config.requestHandler(context);
+      } finally {
+        lovIdLoading.value = false;
+      }
+    };
+    watch(
+      () => props.lovId,
+      (newId) => {
+        lovIdOptions.value = [];
+        if (newId) {
+          loadData();
+        }
+      }
+    );
+    onMounted(() => {
+      if (props.lovId) loadData();
+    });
+    const displayText = computed(() => {
+      if (!props.value) return "";
+      const matched = lovIdOptions.value.find((opt) => opt.value === props.value);
+      return matched ? matched.label : props.value;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", null, toDisplayString(displayText.value), 1);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/esm/components/LovText/LovText.vue3.mjs

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

package/dist/esm/components/LovText/index.mjs

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

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

@@ -10,6 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Radio",
   props: {
     lovId: { default: "" },
+    isSql: { type: Boolean, default: false },
     isUpdateLovOptions: { type: Boolean, default: false },
     options: { default: () => [] }
   },
@@ -25,7 +26,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       try {
         const context = {
           lovId: props.lovId,
-          isUpdateLovOptions: props.isUpdateLovOptions
+          isUpdateLovOptions: props.isUpdateLovOptions,
+          isSql: props.isSql
         };
         lovIdOptions.value = await config.requestHandler(context);
       } catch (error) {

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

@@ -10,6 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Select",
   props: {
     lovId: { default: "" },
+    isSql: { type: Boolean, default: false },
     loading: { type: Boolean, default: false },
     isUpdateLovOptions: { type: Boolean, default: false },
     options: { default: () => [] },
@@ -34,7 +35,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       try {
         const context = {
           lovId: props.lovId,
-          isUpdateLovOptions: props.isUpdateLovOptions
+          isUpdateLovOptions: props.isUpdateLovOptions,
+          isSql: props.isSql
         };
         lovIdOptions.value = await config.requestHandler(context);
       } finally {

package/dist/esm/components/index.mjs

@@ -76,5 +76,6 @@ export { FcCollapseItem } from './CollapseItem/index.mjs';
 export { FcContextMenu } from './ContextMenu/index.mjs';
 export { FcCodeEditor, FcCodeEditorInput } from './CodeEditor/index.mjs';
 export { FcRichEditor, FcRichEditorInput } from './RichEditor/index.mjs';
+export { FcLovText } from './LovText/index.mjs';
 export { default as FcLoadingDirective, default as vLoading } from '../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/loading/src/directive.mjs';
 export { default as FcLoadingService } from '../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/loading/src/service.mjs';

package/dist/esm/index.mjs

@@ -84,11 +84,14 @@ export { FcCollapseItem } from './components/CollapseItem/index.mjs';
 export { FcContextMenu } from './components/ContextMenu/index.mjs';
 export { FcCodeEditor, FcCodeEditorInput } from './components/CodeEditor/index.mjs';
 export { FcRichEditor, FcRichEditorInput } from './components/RichEditor/index.mjs';
+export { FcLovText } from './components/LovText/index.mjs';
 export { FcProSidebarMainLayout } from './business/SidebarMainLayout/index.mjs';
 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.17";
 
 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;
 }