@dt-frames/ui 1.0.11 → 1.0.12

package/es/index.js

@@ -1,7 +1,7 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, computed, unref, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, ref, watch, Fragment, renderList, createTextVNode, toDisplayString, KeepAlive, createVNode, withCtx, reactive, toRaw, getCurrentInstance, watchEffect, nextTick, onUnmounted, toRefs, isVNode, inject, h, provide, onMounted, onBeforeUnmount, resolveDynamicComponent, renderSlot, createCommentVNode, mergeProps, readonly, isRef, withDirectives, resolveDirective, render, normalizeProps, guardReactiveProps, createSlots, useAttrs as useAttrs$1, useSlots as useSlots$1, withModifiers, vShow, toRef, Transition } from "vue";
+import { defineComponent, resolveComponent, openBlock, createBlock, computed, unref, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, ref, watch, Fragment, renderList, createTextVNode, toDisplayString, KeepAlive, createVNode, withCtx, reactive, toRaw, getCurrentInstance, watchEffect, nextTick, onUnmounted, toRefs, isVNode, inject, h, provide, onMounted, onBeforeUnmount, resolveDynamicComponent, renderSlot, createCommentVNode, mergeProps, readonly, isRef, useAttrs as useAttrs$1, normalizeProps, guardReactiveProps, withDirectives, resolveDirective, render, createSlots, useSlots as useSlots$1, withModifiers, vShow, toRef, Transition } from "vue";
 import { isString, isArray as isArray$1, isObject, isFunction, error, useTimeoutFn, useAttrs, useSlots, dispatchResize, BAR_MAP, off, renderThumbStyle, on, useAppStore, addResizeListener, removeResizeListener, windowResizeFn, isNumber, isBoolean, isNull, DtCache, CacheKey, deepMerge, http, getDynamicProps, getDictValueByCode, formatNumber, isVnode, getPopupContainer, isNullAndUnDef, dateFormat, useMessage, isEmpty, useTheme, useMenu, useHeader, useGo, Pages, localeList, changeLocale, Theme, MenuMode, MenuType, useThemeStore, ContentMode, useMultipleTab, copyText, MenuSplitTye, isUrl, openWindow, RouteReuseStore, menuList2Map, useApp } from "@dt-frames/core";
 import { InputSearch, Tooltip, Modal as Modal$1, RadioGroup, RadioButton, InputGroup, Input, Button, Select, TreeSelect, Radio, Checkbox, AutoComplete, Cascader, DatePicker, InputNumber, Switch, TimePicker, Slider, Rate, Divider, Col, Form, FormItem, Row, Popover, Spin, Dropdown, Menu, MenuItem, CheckboxGroup, Table, Upload, Image, MenuDivider, Tree, Empty, BackTop, Breadcrumb, Avatar, Drawer, SubMenu, LayoutHeader, LayoutSider, Tabs, TabPane, LayoutFooter, LayoutContent, ConfigProvider, Layout } from "ant-design-vue";
-import { isEqual, cloneDeep, upperFirst, set, uniqBy, omit, difference, get, trim } from "lodash-es";
+import { isEqual, omit, cloneDeep, upperFirst, set, uniqBy, difference, get, trim } from "lodash-es";
 import { tryOnUnmounted, isFunction as isFunction$1, useFullscreen, useDebounceFn, useThrottleFn } from "@vueuse/core";
 import Sortablejs from "sortablejs";
 import * as xlsx from "xlsx";
@@ -14,15 +14,15 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$Y = defineComponent({
+const _sfc_main$Z = defineComponent({
   name: "dt-base-router"
 });
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_view = resolveComponent("router-view");
   return openBlock(), createBlock(_component_router_view);
 }
-var DtBaseRouter = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$8]]);
-const _sfc_main$X = defineComponent({
+var DtBaseRouter = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$8]]);
+const _sfc_main$Y = defineComponent({
   props: {
     iconClass: {
       type: String,
@@ -90,7 +90,7 @@ const _sfc_main$X = defineComponent({
     };
   }
 });
-const _hoisted_1$w = ["xlink:href", "fill"];
+const _hoisted_1$x = ["xlink:href", "fill"];
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.isSvgIcon ? (openBlock(), createElementBlock("svg", {
     key: 0,
@@ -105,7 +105,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("use", {
       "xlink:href": _ctx.iconName,
       fill: _ctx.color
-    }, null, 8, _hoisted_1$w)
+    }, null, 8, _hoisted_1$x)
   ], 6)) : (openBlock(), createElementBlock("i", {
     key: 1,
     class: normalizeClass(["dt-icon i", [_ctx.iconName, _ctx.clsName]]),
@@ -115,7 +115,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, null, 6));
 }
