@das-fed/ui 6.4.0-test.3.1 → 6.4.0-test.30

package/packages/components/edit-table/src/type.d.ts

@@ -3,7 +3,7 @@ import type { CellCls } from 'element-plus'
 type DateType = 'date' | 'dateTime' | 'week' | 'month' | 'quarter' | 'year' | 'time'
 type DateRangeType = 'dateRange' | 'dateTimeRange' | 'weekRange' | 'monthRange' | 'yearRange' | 'timeRange'
 
-export type otherType = 'text' | 'slot' | 'radio' | 'checkbox' | 'switch' | 'slot'
+export type otherType = 'text' | 'button' | 'slot' | 'radio' | 'checkbox' | 'switch' | 'slot'
 
 export type FormType =
   | 'input'
@@ -67,6 +67,9 @@ export type ListConfig = {
   errorMessage?: string | ((row: any, index: number) => string)
 
   
+  click?: (val: any, row: any, column: any, index: number) => void
+
+  
   input?: (val: any, row: any, column: any, index: number) => void
 
   
@@ -88,12 +91,18 @@ export type ListConfig = {
   borderType?: any
 
   
-  itemProps?: Record<any, any>
+  itemProps?: Record<any, any> | ((row: any, column: any, index: number) => Record<any, any>)
 
   
   inputWidth?: string
 
   
+
+  
+  btnName?: string
+
+  
+
   
   keywordProp?: string
 
@@ -113,10 +122,23 @@ export type ListConfig = {
   getGrandChildren?: (data?: any) => Promise<any>
 
   
+
+  
+
   openDialog?: (row: any, column: any, index: number) => void
 
   
+
+  
+
   select?: (val: any, row: any, column: any, index: number, option?: Record<any, any>) => void
+
+  
+
+  
+
+  
+  cascaderNameProp?: string
 }
 
 export interface Props {
@@ -163,6 +185,8 @@ export interface Emits {
 
   
   (e: 'sortEnd', oldData: any[], newData: any[], oldIndex: number, newIndex: number): void
+
+  (e: 'update:selection-rows', selectionRows: any[]): void
 }
 
 export interface Slots {
@@ -213,5 +237,6 @@ export type Exposes = {
   
   changeRules: (key: string, callback?: (rule: any, checkFn: any) => void) => void
 
-  (e: 'update:selection-rows', selectionRows: any[]): void
+  
+  removeCellError: (row: any, prop: string) => void
 }

package/packages/components/edit-table/src/utils.d.ts

@@ -1,15 +1,19 @@
 import { FormType } from './type';
+/** 获取元素类型 */
+export declare const getMode: (config: any, row: any, column: any, $index: number) => any;
 /**
  * 是否显示组件
  * @param {Array} types - 需要显示的表单类型
  * @returns {boolean} 是否显示
  */
 export declare const isShow: (types: FormType[], type: FormType) => boolean;
+export declare const getItemAttrs: (itemProps: any, options?: {}) => any;
+export declare const useDefined: (val: any, row: any, column: any, index: number, defaultValue: any) => any;
+export declare const getOptions: (config: any, row: any, column: any, $index: number) => any;
 /**
- *  兼容处理
- * @param val 处理器
- * @param params 传入的参数
- * @param defaultValue 默认值
+ *
+ * @param type
+ * @param params
  * @returns
  */
-export declare const useDefined: (val: any, row: any, column: any, index: number, defaultValue: any) => any;
+export declare const getViewText: (type: string, params: any) => any;

package/packages/components/edit-table/style.css

@@ -1 +1 @@
-@charset "UTF-8";.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell{padding:4.5px 0}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell{padding:0 4px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content{width:100%;height:30px;display:flex;align-items:center;justify-content:space-between}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-radio,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-checkbox,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-switch{padding-left:8px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center{overflow:hidden;height:100%}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .center-box_y{height:100%;display:flex;flex-direction:column;justify-content:center}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text{height:30px;line-height:30px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .el-input .el-input__inner::placeholder,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .ant-select-selection-placeholder{font-size:12px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.is-view .form-content .placeholder{padding:0 8px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.is-view .form-content .el-input .el-input__wrapper{box-shadow:none!important;border:none!important;background-color:transparent!important}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.is-view .form-content .el-input .el-input__inner::placeholder,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.is-view .form-content .ant-select-selection-placeholder{color:transparent}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.is-view .form-content .el-input-group__append{box-shadow:none!important;background:transparent!important}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.is-view .form-content .das-ui-select .ant-select .ant-select-arrow,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.is-view .form-content .das-ui-cascader .el-cascader .el-input__wrapper .el-input__suffix,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.is-view .form-content .das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.is-view .form-content .ant-picker .ant-picker-suffix{display:none!important}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.is-view .form-content .ant-select-selector,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.is-view .form-content .ant-picker,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.is-view .form-content .das-ui-input-dialog-select-content{border:none!important}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell:not(.is-view) .das-ui-input-dialog-select-content{background-color:#fff}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell:not(.is-view) .das-ui-tree-select .das-tree-select__select-content{height:30px!important}
+@charset "UTF-8";.edit-table-row-botton[data-v-37eb91b3]{width:100%;height:100%}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell{padding:4.5px 0}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell{padding:0 4px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content{width:100%;height:30px;display:flex;align-items:center;justify-content:space-between}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center{overflow:hidden;height:100%;display:flex;align-items:center}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .center-box_y{height:100%;display:flex;flex-direction:column;justify-content:center}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table-button-container{padding:0 8px;width:100%}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text{height:30px;line-height:30px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text-flex-box{width:100%;height:30px;display:flex;align-items:center;padding:0 8px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text-flex-box .item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text-space-between{width:100%;height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 8px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .edit-table_text-space-between .color-lump{width:14px;height:14px;border-radius:2px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .el-input .el-input__inner::placeholder,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .form-center .ant-select-selection-placeholder{font-size:12px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-radio,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-checkbox,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-switch,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-cascader .el-input__wrapper,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-date-picker .ant-picker,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-range-picker .ant-picker,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-tree-select .das-tree-select__selct-text-content,.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-autocomplete .input-text-content{padding-left:8px}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-radio .ant-radio-wrapper{margin-right:0}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell.das-edit-table-column__cell .cell .form-content .das-ui-checkbox .label.label-min-width{min-width:unset;margin-left:0}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell:not(.is-view) .das-ui-input-dialog-select-content{background-color:#fff}.das-ui-table .das-ui-edit-table .el-table__body-wrapper .el-table__body .el-table__row .el-table__cell:not(.is-view) .das-ui-tree-select .das-tree-select__select-content{height:30px!important}

package/packages/components/empty/i18n/index.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     'das-empty-desc': {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
 };
 export default _default;

package/packages/components/empty/index.d.ts

@@ -4,9 +4,9 @@ declare const DasEmpty: import("@das-fed/utils").SFCWithInstall<{
         size: "default" | "large" | "small" | "custom";
         title: string;
         image: string;
-        description: string;
         showImage: boolean;
         showDescription: boolean;
+        description: string;
         imageSize: number;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -19,9 +19,9 @@ declare const DasEmpty: import("@das-fed/utils").SFCWithInstall<{
         size: "default" | "large" | "small" | "custom";
         title: string;
         image: string;
-        description: string;
         showImage: boolean;
         showDescription: boolean;
+        description: string;
         imageSize: number;
     }>;
     __isFragment?: never;
@@ -31,15 +31,15 @@ declare const DasEmpty: import("@das-fed/utils").SFCWithInstall<{
     size: "default" | "large" | "small" | "custom";
     title: string;
     image: string;
-    description: string;
     showImage: boolean;
     showDescription: boolean;
+    description: string;
     imageSize: number;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        description?(_: {}): any;
-        default?(_: {}): any;
-        image?(_: {}): any;
+        description?: ((props: {}) => any) | undefined;
+        default?: ((props: {}) => any) | undefined;
+        image?: ((props: {}) => any) | undefined;
     };
 })>;
 export { DasEmpty };

package/packages/components/empty/index.js

@@ -1,11 +1,11 @@
 import '@das-fed/ui/packages/components/empty/style.css';
 import { withInstall as m } from "@das-fed/utils/with-install/index";
-import { t as d, setI18nRule as u } from "@das-fed/web/packages/i18n/index";
-import { setThemeRule as p } from "@das-fed/web/packages/theme/index";
-import { computed as A, defineComponent as c, openBlock as o, createElementBlock as s, createVNode as z, unref as v, withCtx as f, renderSlot as y, toDisplayString as a, createCommentVNode as l, Fragment as P, createElementVNode as g } from "vue";
-import { ElEmpty as h } from "element-plus";
+import { t as d, setI18nRule as p } from "@das-fed/web/packages/i18n/index";
+import { setThemeRule as u } from "@das-fed/web/packages/theme/index";
+import { computed as A, defineComponent as c, createElementBlock as o, openBlock as s, createVNode as z, unref as v, withCtx as f, renderSlot as y, Fragment as P, createCommentVNode as a, createElementVNode as g, toDisplayString as l } from "vue";
+import { ElEmpty as C } from "element-plus";
 import "@das-fed/ui/packages/global/theme";
-const C = (t) => {
+const h = (t) => {
   const n = {
     default: 168,
     large: 224,
@@ -16,10 +16,10 @@ const C = (t) => {
 }, x = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAABgCAMAAAC+LslfAAABklBMVEUAAAD////////////////////////j4+P////q///////r6+v////x///y///z8//29vbt9vbu9/fv7/fv9/fy+Pjy8vny+f/z8/n09Pnv9Prx9vry8vvy9/vy9/vv8/fz8/vw9Pjx9Pj09Pv1+Pj1+Pzy9fjy9fny9vnz9vnw9vnw8/bw8/nw9vn09vnx9Pnx9Pny9frz+Prz9frz9vrz9vr09vrx9vry9vv09vvy9Pjy9Pv09vv09vvy9Pvy9Pnz9fvz9/nx9fnx9fvx9fnz9fvz9fvx9fny9vnq7PLy9Pny9vny9vvy9Pny9vny9Pny9Pny9vry9vvx9Prz9Prz9Prx9fry9Pry9fzy9frx9Prz9vzy9fvz9fvx9fnz9vvy9Pry9Pry9fry9fry9frz9frz9fry9fry9fny9Pny9Prx9Pny9vzy9vzy9vry9vry9frz9fry9fvy9fvy9fny9fry9fry9vvy9fre4ebq7fLx9Prx9fnx9fry9fny9fry9fvy9vry9vvz9frz9vrz9vv4+wSwAAAAeXRSTlMAAgMEBQYHCQsMDA0REhQVHB0eICAmKCgsLi83Ozw9QEJGSEhLS01PUVJUVldXWVpbYmlqbG5vcHJyc3N1dnd5e3t+fn+AgYSHiIiIiImJiouMjI+PkJWcnJ2mrK6ut7/BwsTHyM/Q0dbX2drb3N3e4OHk5ebq8PL2luGUowAAAAFiS0dEAf8CLd4AAAJ8SURBVGje7dlpUxNBEIfxbDCCeKDirSiKRsQrioI3AkGBiKjxvsVbFMEggtmZCS58b15QaCE7mZ6equ2hqp9P8KtO1X+3NqkUx3Ecx+nL3J5U4AYIoQVl0W9C6aQVlFCq7KB0UlsomdQaSiW1hxJJEVAaKQZKIkVBKaQ4KIEUCU1eioUmLkVDk5bioQlLFwUzS1m5GcpQhjKUoasOiouhDGXo6oXOWMbQpdY2D70ZnZoujQw3pT2G1nd++/W3sc5aX6GHPv9c1vusl9D0jfGJ/xq/EvgHDYa+xHQ/8G6euj7Eds43aNO7+N56Bl334pWmeb+gJ1/qEmVXaHr/nZHS9NTo68HmjKtzzePnulTFDVp74fu/bf7aUe8G3f1UmxDV5skIPfpx+TZ/OugEbXuiTakyHhpcm1ixzX1pjHBnrrdYzOfyD7VVH/zq0OBB3DbfCqyZDe33jFUqf9DQ8/HbfNXWua37pjml5rDQWd0277Nzbrx8HRD+py/P6bb5WZ0V9PglSFJK5DgJoR3nNhvnlnZQ+BUtK+04P6qxebqfAYWHCqFf510W0COnQEVRhHNWlNKv8zELaLYVFPqgs0rp17k3ly8We07vgEBbYKEvOq/UXWNnN5mhB2CFYYg+KmCmuxuN0L2wXF6cITt9cYMJugeWWHx9sk9KCRrqEybodlguF4Ut9WYDdCssFyhsqU1P/gZYaGUURbClPmyAroeFf9YrBVvqrAFaA8vlosCpJv6QG4YhcKrpvzgDp5oYKoQATjX9RYFTTQ8FTjU9FDjVxFApJXCq6S8KnGr+546hDPUKWsI7fyQKLeCh/YlCMwXkTUuFTIrjOI7j9C0AikFlNRu/XcAAAAAASUVORK5CYII=", E = { class: "das-ui-empty" }, U = {
   key: 0,
   class: "title"
-}, b = {
+}, D = {
   key: 1,
   class: "description"
-}, D = ["width", "src"], K = /* @__PURE__ */ c({
+}, b = ["width", "src"], K = /* @__PURE__ */ c({
   __name: "Index",
   props: {
     title: { default: "" },
@@ -31,25 +31,25 @@ const C = (t) => {
     image: { default: x }
   },
   setup(t) {
-    const n = t, { imgSize: r } = C(n);
-    return (e, i) => (o(), s("div", E, [
-      z(v(h), { "image-size": v(r) }, {
+    const n = t, { imgSize: r } = h(n);
+    return (e, i) => (s(), o("div", E, [
+      z(v(C), { "image-size": v(r) }, {
         description: f(() => [
           y(e.$slots, "description", {}, () => [
-            e.title ? (o(), s(
+            e.title ? (s(), o(
               "div",
               U,
-              a(e.title),
+              l(e.title),
               1
               /* TEXT */
-            )) : l("v-if", !0),
-            e.showDescription ? (o(), s(
+            )) : a("v-if", !0),
+            e.showDescription ? (s(), o(
               "div",
-              b,
-              a(e.description || v(d)("das-empty-desc")),
+              D,
+              l(e.description || v(d)("das-empty-desc")),
               1
               /* TEXT */
-            )) : l("v-if", !0)
+            )) : a("v-if", !0)
           ], !0)
         ]),
         default: f(() => [
@@ -57,15 +57,15 @@ const C = (t) => {
         ]),
         image: f(() => [
           y(e.$slots, "image", {}, () => [
-            e.showImage ? (o(), s("img", {
+            e.showImage ? (s(), o("img", {
               key: 0,
               width: v(r),
               src: e.image
-            }, null, 8, D)) : (o(), s(
+            }, null, 8, b)) : (s(), o(
               P,
               { key: 1 },
               [
-                l(" image为空时用于占位，防止出现默认图片 "),
+                a(" image为空时用于占位，防止出现默认图片 "),
                 i[0] || (i[0] = g(
                   "div",
                   null,
@@ -89,14 +89,12 @@ const C = (t) => {
   for (const [e, i] of n)
     r[e] = i;
   return r;
-}, Q = /* @__PURE__ */ V(K, [["__scopeId", "data-v-153d2d84"]]), B = {
-  "das-empty-desc": { "zh-CN": "暂无数据", en: "test" }
-}, I = {
+}, Q = /* @__PURE__ */ V(K, [["__scopeId", "data-v-153d2d84"]]), w = { "das-empty-desc": { "zh-CN": "暂无数据", en: "No Data", _appCode: "framework" } }, B = {
   "--das-ui-empty-desc-color": { light: "#999999" },
   "--das-ui-empty-title-color": { light: "#212121" }
 }, N = m(Q);
+p(w);
 u(B);
-p(I);
 export {
   N as DasEmpty,
   N as default

package/packages/components/empty/src/Index.vue.d.ts

@@ -1,26 +1,41 @@
+import { ElEmpty } from 'element-plus';
+import { t } from '@das-fed/web';
 import type { Props } from './type';
-declare function __VLS_template(): {
-    slots: {
-        description?(_: {}): any;
-        default?(_: {}): any;
-        image?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const imgSize: import("vue").ComputedRef<any>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    description?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    image?: (props: typeof __VLS_9) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    ElEmpty: typeof ElEmpty;
+    t: typeof t;
+    imgSize: typeof imgSize;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: "default" | "large" | "small" | "custom";
     title: string;
     image: string;
+    showImage: boolean;
+    showDescription: boolean;
     description: string;
+    imageSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "default" | "large" | "small" | "custom";
+    title: string;
+    image: string;
     showImage: boolean;
     showDescription: boolean;
+    description: string;
     imageSize: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/packages/components/error-overlay-model/index.d.ts

@@ -0,0 +1,6 @@
+declare const DasErrorOverlayModel: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{}>, {
+    errorLabel: string;
+    errorModelZIndex: number;
+    errorWidth: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+export { DasErrorOverlayModel };

package/packages/components/error-overlay-model/index.js

@@ -0,0 +1,87 @@
+import { withInstall as D } from "@das-fed/utils/with-install/index";
+import { defineComponent as L, ref as d, computed as y, onMounted as V, nextTick as I, createBlock as O, openBlock as R, Teleport as T, createElementVNode as M, normalizeStyle as H, toDisplayString as j } from "vue";
+import { getVarValue as W } from "@das-fed/web/packages/theme/index";
+const F = /* @__PURE__ */ L({
+  __name: "index",
+  props: {
+    getEl: {},
+    errorLabel: { default: "" },
+    errorModelZIndex: { default: 2e3 },
+    errorWidth: { default: void 0 }
+  },
+  setup(k) {
+    const r = k, E = d(null), l = d(), n = d({
+      x: 0,
+      y: 0
+    }), m = y(() => ({
+      "box-sizing": "border-box",
+      "font-size": "12px",
+      "background-color": W("--das-ui-color-overlay-error").value,
+      "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
+      "border-radius": "1px",
+      padding: "2px 8px",
+      "z-index": r.errorModelZIndex
+    })), w = y(() => ({
+      ...m.value,
+      width: l.value + "px",
+      position: "fixed",
+      visibility: "visible",
+      top: n.value.y + "px",
+      left: n.value.x + "px"
+    })), s = d({
+      // display: 'block',
+      color: W("--das-ui-input-error-color").value,
+      "white-space": "break-spaces"
+    }), C = () => {
+      const c = (i = 0) => {
+        const t = document.createElement("div");
+        for (let [h, p] of Object.entries({
+          ...m.value,
+          ...s.value,
+          width: i + "px"
+        }))
+          t.style[h] = p;
+        const o = document.createElement("span");
+        for (let [h, p] of Object.entries(s.value))
+          o.style[h] = p;
+        o.textContent = r.errorLabel, t.appendChild(o), document.body.appendChild(t);
+        const f = t.offsetHeight, B = o.offsetWidth;
+        return document.body.removeChild(t), { height: f, textWidth: B };
+      }, x = () => {
+        const i = document.documentElement.clientHeight, o = document.documentElement.scrollHeight - i;
+        return i - o;
+      }, e = r.getEl(), a = (e == null ? void 0 : e.clientWidth) ?? 0, v = c(a), g = v.textWidth;
+      r.errorWidth ? l.value = r.errorWidth : g > a ? l.value = g + 2 + 8 + "px" : l.value = a + "px";
+      const { left: _ = 0, bottom: u = 0, height: S = 0 } = (e == null ? void 0 : e.getBoundingClientRect()) ?? {}, z = x(), b = v.height;
+      n.value.y = Math.ceil(u + b) >= z ? u - S - b : u, n.value.x = _;
+    };
+    return V(async () => {
+      await I(), C();
+    }), (c, x) => (R(), O(T, { to: "body" }, [
+      M(
+        "div",
+        {
+          ref_key: "$errorModel",
+          ref: E,
+          style: H(w.value)
+        },
+        [
+          M(
+            "span",
+            {
+              style: H(s.value)
+            },
+            j(c.errorLabel),
+            5
+            /* TEXT, STYLE */
+          )
+        ],
+        4
+        /* STYLE */
+      )
+    ]));
+  }
+}), N = D(F);
+export {
+  N as DasErrorOverlayModel
+};

package/packages/components/error-overlay-model/src/index.vue.d.ts

@@ -0,0 +1,7 @@
+import type { Props } from './type';
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    errorLabel: string;
+    errorModelZIndex: number;
+    errorWidth: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/packages/components/error-overlay-model/src/type.d.ts

@@ -0,0 +1,13 @@
+export interface Props {
+  
+  getEl: () => any
+
+  
+  errorLabel: string
+
+  
+  errorModelZIndex?: number
+
+  
+  errorWidth?: string
+}

package/packages/components/form/index.d.ts

@@ -64,17 +64,17 @@ declare const DasForm: import("@das-fed/utils").SFCWithInstall<{
     autoMarginRight: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        default?(_: {}): any;
+        default?: ((props: {}) => any) | undefined;
     };
 })>;
 declare const DasFormRef: () => import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {
-        readonly labelLength?: (number | string) | undefined;
-        readonly contentWidth?: (number | string) | undefined;
-        readonly labelPosition?: ("left" | "right" | "top") | undefined;
-        readonly alignType?: ("vertical" | "horizontal") | undefined;
+        readonly labelLength?: number | string | undefined;
+        readonly contentWidth?: number | string | undefined;
+        readonly labelPosition?: "left" | "right" | "top" | undefined;
+        readonly alignType?: "vertical" | "horizontal" | undefined;
         readonly alignItems?: string | undefined;
         readonly marginBottom?: string | undefined;
         readonly marginRight?: string | undefined;
@@ -82,7 +82,7 @@ declare const DasFormRef: () => import("vue").Ref<({
         readonly rules?: any;
         readonly labelMarginRight?: string | undefined;
         readonly isSearchForm?: boolean | undefined;
-        readonly errorMode?: ("default" | "overlay") | undefined;
+        readonly errorMode?: "default" | "overlay" | undefined;
         readonly autoMarginRight?: boolean | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
@@ -155,16 +155,16 @@ declare const DasFormRef: () => import("vue").Ref<({
     resetField: () => void;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        default?(_: {}): any;
+        default?: ((props: {}) => any) | undefined;
     };
 }) | null, ({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {
-        readonly labelLength?: (number | string) | undefined;
-        readonly contentWidth?: (number | string) | undefined;
-        readonly labelPosition?: ("left" | "right" | "top") | undefined;
-        readonly alignType?: ("vertical" | "horizontal") | undefined;
+        readonly labelLength?: number | string | undefined;
+        readonly contentWidth?: number | string | undefined;
+        readonly labelPosition?: "left" | "right" | "top" | undefined;
+        readonly alignType?: "vertical" | "horizontal" | undefined;
         readonly alignItems?: string | undefined;
         readonly marginBottom?: string | undefined;
         readonly marginRight?: string | undefined;
@@ -172,7 +172,7 @@ declare const DasFormRef: () => import("vue").Ref<({
         readonly rules?: any;
         readonly labelMarginRight?: string | undefined;
         readonly isSearchForm?: boolean | undefined;
-        readonly errorMode?: ("default" | "overlay") | undefined;
+        readonly errorMode?: "default" | "overlay" | undefined;
         readonly autoMarginRight?: boolean | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
@@ -245,7 +245,7 @@ declare const DasFormRef: () => import("vue").Ref<({
     resetField: () => void;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        default?(_: {}): any;
+        default?: ((props: {}) => any) | undefined;
     };
 }) | null>;
 export { DasForm, DasFormRef };

package/packages/components/form/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/components/form/style.css';
-import { defineComponent as _, ref as p, useSlots as x, watch as N, nextTick as I, provide as M, reactive as b, onMounted as k, openBlock as S, createElementBlock as w, normalizeClass as z, normalizeStyle as B, renderSlot as C } from "vue";
+import { defineComponent as _, ref as p, useSlots as x, watch as N, nextTick as I, provide as M, reactive as b, onMounted as k, createElementBlock as S, openBlock as w, normalizeStyle as z, normalizeClass as B, renderSlot as C } from "vue";
 import { withInstall as E } from "@das-fed/utils/with-install/index";
 import "@das-fed/ui/packages/global/theme";
 const L = /* @__PURE__ */ _({
@@ -71,13 +71,13 @@ const L = /* @__PURE__ */ _({
       validate: h,
       validateField: v,
       resetField: F
-    }), (e, t) => (S(), w(
+    }), (e, t) => (w(), S(
       "div",
       {
-        class: z(["das-ui-form", { horizontal: e.alignType === "horizontal" }]),
+        class: B(["das-ui-form", { horizontal: e.alignType === "horizontal" }]),
         ref_key: "$formRef",
         ref: i,
-        style: B({ alignItems: e.alignItems })
+        style: z({ alignItems: e.alignItems })
       },
       [
         C(e.$slots, "default", {}, void 0, !0)

package/packages/components/form/src/Index.vue.d.ts

@@ -1,14 +1,26 @@
 import type { Props } from './type';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        $formRef: HTMLDivElement;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const $formRef: import("vue").Ref<any, any>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    $formRef: typeof $formRef;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    errorMode: "default" | "overlay";
+    labelLength: number | string;
+    contentWidth: number | string;
+    labelPosition: "left" | "right" | "top";
+    alignType: "vertical" | "horizontal";
+    alignItems: string;
+    marginBottom: string;
+    marginRight: string;
+    rules: any;
+    labelMarginRight: string;
+    isSearchForm: boolean;
+    autoMarginRight: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {
     validate: (callback: any) => Promise<void>;
     validateField: (prop: string, callback: any) => Promise<void>;
@@ -27,9 +39,9 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     isSearchForm: boolean;
     autoMarginRight: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };