@das-fed/upf-ui 6.4.0-dev.141 → 6.4.0-dev.143

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@das-fed/upf-ui",
-  "version": "6.4.0-dev.141",
+  "version": "6.4.0-dev.143",
   "description": "",
   "type": "module",
   "main": "./index.js",
@@ -26,7 +26,7 @@
     "@antv/x6-plugin-snapline": "^2.1.7",
     "@antv/x6-plugin-transform": "^2.1.8",
     "@antv/x6-vue-shape": "^2.1.2",
-    "@das-fed/upf-ui": "6.4.0-dev.141",
+    "@das-fed/upf-ui": "6.4.0-dev.143",
     "@element-plus/icons-vue": "^2.3.1",
     "@types/lodash": "^4.14.194",
     "@types/lodash-es": "^4.17.9",
@@ -56,9 +56,9 @@
     "vue-tsc": "^2.0.29"
   },
   "dependencies": {
-    "@das-fed/upf-cli": "6.4.0-dev.141",
-    "@das-fed/upf-utils": "6.4.0-dev.141",
-    "@das-fed/upf-web": "6.4.0-dev.141",
+    "@das-fed/upf-cli": "6.4.0-dev.143",
+    "@das-fed/upf-utils": "6.4.0-dev.143",
+    "@das-fed/upf-web": "6.4.0-dev.143",
     "@types/markdown-it": "^14.1.2",
     "@wangeditor-next/editor": "5.6.31",
     "@wangeditor-next/editor-for-vue": "5.1.14",

package/packages/components/checkbox/index.js

@@ -125,7 +125,7 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
         const e = (i = (l = E.value) == null ? void 0 : l.$el) == null ? void 0 : i.querySelectorAll(".ant-checkbox-input");
         e && e.length && e.forEach((a) => a.setAttribute("tabindex", "-1"));
       }, 1e3);
