@das-fed/upf-ui 6.4.0-dev.237 → 6.4.0-dev.239

package/packages/business-components/process-log/style.css

@@ -1 +1 @@
-@charset "UTF-8";.default-img[data-v-9010bfbb]{position:relative;margin:8px 0}.phone-tips[data-v-9010bfbb]{position:absolute;z-index:1;bottom:0;right:0;background:var(--das-ui-processlog-bg-color);border-radius:50%;padding:2px;display:flex}.circle-image[data-v-9010bfbb]{border-radius:50%;overflow:hidden;width:40px;height:40px;display:flex}.op65[data-v-1f1b3e6a]{opacity:.65}.header-box .head-cover-box[data-v-1f1b3e6a]{display:flex;flex-wrap:wrap}.header-box .isExpend[data-v-1f1b3e6a]{height:60px;overflow:hidden}.header-box .cover-box[data-v-1f1b3e6a]{width:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:8px}.header-box .cover-img[data-v-1f1b3e6a]{position:relative;margin-bottom:4px}.header-box .cover-img .phone-tips-duty[data-v-1f1b3e6a]{position:absolute;z-index:1;bottom:0;right:0;background:var(--das-ui-processlog-bg-color);border-radius:50%;padding:2px;display:flex}.header-box .personal-image[data-v-1f1b3e6a]{border-radius:50%;overflow:hidden;width:32px;height:32px;display:flex}.header-box .name-text[data-v-1f1b3e6a]{font-size:14px;font-weight:400;line-height:21px;text-align:center;letter-spacing:0px;color:var(--das-ui-processlog-user-name-color)}.fold-btn[data-v-1f1b3e6a]{display:flex;align-items:center;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px;margin-bottom:4px;color:var(--das-ui-processlog-time-color);cursor:pointer}.fold-btn .text-collaspe[data-v-1f1b3e6a]{margin-right:4px}.op65[data-v-04a1f49c]{opacity:.65}.file-box .file-item-content[data-v-04a1f49c]{display:flex;align-items:center}.file-box .file-item-content .file-name[data-v-04a1f49c]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;color:var(--das-ui-processlog-status-name-color);padding:12px 0 12px 20px;display:flex;align-items:center;flex-wrap:nowrap}.file-box .file-item-content .file-name[data-v-04a1f49c] .das-icon{margin-right:4px}.file-box .file-item-content .file-name .file-text[data-v-04a1f49c]{margin-left:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.file-box .file-item-content .file-name .file-unfix[data-v-04a1f49c]{word-break:keep-all}.file-box .file-item-content .file-name .file-size[data-v-04a1f49c]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;word-break:keep-all;color:var(--das-ui-processlog-time-color);margin-left:8px}.file-box .file-item-content[data-v-04a1f49c]:hover{background:var(--das-ui-processlog-hover-color)}.file-box .pre-file[data-v-04a1f49c]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;color:var(--das-ui-processlog-btn-color);cursor:pointer}.file-box .down-file[data-v-04a1f49c]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;color:var(--das-ui-processlog-btn-color);cursor:pointer;word-break:keep-all;margin-right:20px}.fold-btn[data-v-04a1f49c]{display:flex;align-items:center;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px;cursor:pointer;color:var(--das-ui-processlog-time-color);margin-bottom:4px}.fold-btn .text-collaspe[data-v-04a1f49c]{margin-right:4px}[data-v-04a1f49c] .das-ui-button .ant-btn.ant-btn-text.primary-text{color:var(--das-ui-processlog-btn-color)!important}[data-v-04a1f49c] .das-tooltip-text-wrap{color:var(--7268f152)}.op65[data-v-fdad6a70]{opacity:.65}.rate-box[data-v-fdad6a70]{margin-bottom:4px}.rate-box .rata-star[data-v-fdad6a70]{display:flex;align-items:center;font-size:14px;font-weight:400;line-height:17px;letter-spacing:0px;color:var(--das-ui-processlog-title-color)}.rate-box .rata-star .customStart[data-v-fdad6a70]{margin-right:8px}.rate-box .startText[data-v-fdad6a70]{margin-left:8px}.med-content .img-box[data-v-2a5fd4b0]{display:flex;flex-wrap:wrap}.med-content .medium-show-box-item[data-v-2a5fd4b0]{margin-right:15px;margin-bottom:8px}.med-content .medium-show-custom-item[data-v-2a5fd4b0]{margin-right:10px;margin-bottom:8px}.op65[data-v-94e6a5d5]{opacity:.65}.title-box[data-v-94e6a5d5]{margin-bottom:4px}.title-box .title-item[data-v-94e6a5d5]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;color:var(--das-ui-processlog-title-color)}.sign-box[data-v-aad5cb05]{display:flex;margin-bottom:8px}.op65[data-v-6f52d570]{opacity:.65}.remark-box[data-v-6f52d570]{margin-bottom:4px;font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;color:var(--das-ui-processlog-title-color)}.fold-btn[data-v-6f52d570]{display:flex;align-items:center;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px;margin-bottom:4px;color:var(--das-ui-processlog-time-color);cursor:pointer}.fold-btn .text-collaspe[data-v-6f52d570]{margin-right:4px}.hide-two-line[data-v-6f52d570]{height:40px;overflow:hidden}.w100[data-v-5344d4bd]{width:100%}.w700px[data-v-5344d4bd]{width:700px}.op65[data-v-5344d4bd]{opacity:.65}.right-content[data-v-5344d4bd]{margin-left:8px;position:relative;top:-7.001px;min-height:45px}.right-content .time-box[data-v-5344d4bd]{font-weight:400;font-size:12px;color:var(--das-ui-processlog-time-color)}.right-content .status-box[data-v-5344d4bd]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;margin-bottom:8px}.right-content .is-no-wait[data-v-5344d4bd]{color:var(--das-ui-processlog-status-name-color)}.right-content .is-wait[data-v-5344d4bd]{color:var(--das-ui-processlog-duty-color)}.right-content .name-box[data-v-5344d4bd]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;color:var(--das-ui-processlog-status-name-color);margin-bottom:4px}.right-content .audit-result[data-v-5344d4bd]{font-size:14px;font-weight:400;line-height:normal;letter-spacing:0px;color:var(--das-ui-processlog-title-color);margin-bottom:4px}.das-timeline-item[data-v-5344d4bd]{padding-bottom:22px}.das-timeline-item[data-v-5344d4bd]:last-child{padding-bottom:10px}.das-timeline-item:first-child.default-img[data-v-5344d4bd]{margin-top:0}.das-timeline-item[data-v-5344d4bd] .ant-timeline-item-head{background:var(--69823658)}.das-process-log[data-v-99619bb5]{padding:18px 16px 0;background:var(--das-ui-processlog-bg-color)}
+@charset "UTF-8";.default-img[data-v-abe974fe]{position:relative;margin:8px 0}.phone-tips[data-v-abe974fe]{position:absolute;z-index:1;bottom:0;right:0;background:var(--das-ui-processlog-bg-color);border-radius:50%;padding:2px;display:flex}.circle-image[data-v-abe974fe]{border-radius:50%;overflow:hidden;width:40px;height:40px;display:flex}.op65[data-v-a7089d1d]{opacity:.65}.header-box .head-cover-box[data-v-a7089d1d]{display:flex;flex-wrap:wrap}.header-box .isExpend[data-v-a7089d1d]{height:60px;overflow:hidden}.header-box .cover-box[data-v-a7089d1d]{width:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:8px}.header-box .cover-img[data-v-a7089d1d]{position:relative;margin-bottom:4px}.header-box .cover-img .phone-tips-duty[data-v-a7089d1d]{position:absolute;z-index:1;bottom:0;right:0;background:var(--das-ui-processlog-bg-color);border-radius:50%;padding:2px;display:flex}.header-box .personal-image[data-v-a7089d1d]{border-radius:50%;overflow:hidden;width:32px;height:32px;display:flex}.header-box .name-text[data-v-a7089d1d]{font-size:14px;font-weight:400;line-height:21px;text-align:center;letter-spacing:0px;color:var(--das-ui-processlog-user-name-color)}.fold-btn[data-v-a7089d1d]{display:flex;align-items:center;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px;margin-bottom:4px;color:var(--das-ui-processlog-time-color);cursor:pointer}.fold-btn .text-collaspe[data-v-a7089d1d]{margin-right:4px}.op65[data-v-2ca5d427]{opacity:.65}.file-box .file-item-content[data-v-2ca5d427]{display:flex;align-items:center}.file-box .file-item-content .file-name[data-v-2ca5d427]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;color:var(--das-ui-processlog-status-name-color);padding:12px 0 12px 20px;display:flex;align-items:center;flex-wrap:nowrap}.file-box .file-item-content .file-name[data-v-2ca5d427] .das-icon{margin-right:4px}.file-box .file-item-content .file-name .file-text[data-v-2ca5d427]{margin-left:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.file-box .file-item-content .file-name .file-unfix[data-v-2ca5d427]{word-break:keep-all}.file-box .file-item-content .file-name .file-size[data-v-2ca5d427]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;word-break:keep-all;color:var(--das-ui-processlog-time-color);margin-left:8px}.file-box .file-item-content[data-v-2ca5d427]:hover{background:var(--das-ui-processlog-hover-color)}.file-box .pre-file[data-v-2ca5d427]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;color:var(--das-ui-processlog-btn-color);cursor:pointer}.file-box .down-file[data-v-2ca5d427]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;color:var(--das-ui-processlog-btn-color);cursor:pointer;word-break:keep-all;margin-right:20px}.fold-btn[data-v-2ca5d427]{display:flex;align-items:center;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px;cursor:pointer;color:var(--das-ui-processlog-time-color);margin-bottom:4px}.fold-btn .text-collaspe[data-v-2ca5d427]{margin-right:4px}[data-v-2ca5d427] .das-ui-button .ant-btn.ant-btn-text.primary-text{color:var(--das-ui-processlog-btn-color)!important}[data-v-2ca5d427] .das-tooltip-text-wrap{color:var(--v19152e24)}.op65[data-v-15610293]{opacity:.65}.rate-box[data-v-15610293]{margin-bottom:4px}.rate-box .rata-star[data-v-15610293]{display:flex;align-items:center;font-size:14px;font-weight:400;line-height:17px;letter-spacing:0px;color:var(--das-ui-processlog-title-color)}.rate-box .rata-star .customStart[data-v-15610293]{margin-right:8px}.rate-box .startText[data-v-15610293]{margin-left:8px}.med-content .img-box[data-v-08b1b5d9]{display:flex;flex-wrap:wrap}.med-content .medium-show-box-item[data-v-08b1b5d9]{margin-right:15px;margin-bottom:8px}.med-content .medium-show-custom-item[data-v-08b1b5d9]{margin-right:10px;margin-bottom:8px}.op65[data-v-94e6a5d5]{opacity:.65}.title-box[data-v-94e6a5d5]{margin-bottom:4px}.title-box .title-item[data-v-94e6a5d5]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;color:var(--das-ui-processlog-title-color)}.sign-box[data-v-7de8137e]{display:flex;margin-bottom:8px}.op65[data-v-af21c939]{opacity:.65}.remark-box[data-v-af21c939]{margin-bottom:4px;font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;color:var(--das-ui-processlog-title-color)}.fold-btn[data-v-af21c939]{display:flex;align-items:center;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px;margin-bottom:4px;color:var(--das-ui-processlog-time-color);cursor:pointer}.fold-btn .text-collaspe[data-v-af21c939]{margin-right:4px}.hide-two-line[data-v-af21c939]{height:40px;overflow:hidden}.w100[data-v-d8d903b5]{width:100%}.w700px[data-v-d8d903b5]{width:700px}.op65[data-v-d8d903b5]{opacity:.65}.right-content[data-v-d8d903b5]{margin-left:8px;position:relative;top:-7.001px;min-height:45px}.right-content .time-box[data-v-d8d903b5]{font-weight:400;font-size:12px;color:var(--das-ui-processlog-time-color)}.right-content .status-box[data-v-d8d903b5]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;margin-bottom:8px}.right-content .is-no-wait[data-v-d8d903b5]{color:var(--das-ui-processlog-status-name-color)}.right-content .is-wait[data-v-d8d903b5]{color:var(--das-ui-processlog-duty-color)}.right-content .name-box[data-v-d8d903b5]{font-size:14px;font-weight:400;line-height:21px;letter-spacing:0px;color:var(--das-ui-processlog-status-name-color);margin-bottom:4px}.right-content .audit-result[data-v-d8d903b5]{font-size:14px;font-weight:400;line-height:normal;letter-spacing:0px;color:var(--das-ui-processlog-title-color);margin-bottom:4px}.das-timeline-item[data-v-d8d903b5]{padding-bottom:22px}.das-timeline-item[data-v-d8d903b5]:last-child{padding-bottom:10px}.das-timeline-item:first-child.default-img[data-v-d8d903b5]{margin-top:0}.das-timeline-item[data-v-d8d903b5] .ant-timeline-item-head{background:var(--v27d7c3ae)}.das-process-log[data-v-4db34645]{padding:18px 16px 0;background:var(--das-ui-processlog-bg-color)}

package/packages/business-components/process-search-form/hooks/useSearchOptions.d.ts

@@ -1,8 +1,70 @@
+import type { SearchFormProp } from '../../../components/search-form/src/hooks/searchFormItem';
 import type { Props, Emits } from '../src/type';
+type SettingItem = {
+    name: string;
+    ct: string;
+    qt: string;
+    mg?: boolean;
+    cm: string;
+    defaultValue?: any;
+    option?: any;
+    controlContent?: any;
+};
 export declare const useSearchOptions: (prop: Props, emits: Emits) => {
-    searchOptions: import("vue").Ref<any, any>;
+    searchOptions: import("vue").Ref<{
+        [x: string]: any;
+        key?: string | undefined;
+        value?: any;
+        checkedNodes?: any[] | undefined;
+        label?: any;
+        type?: (("input" | "select" | "textarea" | "switch" | "custom" | "password" | "treeSelect" | "radio" | "checkbox" | "cascader" | "colorPicker" | "selectInput" | "inputDialogSelect" | "inputNumber" | ("month" | "year" | "time" | "date" | "dateTime" | "week" | "quarter") | ("dateRange" | "dateTimeRange" | "weekRange" | "monthRange" | "yearRange" | "timeRange")) | "searchInput" | "selectSearch" | "selectDateRange" | "inputSelect") | undefined;
+        layout?: ("out" | "inner") | undefined;
+        closable?: boolean | undefined;
+        custom?: boolean | undefined;
+        customerActive?: boolean | undefined;
+        customOption?: any;
+        dateType?: string | undefined;
+        mode?: string | undefined;
+        isChangeTrigger?: boolean | undefined;
+        marginRight?: string | undefined;
+    }[], SearchFormProp[] | {
+        [x: string]: any;
+        key?: string | undefined;
+        value?: any;
+        checkedNodes?: any[] | undefined;
+        label?: any;
+        type?: (("input" | "select" | "textarea" | "switch" | "custom" | "password" | "treeSelect" | "radio" | "checkbox" | "cascader" | "colorPicker" | "selectInput" | "inputDialogSelect" | "inputNumber" | ("month" | "year" | "time" | "date" | "dateTime" | "week" | "quarter") | ("dateRange" | "dateTimeRange" | "weekRange" | "monthRange" | "yearRange" | "timeRange")) | "searchInput" | "selectSearch" | "selectDateRange" | "inputSelect") | undefined;
+        layout?: ("out" | "inner") | undefined;
+        closable?: boolean | undefined;
+        custom?: boolean | undefined;
+        customerActive?: boolean | undefined;
+        customOption?: any;
+        dateType?: string | undefined;
+        mode?: string | undefined;
+        isChangeTrigger?: boolean | undefined;
+        marginRight?: string | undefined;
+    }[]>;
     buttonSetting: import("vue").Ref<any, any>;
-    settingData: import("vue").Ref<never[], never[]>;
+    settingData: import("vue").Ref<{
+        name: string;
+        ct: string;
+        qt: string;
+        mg?: boolean | undefined;
+        cm: string;
+        defaultValue?: any;
+        option?: any;
+        controlContent?: any;
+    }[], SettingItem[] | {
+        name: string;
+        ct: string;
+        qt: string;
+        mg?: boolean | undefined;
+        cm: string;
+        defaultValue?: any;
+        option?: any;
+        controlContent?: any;
+    }[]>;
     searchList: (formDataValues: any) => void;
     showFilterPanel: any;
 };