-var DtIcon = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$7]]);
+var DtIcon = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$7]]);
 const Actions = [
   "ic:baseline-save",
   "ic:baseline-save-all",
@@ -1874,9 +1874,9 @@ const Icons = [
     children: Other
   }
 ];
-const _hoisted_1$v = ["onClick"];
+const _hoisted_1$w = ["onClick"];
 const _hoisted_2$l = ["onClick"];
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "pick-icon",
   emits: ["chooseIcon"],
   setup(__props, { emit: emits }) {
@@ -1943,7 +1943,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(menu.type), 1),
                 createElementVNode("span", null, "(" + toDisplayString(menu.total) + ")", 1)
               ])
-            ], 10, _hoisted_1$v);
+            ], 10, _hoisted_1$w);
           }), 128))
         ], 2),
         createElementVNode("div", {
@@ -2384,8 +2384,8 @@ var Bar = defineComponent({
     }));
   }
 });
-const _hoisted_1$u = { class: "scrollbar" };
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _hoisted_1$v = { class: "scrollbar" };
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "scroll-bar",
   props: {
     wrapClass: {
@@ -2462,7 +2462,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$u, [
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
         createElementVNode("div", {
           ref_key: "wrap",
           ref: wrap,
@@ -2497,12 +2497,12 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "scroll-container",
   setup(__props) {
     const scrollbarRef = ref(null);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$V, mergeProps({
+      return openBlock(), createBlock(_sfc_main$W, mergeProps({
         ref_key: "scrollbarRef",
         ref: scrollbarRef,
         class: "scroll-container"
@@ -2515,7 +2515,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "modal-wrap",
   props: {
     loading: { type: Boolean },
@@ -2603,7 +2603,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$U), {
+      return openBlock(), createBlock(unref(_sfc_main$V), {
         ref_key: "wrapperRef",
         ref: wrapperRef
       }, {
@@ -2689,7 +2689,7 @@ function useFormValue(props, key = "value", changeEvent = "change", emitData) {
   });
   return [state, setState, defaultState];
 }
-const _sfc_main$S = defineComponent({
+const _sfc_main$T = defineComponent({
   name: "radio-button",
   props: {
     value: {
@@ -2747,8 +2747,8 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 16, ["value"]);
 }
-var RadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$6]]);
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+var RadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$6]]);
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "formIcon",
   props: {
     value: String,
@@ -2800,7 +2800,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
         }),
         createVNode(unref(_sfc_main$L), { onRegister: unref(register) }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$W), {
+            createVNode(unref(_sfc_main$X), {
               onChooseIcon: _cache[2] || (_cache[2] = ($event) => chooseIcon($event))
             })
           ]),
@@ -2810,8 +2810,47 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$u = { class: "input-with-dialog" };
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  __name: "formInputUseDialog",
+  setup(__props) {
+    const attrs = useAttrs$1();
+    const bindProps = computed(() => {
+      return {
+        ...omit(attrs, [
+          "formValues"
+        ]),
+        disabled: true
+      };
+    });
+    function onClickInput() {
+      const { model, schema = {} } = attrs.formValues;
+      if (!schema.openDialog || !isFunction(schema.openDialog)) {
+        error("openDialog\u5FC5\u987B\u662F\u51FD\u6570");
+        return;
+      }
+      schema.openDialog(model);
+    }
+    function clearProps() {
+      const { model, schema = {} } = attrs.formValues;
+      [...schema.linkProps, schema.name].forEach((it) => model[it] = null);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
+        createElementVNode("div", { onClick: onClickInput }, [
+          createVNode(unref(Input), normalizeProps(guardReactiveProps(unref(bindProps))), null, 16)
+        ]),
+        createElementVNode("i", {
+          class: "i mdi:close-circle",
+          onClick: clearProps
+        })
+      ]);
+    };
+  }
+});
 const components = {
   Input,
+  InputWithDialog: _sfc_main$R,
   InputTextArea: Input.TextArea,
   InputSearch: Input.Search,
   InputGroup: Input.Group,
@@ -2835,7 +2874,7 @@ const components = {
   Slider,
   Rate,
   Divider,
-  Icon: _sfc_main$R
+  Icon: _sfc_main$S
 };
 const componentMap$1 = /* @__PURE__ */ new Map();
 for (let item in components) {
@@ -3180,7 +3219,7 @@ var _sfc_main$Q = defineComponent({
       const bindValue = {
         [valueField || (isCheck ? "checked" : "value")]: props.formModel[name]
       };
-      const compAttr = {
+      let compAttr = {
         ...itemProps,
         ...bindValue,
         ...on2
@@ -4479,7 +4518,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Modal), mergeProps(unref(getBindValue), { onCancel: handleCancel }), createSlots({
         default: withCtx(() => [
-          createVNode(_sfc_main$T, mergeProps({
+          createVNode(_sfc_main$U, mergeProps({
             useWrapper: unref(getBindValue).useWrapper,
             footerOffset: _ctx.wrapperFooterOffset,
             fullScreen: unref(fullScreenRef),
@@ -4685,6 +4724,7 @@ const TABLE_SIZE_HEIGHT = {
 const TableProps = {
   clickRowSelect: { type: Boolean, default: false },
   tableSetting: { type: Object, default: () => ({}) },
+  clickToRowSelect: { type: Boolean, default: false },
   striped: { type: Boolean, default: true },
   canColDrag: { type: Boolean, default: true },
   resizable: { type: Boolean, default: true },
@@ -6215,7 +6255,7 @@ const _sfc_main$C = defineComponent({
   },
   props: {
     tableTools: {
-      type: Object
+      type: [Object, Boolean]
     },
     toolbar: {
       type: Array,
@@ -6457,6 +6497,70 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
     filterSource
   };
 }
+function useCustomRow(propsRef, { setSelectedRowKeys, getSelectRowKeys, clearSelectedRowKeys, emit }) {
+  const customRow = (record, index) => {
+    return {
+      onClick: (e) => {
+        e == null ? void 0 : e.stopPropagation();
+        function handleClick() {
+          var _a;
+          const { rowSelection, rowKey, clickToRowSelect } = unref(propsRef);
+          if (!rowSelection || !clickToRowSelect)
+            return;
+          const keys = getSelectRowKeys();
+          const key = record[rowKey];
+          if (!key)
+            return;
+          const isCheckbox = rowSelection.type === "checkbox";
+          if (isCheckbox) {
+            const tr = (_a = e.composedPath) == null ? void 0 : _a.call(e).find((dom) => dom.tagName === "TR");
+            if (!tr)
+              return;
+            const checkBox = tr.querySelector("input[type=checkbox]");
+            if (!checkBox || checkBox.hasAttribute("disabled"))
+              return;
+            if (!keys.includes(key)) {
+              setSelectedRowKeys([...keys, key]);
+              return;
+            }
+            const keyIndex = keys.findIndex((item) => item === key);
+            keys.splice(keyIndex, 1);
+            setSelectedRowKeys(keys);
+            return;
+          }
+          const isRadio = rowSelection.type === "radio";
+          if (isRadio) {
+            if (!keys.includes(key)) {
+              if (keys.length) {
+                clearSelectedRowKeys();
+              }
+              setSelectedRowKeys([key]);
+              return;
+            }
+            clearSelectedRowKeys();
+          }
+        }
+        handleClick();
+        emit("row-click", record, index, e);
+      },
+      onDblclick: (event) => {
+        emit("row-dbClick", record, index, event);
+      },
+      onContextmenu: (event) => {
+        emit("row-contextmenu", record, index, event);
+      },
+      onMouseenter: (event) => {
+        emit("row-mouseenter", record, index, event);
+      },
+      onMouseleave: (event) => {
+        emit("row-mouseleave", record, index, event);
+      }
+    };
+  };
+  return {
+    customRow
+  };
+}
 const _sfc_main$B = defineComponent({
   name: "dt-table",
   props: TableProps,
@@ -6470,6 +6574,9 @@ const _sfc_main$B = defineComponent({
     "selection-change",
     "row-click",
     "row-dbClick",
+    "row-contextmenu",
+    "row-mouseenter",
+    "row-mouseleave",
     "expanded-rows-change",
     "edit-change"
   ],
@@ -6495,7 +6602,8 @@ const _sfc_main$B = defineComponent({
       clearSelectedRowKeys,
       getRowSelection,
       getSelectRows,
-      getSelectRowKeys
+      getSelectRowKeys,
+      setSelectedRowKeys
     } = useRowSelection(getProps, emit);
     const { getScrollRef, filterSource } = useTableScroll(getProps, tableElRef, getColumnsRef, getRowSelectionRef);
     function setProps(props2) {
@@ -6526,6 +6634,12 @@ const _sfc_main$B = defineComponent({
       setPagination,
       clearSelectedRowKeys
     });
+    const { customRow } = useCustomRow(getProps, {
+      setSelectedRowKeys,
+      getSelectRowKeys,
+      clearSelectedRowKeys,
+      emit
+    });
     const getBind = computed(() => {
       return {
         ...attrs,
@@ -6538,7 +6652,8 @@ const _sfc_main$B = defineComponent({
         rowSelection: unref(getRowSelectionRef),
         rowKey: unref(getProps).rowKey,
         columns: unref(getViewColumns),
-        tableLayout: "fixed"
+        tableLayout: "fixed",
+        customRow
       };
     });
     createTableInstance({ ...tableAction, tableElRef, getBind });
@@ -6832,7 +6947,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     ...{
       onRegister: { type: Function },
       formProps: {
-        type: Object
+        type: Object,
+        default: () => ({})
       },
       formsVal: {
         type: Object
@@ -6853,7 +6969,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       destroyOnClose: true
     });
     const [registerForm, { getFormValues, setFormValues }] = useForm({
-      ...props.formProps.value || {},
+      ...props.formProps || {},
       schemas: props.schemas,
       mode: "dialog"
     });
@@ -8465,7 +8581,7 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
 const dtComponents = [
   { name: "dt-base-router", component: DtBaseRouter },
   { name: "dt-icon", component: DtIcon },
-  { name: "dt-pick-icon", component: _sfc_main$W },
+  { name: "dt-pick-icon", component: _sfc_main$X },
   { name: "dt-modal", component: _sfc_main$L },
   { name: "dt-form", component: DtForm },
   { name: "dt-upload", component: _sfc_main$y },
@@ -9758,7 +9874,7 @@ var _sfc_main$b = defineComponent({
       }), null);
     }
     return () => {
-      return createVNode(Fragment, null, [renderHeader(), unref(getUseScroll) ? createVNode(_sfc_main$U, null, {
+      return createVNode(Fragment, null, [renderHeader(), unref(getUseScroll) ? createVNode(_sfc_main$V, null, {
         default: () => renderMenu()
       }) : renderMenu()]);
     };
@@ -10602,7 +10718,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, {
                     default: withCtx(() => [
                       unref(getShowSidebar) ? (openBlock(), createBlock(_sfc_main$7, { key: 0 })) : createCommentVNode("", true),
-                      createVNode(unref(_sfc_main$U), {
+                      createVNode(unref(_sfc_main$V), {
                         ref_key: "wrapperRef",
                         ref: wrapperRef,
                         class: normalizeClass({ "fixedWrap": unref(getFixed) })
@@ -10635,4 +10751,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-export { DtBaseRouter, DtForm, DtIcon, _sfc_main$z as DtIframe, _sfc_main$L as DtModal, _sfc_main$W as DtPickIcon, DtTable, _sfc_main as DtTheme, _sfc_main$v as DtTree, _sfc_main$y as DtUpload, _sfc_main$x as DtUploadModal, FormButtons, authMounted, export2Excel, iconMounted, initComponents, initDirectives, useCurd, useForm, useModal, useModalOut, useSource, useTable };
+export { DtBaseRouter, DtForm, DtIcon, _sfc_main$z as DtIframe, _sfc_main$L as DtModal, _sfc_main$X as DtPickIcon, DtTable, _sfc_main as DtTheme, _sfc_main$v as DtTree, _sfc_main$y as DtUpload, _sfc_main$x as DtUploadModal, FormButtons, authMounted, export2Excel, iconMounted, initComponents, initDirectives, useCurd, useForm, useModal, useModalOut, useSource, useTable };

package/es/style/components/forms/index.less

@@ -80,5 +80,28 @@
     }
 }
 
+.input-with-dialog{
+    position: relative;
+    span{
+        background: none;
+        cursor: pointer;
+    }
+
+    i{
+        position: absolute;
+        right: 15px;
+        top: 0;
+        bottom: 0;
+        margin: auto;
+        line-height: 32px;
+        opacity: 0.3;
+        cursor: pointer;
+    }
+    
+    .ant-input{
+        color: #333;
+        cursor: pointer;
+    }
+}
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dt-frames/ui",
-	"version": "1.0.11",
+	"version": "1.0.12",
 	"keywords": [
 		"ui",
 		"dt-ui"

package/src/components/curd/src/components/dialog.vue

@@ -18,7 +18,8 @@
         ...{ 
             onRegister: { type: Function },
             formProps: {
-                type: Object as PropType<Ref<Partial<FormProps>>>
+                type: Object as PropType<Partial<FormProps>>,
+                default: () => ({})
             },
             formsVal: {
                 type: Object as PropType<Ref<Recordable>>
@@ -39,7 +40,7 @@
     })
 
     const [ registerForm, { getFormValues, setFormValues } ] = useForm({
-        ...( props.formProps.value || {} ),
+        ...( props.formProps || {} ),
         schemas: props.schemas,
         mode: 'dialog'
     })

package/src/components/forms/index.less

@@ -80,5 +80,28 @@
     }
 }
 
+.input-with-dialog{
+    position: relative;
+    span{
+        background: none;
+        cursor: pointer;
+    }
+
+    i{
+        position: absolute;
+        right: 15px;
+        top: 0;
+        bottom: 0;
+        margin: auto;
+        line-height: 32px;
+        opacity: 0.3;
+        cursor: pointer;
+    }
+    
+    .ant-input{
+        color: #333;
+        cursor: pointer;
+    }
+}
 
 

package/src/components/forms/src/componentMap.ts

@@ -3,10 +3,12 @@ import { Component } from "vue"
 import { Input, Select, Radio, Checkbox, AutoComplete, Cascader, DatePicker, InputNumber, Switch, TimePicker, TreeSelect, Slider, Rate, Divider } from 'ant-design-vue'
 import RadioButtonGroup from './components/radioButton.vue'
 import FormIcon from './components/formIcon.vue'
+import formInputUseDialog from './components/formInputUseDialog.vue'
 import { ComponentType } from "./types/form.type"
 
 const components = {
     Input,
+    InputWithDialog: formInputUseDialog,
     InputTextArea: Input.TextArea,
     InputSearch: Input.Search,
     InputGroup: Input.Group,

package/src/components/forms/src/components/formInputUseDialog.vue

@@ -0,0 +1,43 @@
+<template>
+    <div class="input-with-dialog">
+        <div @click="onClickInput">
+            <Input v-bind="bindProps"></Input>
+        </div>
+        <i class="i mdi:close-circle" @click="clearProps"></i>
+    </div>
+</template>
+
+<script lang="ts" setup>
+    import { computed, useAttrs } from 'vue'
+    import { Input } from 'ant-design-vue'
+    import { omit } from 'lodash-es'
+    import { error, isFunction } from '@dt-frames/core'
+
+    const attrs = useAttrs()
+
+    const bindProps = computed(() => {
+        return {
+            ...omit(attrs, [
+                'formValues'
+            ]),
+            disabled: true
+        }
+    })
+
+    function onClickInput() {
+        const { model, schema = { } } = attrs.formValues as any
+
+        if( !schema.openDialog || !isFunction(schema.openDialog) ) {
+            error('openDialog必须是函数')
+            return 
+        }
+
+        schema.openDialog( model )
+    }
+
+    function clearProps() {
+        const { model, schema = { } } = attrs.formValues as any
+        [...schema.linkProps, schema.name].forEach( it => model[it] = null )
+    }
+    
+</script>

package/src/components/forms/src/components/formItem.vue

@@ -32,7 +32,7 @@
                 const { defaultValues, formModel, schema } = props;
 
                 return {
-                    name: schema.name,
+                    name: (schema as FormSchema).name,
                     model: formModel,
                     values: {
                         ...defaultValues,
@@ -44,7 +44,7 @@
 
             // 是否显示当前条目
             const getShow = computed(() => {
-                const { show = true, isAdvanced = true } = props.schema
+                const { show = true, isAdvanced = true } = props.schema as FormSchema
 
                 // 是否处于收缩状态
                 if( !isAdvanced ) {
@@ -61,13 +61,13 @@
             // 设置表单绑定的特殊属性，如前后缀、禁用启用、日期格式等
             const getComponentProps = computed(() => {
                 const { schema, formModel, formActionType } = props
-                let { props: cProps = {} } = schema
+                let { props: cProps = {} } = schema as FormSchema
 
                 if (isFunction(cProps)) {
                     cProps = cProps( { schema, formModel, formActionType } ) ?? {}
                 }
 
-                if (schema.component === 'Divider') {
+                if ((schema as FormSchema).component === 'Divider') {
                     cProps = Object.assign({ type: 'horizontal' }, cProps, {
                         orientation: 'left',
                         plain: true,
@@ -83,7 +83,7 @@
              * 支持的类型参照 ../types/form.type.ts 中 ComponentType
              */
             function renderItem() {
-                const { component, props: cProps, slot, render, name, colon = appConf.ui.form.colon, suffix } = props.schema
+                const { component, props: cProps, slot, render, name, colon = appConf.ui.form.colon, suffix } = props.schema as FormSchema
 
                 // 计算label的属性
                 const { labelCol, wrapperCol } = unref( useLabelWidth( schema, formProps ) )
@@ -139,7 +139,7 @@
              * 渲染Label标签元素
             */
             function renderLabel() {
-                const { label, toolTip, subLabel, toolTipProps } = props.schema
+                const { label, toolTip, subLabel, toolTipProps } = props.schema as FormSchema
 
                 const renderLabel 
                     = subLabel 
@@ -164,7 +164,7 @@
             */
             function renderFormItem() {
                 const { schema, formModel, formActionType } = props
-                const { component, name, changeEvent = 'change', valueField, renderComponent, props: sProps  } = props.schema
+                const { component, name, changeEvent = 'change', valueField, renderComponent, props: sProps  } = props.schema as FormSchema
 
                 const isCheck = component && ['Switch', 'Checkbox'].includes(component)
 
@@ -216,7 +216,7 @@
                 // 设置表单禁用启用
                 const getDisable = computed(() => {
                     const { disabled: gDisabled } = props.formProps as FormProps
-                    const { dynamicDisabled } = props.schema
+                    const { dynamicDisabled } = props.schema as FormSchema
                     const { disabled: itemDisabled = false } = unref( getComponentProps )
 
                     let disabled = !!gDisabled || itemDisabled
@@ -261,7 +261,7 @@
                 /**
                  * 所有属性汇总，包括方法、属性及值的绑定
                 */
-                const compAttr: Recordable = {
+                let compAttr: Recordable = {
                     ...itemProps,
                     ...bindValue,
                     ...on
@@ -288,7 +288,7 @@
              * 处理验证规则
              */ 
             function handleRules(): ValidationRule[] {
-                const { rules: defaultRules = [], component, label, dynamicRules, required } = props.schema
+                const { rules: defaultRules = [], component, label, dynamicRules, required } = props.schema as FormSchema
 
                 // 1、如果为动态规则，则直接返回rules
                 if( isFunction( dynamicRules ) ) {

package/src/components/forms/src/types/form.type.ts

@@ -19,6 +19,7 @@ export type FormCallBackParams = {
 // 组件的类型
 export type ComponentType = 
     | 'Input'
+    | 'InputWithDialog'
     | 'InputGroup'
     | 'InputPassword'
     | 'InputSearch'
@@ -236,6 +237,11 @@ export type FormSchema = {
 
     // 是否处于收缩状态 仅在 search 模式下使用
     isAdvanced?: boolean
+    
+    // 只有当类型为inputWithDialog 是否才有此属性
+    openDialog?: (parms: Recordable) => void
+    // 点击删除按钮需要清空的属性
+    linkProps?: string[]
 }
 
 

package/src/components/modal/src/hooks/useModal.ts

@@ -61,7 +61,13 @@ export function useModalOut(): UseModalReturnType{
             getInstance()?.redoModalHeight?.()
         },
 
-        openModal: (params?: Recordable, openOnSet = true) => {
+        openModal: (
+            params?: {
+                data?: Recordable,
+                afterClose?: ( data: Recordable ) => void
+            }, 
+            openOnSet = true
+        ) => {
             getInstance()?.setModalProps({
                 visible: true
             })