-    }, q = p(() => t.formSize || "default"), ee = p(() => ({
+    }, q = p(() => t.formSize), ee = p(() => ({
       "--checkbox-height": q.value && {
         small: "24px",
         default: "32px",
@@ -435,7 +435,7 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
   for (const [z, D] of S)
     t[z] = D;
   return t;
-}, Ve = /* @__PURE__ */ Te(xe, [["__scopeId", "data-v-b37b922d"]]), qe = {
+}, Ve = /* @__PURE__ */ Te(xe, [["__scopeId", "data-v-b535aca4"]]), qe = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"

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

@@ -14,8 +14,8 @@ declare const blurCheckboxSquare: (type: string, row: any) => void;
 declare const textWidth: import("vue").ComputedRef<string | undefined>;
 declare const checkboxRef: import("vue").Ref<any, any>;
 declare const computedStyle: import("vue").ComputedRef<{
-    '--checkbox-height': string;
-    '--checkbox-font-size': string;
+    '--checkbox-height': string | undefined;
+    '--checkbox-font-size': string | undefined;
 }>;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_11: {}, __VLS_13: {}, __VLS_29: {

package/packages/components/checkbox/style.css

@@ -1 +1 @@
-.empty-text[data-v-b37b922d]{font-size:var(--das-upf-ui-font-size-sm);color:var(--das-ui-radio-font-normal);height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox[data-v-b37b922d]{position:relative}.das-ui-checkbox .label[data-v-b37b922d]{color:var(--das-ui-radio-font-normal)!important;font-size:var(--checkbox-font-size, var(--das-upf-ui-font-size-sm))!important}.das-ui-checkbox .label.label-min-width[data-v-b37b922d]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square[data-v-b37b922d]:not(.das-ui-checkbox-square--checked):not(.das-ui-checkbox-square--disabled):hover{border-color:var(--das-ui-radio-primary);color:var(--das-ui-radio-primary)}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-b37b922d]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-primary) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-b37b922d]{position:relative}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--disabled.das-ui-checkbox-square--checked[data-v-b37b922d]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-disabled) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .ellipsis-square-checkbox[data-v-b37b922d]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-b37b922d]{cursor:pointer;height:32px;width:fit-content;line-height:32px;padding:0 12px;box-sizing:border-box;border:1px solid var(--das-ui-radio-border-normal);border-radius:2px;color:var(--das-ui-radio-font-normal);font-size:var(--das-ui-font-size-sm);font-weight:500;position:relative}.das-ui-checkbox .das-ui-checkbox-square.ellipsis-square-checkbox[data-v-b37b922d]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-b37b922d]{position:absolute;bottom:0;right:0;z-index:10;display:flex}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon .view-icon[data-v-b37b922d]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-b37b922d]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-b37b922d]{position:absolute;bottom:0;right:2px}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--focus[data-v-b37b922d]{box-shadow:0 0 0 3px var(--das-ui-radio-shadow)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-b37b922d]:not(.das-ui-checkbox-square--disabled){border-color:var(--das-ui-radio-primary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--disabled[data-v-b37b922d]{color:var(--das-ui-radio-font-normal)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-b37b922d]{cursor:not-allowed;background-color:var(--das-ui-radio-inner-disabled)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-b37b922d]:not([class*=" das-ui-checkbox-square--checked"]){color:var(--das-ui-radio-disabled)}.das-ui-checkbox .das-ui-checkbox-square-group.small .das-ui-checkbox-square[data-v-b37b922d]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-b37b922d]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-b37b922d]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-b37b922d]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-b37b922d]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-b37b922d]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-b37b922d]{display:flex;flex-direction:column;width:fit-content}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical .ant-checkbox-group-item+.ant-checkbox-group-item[data-v-b37b922d]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-b37b922d]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-vertical) .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-b37b922d]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-b37b922d]{display:flex;flex-direction:column;align-items:flex-start}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-b37b922d]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-b37b922d]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-b37b922d]{background-color:var(--das-ui-radio-filter-bgcolor);color:var(--das-ui-radio-primary);border-color:var(--das-ui-radio-primary);box-sizing:border-box}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-b37b922d]:not(.das-ui-checkbox-square--checked){border-color:transparent}.das-ui-checkbox .das-ui-checkbox-filter-square-group:not(.das-ui-checkbox-vertical) .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-b37b922d]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-b37b922d]{display:inline-block;position:relative;color:var(--das-ui-radio-font-normal)!important;font-size:var(--das-ui-font-size-sm)!important}.das-ui-checkbox .das-ui-checkbox-view-group .view-icon.m-r-5[data-v-b37b922d]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-b37b922d]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-b37b922d]{display:flex;align-items:center;height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view.label-min-width[data-v-b37b922d]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-b37b922d]{max-width:72px;margin-right:16px;font-size:var(--das-ui-font-size-sm);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;color:var(--das-ui-radio-font-normal)!important}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.label-min-width[data-v-b37b922d]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-b37b922d]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-b37b922d]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-b37b922d]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-b37b922d]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-b37b922d]{display:block;color:var(--das-ui-input-success-color);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .das-input-error-label[data-v-b37b922d]{display:block;color:var(--das-ui-input-error-color);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .error-label-overflow[data-v-b37b922d]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-b37b922d]{width:100%;position:absolute;top:100%;left:0;background-color:var(--das-ui-color-overlay-error);box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:99;transition:.2s}.das-ui-checkbox .das-checkbox-overlay-error-label-content .label[data-v-b37b922d]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.das-ui-checkbox[data-v-b37b922d] .ant-checkbox-wrapper{height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox .ant-checkbox-wrapper{font-weight:500}.das-ui-checkbox .ant-checkbox-wrapper.nolabel .ant-checkbox+span{display:none}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{box-sizing:border-box;border-color:var(--das-ui-radio-border-normal)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{border-color:var(--das-ui-radio-primary);background-color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox:not(.ant-checkbox-indeterminate) .ant-checkbox-inner:after{width:3.5px!important;height:8px!important;top:47%!important;left:3px!important;border-width:1.5px}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--das-ui-radio-border-normal)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--das-ui-radio-primary)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{width:14px!important;height:14px!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox+span{color:var(--das-ui-radio-font-normal);padding-left:5px!important;padding-right:16px!important;font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox+*{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-inner{background-color:var(--das-ui-radio-inner-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner:after{border-color:var(--das-ui-radio-border-normal)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox+*{color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox-inner{border-color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical{display:flex;flex-direction:column}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical .ant-checkbox-group-item+.ant-checkbox-group-item{margin-top:10px}.das-ui-checkbox .ant-checkbox-wrapper{margin-left:0!important}.das-ui-checkbox .ant-checkbox-wrapper.small .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.small .ant-checkbox+span{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.middle .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.middle .ant-checkbox+span{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .ant-checkbox-wrapper.large .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.large .ant-checkbox+span{font-size:var(--das-ui-font-size-lg)}.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--das-ui-radio-inner-disabled)!important}
+.empty-text[data-v-b535aca4]{font-size:var(--das-upf-ui-font-size-sm);color:var(--das-ui-radio-font-normal);height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox[data-v-b535aca4]{position:relative}.das-ui-checkbox .label[data-v-b535aca4]{color:var(--das-ui-radio-font-normal)!important;font-size:var(--checkbox-font-size, var(--das-upf-ui-font-size-sm))!important}.das-ui-checkbox .label.label-min-width[data-v-b535aca4]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square[data-v-b535aca4]:not(.das-ui-checkbox-square--checked):not(.das-ui-checkbox-square--disabled):hover{border-color:var(--das-ui-radio-primary);color:var(--das-ui-radio-primary)}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-b535aca4]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-primary) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-b535aca4]{position:relative}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--disabled.das-ui-checkbox-square--checked[data-v-b535aca4]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-disabled) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .ellipsis-square-checkbox[data-v-b535aca4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-b535aca4]{cursor:pointer;height:32px;width:fit-content;line-height:32px;padding:0 12px;box-sizing:border-box;border:1px solid var(--das-ui-radio-border-normal);border-radius:2px;color:var(--das-ui-radio-font-normal);font-size:var(--das-ui-font-size-sm);font-weight:500;position:relative}.das-ui-checkbox .das-ui-checkbox-square.ellipsis-square-checkbox[data-v-b535aca4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-b535aca4]{position:absolute;bottom:0;right:0;z-index:10;display:flex}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon .view-icon[data-v-b535aca4]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-b535aca4]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-b535aca4]{position:absolute;bottom:0;right:2px}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--focus[data-v-b535aca4]{box-shadow:0 0 0 3px var(--das-ui-radio-shadow)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-b535aca4]:not(.das-ui-checkbox-square--disabled){border-color:var(--das-ui-radio-primary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--disabled[data-v-b535aca4]{color:var(--das-ui-radio-font-normal)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-b535aca4]{cursor:not-allowed;background-color:var(--das-ui-radio-inner-disabled)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-b535aca4]:not([class*=" das-ui-checkbox-square--checked"]){color:var(--das-ui-radio-disabled)}.das-ui-checkbox .das-ui-checkbox-square-group.small .das-ui-checkbox-square[data-v-b535aca4]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-b535aca4]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-b535aca4]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-b535aca4]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-b535aca4]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-b535aca4]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-b535aca4]{display:flex;flex-direction:column;width:fit-content}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical .ant-checkbox-group-item+.ant-checkbox-group-item[data-v-b535aca4]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-b535aca4]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-vertical) .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-b535aca4]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-b535aca4]{display:flex;flex-direction:column;align-items:flex-start}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-b535aca4]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-b535aca4]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-b535aca4]{background-color:var(--das-ui-radio-filter-bgcolor);color:var(--das-ui-radio-primary);border-color:var(--das-ui-radio-primary);box-sizing:border-box}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-b535aca4]:not(.das-ui-checkbox-square--checked){border-color:transparent}.das-ui-checkbox .das-ui-checkbox-filter-square-group:not(.das-ui-checkbox-vertical) .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-b535aca4]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-b535aca4]{display:inline-block;position:relative;color:var(--das-ui-radio-font-normal)!important;font-size:var(--das-ui-font-size-sm)!important}.das-ui-checkbox .das-ui-checkbox-view-group .view-icon.m-r-5[data-v-b535aca4]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-b535aca4]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-b535aca4]{display:flex;align-items:center;height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view.label-min-width[data-v-b535aca4]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-b535aca4]{max-width:72px;margin-right:16px;font-size:var(--das-ui-font-size-sm);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;color:var(--das-ui-radio-font-normal)!important}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.label-min-width[data-v-b535aca4]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-b535aca4]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-b535aca4]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-b535aca4]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-b535aca4]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-b535aca4]{display:block;color:var(--das-ui-input-success-color);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .das-input-error-label[data-v-b535aca4]{display:block;color:var(--das-ui-input-error-color);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .error-label-overflow[data-v-b535aca4]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-b535aca4]{width:100%;position:absolute;top:100%;left:0;background-color:var(--das-ui-color-overlay-error);box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:99;transition:.2s}.das-ui-checkbox .das-checkbox-overlay-error-label-content .label[data-v-b535aca4]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.das-ui-checkbox[data-v-b535aca4] .ant-checkbox-wrapper{height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox .ant-checkbox-wrapper{font-weight:500}.das-ui-checkbox .ant-checkbox-wrapper.nolabel .ant-checkbox+span{display:none}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{box-sizing:border-box;border-color:var(--das-ui-radio-border-normal)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{border-color:var(--das-ui-radio-primary);background-color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox:not(.ant-checkbox-indeterminate) .ant-checkbox-inner:after{width:3.5px!important;height:8px!important;top:47%!important;left:3px!important;border-width:1.5px}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--das-ui-radio-border-normal)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--das-ui-radio-primary)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{width:14px!important;height:14px!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox+span{color:var(--das-ui-radio-font-normal);padding-left:5px!important;padding-right:16px!important;font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox+*{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-inner{background-color:var(--das-ui-radio-inner-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner:after{border-color:var(--das-ui-radio-border-normal)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox+*{color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox-inner{border-color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical{display:flex;flex-direction:column}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical .ant-checkbox-group-item+.ant-checkbox-group-item{margin-top:10px}.das-ui-checkbox .ant-checkbox-wrapper{margin-left:0!important}.das-ui-checkbox .ant-checkbox-wrapper.small .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.small .ant-checkbox+span{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.middle .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.middle .ant-checkbox+span{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .ant-checkbox-wrapper.large .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.large .ant-checkbox+span{font-size:var(--das-ui-font-size-lg)}.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--das-ui-radio-inner-disabled)!important}

package/packages/components/form/index.js

@@ -1,8 +1,8 @@
 import '@das-fed/upf-ui/packages/components/form/style.css';
-import { defineComponent as y, ref as d, provide as F, reactive as _, computed as i, createElementBlock as R, openBlock as x, normalizeStyle as S, normalizeClass as I, renderSlot as z } from "vue";
-import { withInstall as B } from "@das-fed/upf-utils/with-install/index";
+import { defineComponent as I, ref as f, reactive as d, computed as r, provide as R, createElementBlock as x, openBlock as S, normalizeStyle as M, normalizeClass as z, renderSlot as B } from "vue";
+import { withInstall as $ } from "@das-fed/upf-utils/with-install/index";
 import "@das-fed/upf-ui/packages/global/theme";
-const $ = /* @__PURE__ */ y({
+const k = /* @__PURE__ */ I({
   __name: "Index",
   props: {
     labelLength: { default: 4 },
@@ -20,64 +20,71 @@ const $ = /* @__PURE__ */ y({
     autoMarginRight: { type: Boolean, default: !1 },
     size: { default: "default" }
   },
-  setup(o, { expose: r }) {
-    const t = o, n = d();
-    let l = [];
-    F("DasForm", _({ props: t, addField: (e) => {
+  setup(o, { expose: s }) {
+    const a = o, n = f();
+    let l = d([]);
+    const c = r(() => l.filter((e) => {
+      var t;
+      return (t = e.formItemProps) == null ? void 0 : t.required;
+    }).length > 0), m = r(() => l.filter((e) => {
+      var t;
+      return (t = e.formItemProps) == null ? void 0 : t.helpMessage;
+    }).length > 0);
+    R("DasForm", d({ props: a, addField: (e) => {
       l.push(e);
     }, removeField: (e) => {
-      l = l.filter((a) => a.timeStamp !== e.timeStamp);
-    } }));
-    const f = async (e) => {
-      const a = await u();
-      e(a);
-    }, c = async (e, a) => {
-      const h = await l.find((s) => s.propName === e && s.rules.length > 0).validate();
-      a(h);
-    }, u = async () => {
+      l = l.filter((t) => t.timeStamp !== e.timeStamp);
+    }, hasRequiredFormItem: c, hasHelpMessageFormItem: m }));
+    const u = async (e) => {
+      const t = await g();
+      e(t);
+    }, p = async (e, t) => {
+      const _ = await l.find((i) => i.propName === e && i.rules.length > 0).validate();
+      t(_);
+    }, g = async () => {
       let e = !0;
-      for (const a of l)
-        a.propName && a.rules.length > 0 && (await a.validate() || (e = !1));
+      for (const t of l)
+        t.propName && t.rules.length > 0 && (await t.validate() || (e = !1));
       return e;
-    }, m = () => {
+    }, h = () => {
       l.forEach((e) => {
         e.resetError();
       });
-    }, p = i(() => ({
+    }, v = r(() => ({
       display: "grid",
-      gridTemplateColumns: `repeat(${t.cols}, ${t.contentWidth && t.contentWidth !== "auto" ? "min-content" : "1fr"})`,
-      gridColumnGap: t.cols && t.autoMarginRight ? t.marginRight : void 0
-    })), g = i(() => ({
-      alignItems: t.alignItems,
-      ...t.cols && t.alignType === "vertical" ? p.value : {}
+      gridTemplateColumns: `repeat(${a.cols}, ${a.contentWidth && a.contentWidth !== "auto" ? "min-content" : "1fr"})`,
+      gridColumnGap: a.cols && a.autoMarginRight ? a.marginRight : void 0
+    })), y = r(() => ({
+      alignItems: a.alignItems,
+      ...a.cols && a.alignType === "vertical" ? v.value : {}
     }));
-    return r({
-      validate: f,
-      validateField: c,
-      resetField: m
-    }), (e, a) => (x(), R(
+    return s({
+      validate: u,
+      validateField: p,
+      resetField: h
+    }), (e, t) => (S(), x(
       "div",
       {
-        class: I(["das-ui-form", { horizontal: e.alignType === "horizontal" }]),
+        class: z(["das-ui-form", { horizontal: e.alignType === "horizontal" }]),
         ref_key: "$formRef",
         ref: n,
-        style: S(g.value)
+        style: M(y.value)
       },
       [
-        z(e.$slots, "default", {}, void 0, !0)
+        B(e.$slots, "default", {}, void 0, !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), k = (o, r) => {
-  const t = o.__vccOpts || o;
-  for (const [n, l] of r)
-    t[n] = l;
-  return t;
-}, w = /* @__PURE__ */ k($, [["__scopeId", "data-v-d8f87c64"]]), E = B(w), W = () => d(null);
+}), w = (o, s) => {
+  const a = o.__vccOpts || o;
+  for (const [n, l] of s)
+    a[n] = l;
+  return a;
+}, C = /* @__PURE__ */ w(k, [["__scopeId", "data-v-e455d465"]]), W = $(C), q = () => f(null);
 export {
-  E as DasForm,
-  W as DasFormRef,
-  E as default
+  W as DasForm,
+  q as DasFormRef,
+  W as default
 };

package/packages/components/form/style.css

@@ -1 +1 @@
-.das-ui-form[data-v-d8f87c64]{display:flex;flex-direction:column;align-content:flex-start}.das-ui-form.horizontal[data-v-d8f87c64]{flex-direction:row;flex-wrap:wrap}.das-ui-form.grid[data-v-d8f87c64]{display:grid;grid-template-columns:repeat(var(--cols),var(--content-width, 1fr));column-gap:var(--gap)}
+.das-ui-form[data-v-e455d465]{display:flex;flex-direction:column;align-content:flex-start}.das-ui-form.horizontal[data-v-e455d465]{flex-direction:row;flex-wrap:wrap}.das-ui-form.grid[data-v-e455d465]{display:grid;grid-template-columns:repeat(var(--cols),var(--content-width, 1fr));column-gap:var(--gap)}