+export {};

package/packages/business-components/process-search-form/index.js

@@ -724,8 +724,7 @@ const yo = (e, r) => {
       // change: selectChangeTree,
       treeProps: {},
       checkedNodes: []
-    },
-    ,
+    }
   ]), g = (i) => {
     jr(() => {
       const s = [];
@@ -754,7 +753,7 @@ const yo = (e, r) => {
               relation: a.mg ? "OR" : "AND",
               operation: a.qt.toUpperCase()
             });
-      }), {})), r("process-confirm", s, b.value);
+      }), {})), r("processConfirm", s, b.value);
     });
   }, _ = () => {
     const i = {};
@@ -789,7 +788,7 @@ const yo = (e, r) => {
         var x, M, je;
         if (a.ct === "onetext") {
           if (a.mg) {
-            const m = xr().value === "en";
+            const m = xr().value === "en-US";
             s = !0;
             const O = a.name, w = a.cm;
             c.key += c.key ? `,${O}` : O, c.label += c.label ? `,${w}` : w, c.placeholder += c.placeholder ? m ? `/${w}` : `/${w}`.toLowerCase() : m ? `${v("process-search-form-search").value}${w}` : `${v("process-search-form-search").value}` + w.toLowerCase(), a.defaultValue && (c.value = a.defaultValue);
@@ -835,7 +834,7 @@ const yo = (e, r) => {
         }
         if (a.ct === "orgSelector") {
           const o = T(i[7]);
-          o.label = a.cm, o.key = a.name, a.defaultValue && (o.value = a.defaultValue), C.value && Object.keys(C.value).forEach((m) => {
+          o.label = a.cm, o.key = a.name, a.defaultValue && (o.value = a.defaultValue), C.value && Object.keys(C.value || {}).forEach((m) => {
             o[m] = C.value[m];
           }), u.value.push(o);
         }
@@ -886,7 +885,7 @@ const yo = (e, r) => {
         showFilterPanel: N(b),
         isMarginRight: h.$attrs.isMarginRight ?? (N(b) ? void 0 : !0)
       }), null, 16, ["options", "onConfirm", "showFilterPanel", "isMarginRight"])
-    ])) : Cr("", !0);
+    ])) : Cr("v-if", !0);
   }
 }), vo = {
   请输入关键字: { "zh-CN": "请输入关键字", en: "Please enter keyword", "zh-MO": "請輸入關鍵字", _appCode: "framework" },

package/packages/business-components/process-table/hooks/useProcessTable.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 import type { Props, Emits, ITableShowColumn } from '../src/type';
 export declare const useProcessTable: (props: Props, emits: Emits, loading: Ref<boolean>) => {
     filterSetting: Ref<any, any>;

package/packages/business-components/process-table/hooks/useTableShow.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 import type { Props, Emits, ITableShowColumn } from '../src/type';
 type Header = ITableShowColumn[];
 export declare const useTableShow: (props: Props, emits: Emits, dialogHeaderData: Ref<Header>, settingHeaderData: any, copyDialogHeaderData: Ref<Header>, copySettingHeaderData: any) => {

package/packages/business-components/process-table/index.d.ts

@@ -98,16 +98,16 @@ declare const DasProcessTableRef: () => import("vue").Ref<({
         readonly flowKey: string;
         readonly clientType: "pc" | "mobile";
         readonly needDisplayFileds?: boolean | undefined;
-        readonly customOperation?: operationType[] | ((row: any, column: any, index: number) => operationType[]) | undefined;
-        readonly searchQuerys?: import("./src/type.js").SearchQuerys[] | [] | undefined;
-        readonly sortQuerys?: any[] | [] | undefined;
+        readonly customOperation?: (operationType[] | ((row: any, column: any, index: number) => operationType[])) | undefined;
+        readonly searchQuerys?: (import("./src/type.js").SearchQuerys[] | []) | undefined;
+        readonly sortQuerys?: (any[] | []) | undefined;
         readonly extraParams?: Record<string, any> | undefined;
         readonly permissionQuery: number[];
-        readonly apiUrl?: string | undefined | undefined;
-        readonly defaultSort?: any[] | [] | undefined;
+        readonly apiUrl?: string | undefined;
+        readonly defaultSort?: (any[] | []) | undefined;
         readonly reqMethod?: string | undefined;
         readonly columnSettingName: string;
-        readonly selection?: boolean | {
+        readonly selection?: (boolean | {
             disabled?: boolean;
             showSelectCount?: boolean;
             value?: string;
@@ -117,7 +117,7 @@ declare const DasProcessTableRef: () => import("vue").Ref<({
             showPageSelectBtn?: boolean;
             allSelectable?: boolean;
             selectable?: (row?: any, index?: any) => boolean;
-        } | undefined;
+        }) | undefined;
         readonly showOperationColumn?: boolean | undefined;
         readonly loading?: boolean | undefined;
         readonly "onUpdate:loading"?: ((value: boolean) => any) | undefined;
@@ -218,16 +218,16 @@ declare const DasProcessTableRef: () => import("vue").Ref<({
         readonly flowKey: string;
         readonly clientType: "pc" | "mobile";
         readonly needDisplayFileds?: boolean | undefined;
-        readonly customOperation?: operationType[] | ((row: any, column: any, index: number) => operationType[]) | undefined;
-        readonly searchQuerys?: import("./src/type.js").SearchQuerys[] | [] | undefined;
-        readonly sortQuerys?: any[] | [] | undefined;
+        readonly customOperation?: (operationType[] | ((row: any, column: any, index: number) => operationType[])) | undefined;
+        readonly searchQuerys?: (import("./src/type.js").SearchQuerys[] | []) | undefined;
+        readonly sortQuerys?: (any[] | []) | undefined;
         readonly extraParams?: Record<string, any> | undefined;
         readonly permissionQuery: number[];
-        readonly apiUrl?: string | undefined | undefined;
-        readonly defaultSort?: any[] | [] | undefined;
+        readonly apiUrl?: string | undefined;
+        readonly defaultSort?: (any[] | []) | undefined;
         readonly reqMethod?: string | undefined;
         readonly columnSettingName: string;
-        readonly selection?: boolean | {
+        readonly selection?: (boolean | {
             disabled?: boolean;
             showSelectCount?: boolean;
             value?: string;
@@ -237,7 +237,7 @@ declare const DasProcessTableRef: () => import("vue").Ref<({
             showPageSelectBtn?: boolean;
             allSelectable?: boolean;
             selectable?: (row?: any, index?: any) => boolean;
-        } | undefined;
+        }) | undefined;
         readonly showOperationColumn?: boolean | undefined;
         readonly loading?: boolean | undefined;
         readonly "onUpdate:loading"?: ((value: boolean) => any) | undefined;