@das-fed/upf-ui 6.4.0-dev.135 → 6.4.0-dev.137

package/packages/components/checkbox/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/upf-ui/packages/components/checkbox/style.css';
-import { defineComponent as ae, computed as m, reactive as le, toRefs as oe, watchEffect as te, watch as se, useSlots as ue, ref as Q, onMounted as re, createElementBlock as u, openBlock as o, normalizeStyle as y, createBlock as W, createCommentVNode as c, unref as r, mergeProps as U, isRef as A, withCtx as M, withDirectives as g, renderSlot as C, normalizeClass as n, Fragment as $, renderList as B, createElementVNode as j, createTextVNode as N, toDisplayString as p, createVNode as G } from "vue";
+import { defineComponent as ae, computed as p, reactive as le, toRefs as oe, watchEffect as te, watch as se, useSlots as ue, ref as Q, onMounted as re, createElementBlock as u, openBlock as o, normalizeStyle as y, createBlock as W, createCommentVNode as c, unref as r, mergeProps as U, isRef as A, withCtx as M, withDirectives as g, renderSlot as C, normalizeClass as n, Fragment as $, renderList as B, createElementVNode as j, createTextVNode as N, toDisplayString as v, createVNode as G } from "vue";
 import { withInstall as ie } from "@das-fed/upf-utils/with-install/index";
 import { CheckboxGroup as de } from "ant-design-vue/es";
 import "ant-design-vue/es/checkbox/style/css";
@@ -7,24 +7,23 @@ import { Checkbox as H } from "ant-design-vue";
 import { DasAutoRegisterIcon as ce, DasIcon as J } from "@das-fed/upf-ui/packages/components/icon/index";
 import { vDasTooltip as x } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
 import { useModelValue as K } from "@das-fed/upf-utils/vue";
-import { useFormSize as ne } from "@das-fed/upf-ui/packages/components/form";
-import { setThemeRule as fe } from "@das-fed/upf-web/packages/theme/index";
-const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
+import { setThemeRule as ne } from "@das-fed/upf-web/packages/theme/index";
+const fe = { class: "label" }, he = ["onClick", "onBlur", "tabindex"], be = {
   key: 0,
   class: "square-select-icon"
-}, ve = {
+}, pe = {
   key: 1,
   class: "empty-text"
-}, ke = ["onClick", "tabindex"], me = {
+}, ve = ["onClick", "tabindex"], ke = {
   key: 6,
   class: "das-checkbox-error-label-content"
-}, ye = {
+}, me = {
   key: 0,
   class: "das-input-error-label"
-}, ge = {
+}, ye = {
   key: 7,
   class: "das-checkbox-overlay-error-label-content"
-}, xe = { class: "label" }, Te = /* @__PURE__ */ ae({
+}, ge = { class: "label" }, xe = /* @__PURE__ */ ae({
   __name: "Index",
   props: {
     modelValue: { default: null },
@@ -48,27 +47,28 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
     teleported: { type: Boolean, default: !0 },
     errorMode: { default: "default" },
     isErrorTitle: { type: Boolean, default: !1 },
-    noSetDefaultVal: { type: Boolean, default: !1 }
+    noSetDefaultVal: { type: Boolean, default: !1 },
+    formSize: {}
   },
   emits: ["change", "update:modelValue", "update:indeterminate"],
   setup(T, { emit: S }) {
     ce({
       select: import("@das-fed/upf-ui/packages/icons/select")
     });
-    const t = T, z = m(() => t.noSetDefaultVal ? "" : "-"), D = le({
+    const t = T, z = p(() => t.noSetDefaultVal ? "" : "-"), D = le({
       checkboxValue: null,
       isFocus: !1,
       checkboxLayout: "",
       checkboxIndeterminate: !1
     });
-    let { checkboxValue: s, isFocus: F, checkboxIndeterminate: v } = oe(D);
-    const I = t.layout, k = S;
+    let { checkboxValue: s, isFocus: F, checkboxIndeterminate: k } = oe(D);
+    const I = t.layout, m = S;
     te(() => {
-      s.value = t.modelValue, v.value = t.indeterminate, t.checkboxType == "default" && t.optionType == "default" && t.modelValue && (v.value = !1);
+      s.value = t.modelValue, k.value = t.indeterminate, t.checkboxType == "default" && t.optionType == "default" && t.modelValue && (k.value = !1);
     }), se(s, (e) => {
-      k("update:modelValue", e);
+      m("update:modelValue", e);
     });
-    const f = K(t, "defaultProps"), V = K(t, "options"), h = m(() => V.value.length ? V.value.map((e) => {
+    const f = K(t, "defaultProps"), V = K(t, "options"), h = p(() => V.value.length ? V.value.map((e) => {
       var l;
       return {
         value: e[f.value.value],
@@ -79,7 +79,7 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
         mutual: e.mutual
       };
     }) : []), O = () => {
-      v && (v.value = !1, k("update:indeterminate", v.value), k("update:modelValue", s.value)), k("change", s.value);
+      k && (k.value = !1, m("update:indeterminate", k.value), m("update:modelValue", s.value)), m("change", s.value);
     }, X = t.disabled, Y = h.value.some((e) => !!e.mutual), L = (e, l) => {
       if (!X)
         if (e == "group") {
@@ -88,10 +88,10 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
             i.checked = !1;
           }), l.checked = !0) : (l.checked = !l.checked, h.value.forEach((i) => {
             i.mutual && (i.checked = !h.value.some((a) => a.checked));
-          })) : l.checked = !l.checked, l.isFocus = !0, s.value = h.value.filter((i) => i.checked).map((i) => i.value), k("change", s.value);
+          })) : l.checked = !l.checked, l.isFocus = !0, s.value = h.value.filter((i) => i.checked).map((i) => i.value), m("change", s.value);
         } else
-          s.value = !s.value, F.value = !0, k("change", s.value);
-    }, R = m(() => {
+          s.value = !s.value, F.value = !0, m("change", s.value);
+    }, R = p(() => {
       var e, l, i;
       if (!t.isView) return [];
       if ((!((e = V.value) != null && e.length) || !((l = s.value) != null && l.length)) && t.checkboxType == "group") return [];
@@ -113,7 +113,7 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
       }
     }), P = (e, l) => {
       e == "group" ? l.isFocus = !1 : F.value = !1;
-    }, Z = m(() => t.maxWidth ? t.maxWidth : t.width), b = m(() => {
+    }, Z = p(() => t.maxWidth ? t.maxWidth : t.width), b = p(() => {
       let e = `${Number(String(Z.value).split("px")[0])}`;
       if (t.maxWidth)
         return `max-width:${e}px`;
@@ -125,7 +125,7 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
         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 = ne(), ee = m(() => ({
+    }, q = p(() => t.formSize), ee = p(() => ({
       "--checkbox-height": q.value && {
         small: "24px",
         default: "32px",
@@ -155,7 +155,7 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
             disabled: e.disabled
           }, e.$attrs, {
             optionType: e.optionType,
-            indeterminate: r(v),
+            indeterminate: r(k),
             onChange: O,
             class: [e.size, { nolabel: Object.keys(e.$slots).length == 0 }]
           }), {
@@ -198,7 +198,7 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
               style: y(b.value)
             },
             [
-              g((o(), u("div", he, [
+              g((o(), u("div", fe, [
                 C(e.$slots, "default", {}, void 0, !0)
               ])), [
                 [r(x)]
@@ -242,7 +242,7 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
                         }, () => [
                           g((o(), u("div", null, [
                             N(
-                              p(a.label),
+                              v(a.label),
                               1
                               /* TEXT */
                             )
@@ -291,7 +291,7 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
                   tabindex: d,
                   key: d
                 }, [
-                  a.checked ? (o(), u("span", pe, [
+                  a.checked ? (o(), u("span", be, [
                     G(r(J), {
                       size: "mini",
                       icon: "select",
@@ -301,14 +301,14 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
                   ])) : c("v-if", !0),
                   g((o(), u("div", null, [
                     N(
-                      p(a.label),
+                      v(a.label),
                       1
                       /* TEXT */
                     )
                   ])), [
                     [r(x)]
                   ])
-                ], 46, be))),
+                ], 46, he))),
                 128
                 /* KEYED_FRAGMENT */
               ))
@@ -349,7 +349,7 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
                       },
                       [
                         N(
-                          p(a[r(f).label]),
+                          v(a[r(f).label]),
                           1
                           /* TEXT */
                         )
@@ -367,8 +367,8 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
                 /* KEYED_FRAGMENT */
               )) : (o(), u(
                 "span",
-                ve,
-                p(z.value),
+                pe,
+                v(z.value),
                 1
                 /* TEXT */
               ))
@@ -398,7 +398,7 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
                   onClick: (w) => L("group", a),
                   tabindex: d,
                   key: d
-                }, p(a.label), 11, ke))),
+                }, v(a.label), 11, ve))),
                 128
                 /* KEYED_FRAGMENT */
               ))
@@ -406,20 +406,20 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
             2
             /* CLASS */
           )) : c("v-if", !0),
-          e.error && e.errorLabel && e.errorMode === "default" ? (o(), u("div", me, [
+          e.error && e.errorLabel && e.errorMode === "default" ? (o(), u("div", ke, [
             e.error ? (o(), u(
               "span",
-              ye,
-              p(e.errorLabel),
+              me,
+              v(e.errorLabel),
               1
               /* TEXT */
             )) : c("v-if", !0)
           ])) : c("v-if", !0),
-          e.error && e.errorLabel && e.errorMode === "overlay" ? (o(), u("div", ge, [
+          e.error && e.errorLabel && e.errorMode === "overlay" ? (o(), u("div", ye, [
             j(
               "span",
-              xe,
-              p(e.errorLabel),
+              ge,
+              v(e.errorLabel),
               1
               /* TEXT */
             )
@@ -430,12 +430,12 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
       );
     };
   }
-}), Ve = (T, S) => {
+}), Te = (T, S) => {
   const t = T.__vccOpts || T;
   for (const [z, D] of S)
     t[z] = D;
   return t;
-}, qe = /* @__PURE__ */ Ve(Te, [["__scopeId", "data-v-38011197"]]), we = {
+}, Ve = /* @__PURE__ */ Te(xe, [["__scopeId", "data-v-ce69583e"]]), qe = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -448,10 +448,10 @@ const he = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], pe = {
   "--das-ui-radio-bgff": "#fff",
   "--das-ui-radio-shadow": "rgba(85, 130, 243, 0.1)"
 };
-fe(we);
-const Ee = () => Q(null), We = ie(qe);
+ne(qe);
+const Le = () => Q(null), Re = ie(Ve);
 export {
-  We as DasCheckbox,
-  Ee as DasCheckboxRef,
-  We as default
+  Re as DasCheckbox,
+  Le as DasCheckboxRef,
+  Re as default
 };

package/packages/components/checkbox/src/type.d.ts

@@ -63,5 +63,8 @@ export interface Props {
   
   isErrorTitle?: boolean
   
-  noSetDefaultVal?: boolean;
+  noSetDefaultVal?: boolean
+
+  
+  formSize?: 'small' | 'default' | 'large'
 }

package/packages/components/checkbox/style.css

@@ -1 +1 @@
-.empty-text[data-v-38011197]{font-size:var(--das-upf-ui-font-size-sm);color:var(--das-ui-radio-font-normal)}.das-ui-checkbox[data-v-38011197]{position:relative}.das-ui-checkbox .label[data-v-38011197]{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-38011197]{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-38011197]: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-38011197]: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-38011197]{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-38011197]: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-38011197]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-38011197]{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-38011197]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-38011197]{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-38011197]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-38011197]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-38011197]{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-38011197]{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-38011197]: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-38011197]{color:var(--das-ui-radio-font-normal)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-38011197]{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-38011197]: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-38011197]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-38011197]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-38011197]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-38011197]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-38011197]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-38011197]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-38011197]{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-38011197]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-38011197]{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-38011197]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-38011197]{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-38011197]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-38011197]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-38011197]{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-38011197]: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-38011197]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-38011197]{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-38011197]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-38011197],.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-38011197]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view.label-min-width[data-v-38011197]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-38011197]{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-38011197]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-38011197]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-38011197]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-38011197]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-38011197]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-38011197]{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-38011197]{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-38011197]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-38011197]{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-38011197]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.das-ui-checkbox[data-v-38011197] .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-ce69583e]{font-size:var(--das-upf-ui-font-size-sm);color:var(--das-ui-radio-font-normal)}.das-ui-checkbox[data-v-ce69583e]{position:relative}.das-ui-checkbox .label[data-v-ce69583e]{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-ce69583e]{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-ce69583e]: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-ce69583e]: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-ce69583e]{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-ce69583e]: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-ce69583e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-ce69583e]{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-ce69583e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-ce69583e]{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-ce69583e]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-ce69583e]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-ce69583e]{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-ce69583e]{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-ce69583e]: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-ce69583e]{color:var(--das-ui-radio-font-normal)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-ce69583e]{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-ce69583e]: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-ce69583e]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-ce69583e]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-ce69583e]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-ce69583e]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-ce69583e]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-ce69583e]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-ce69583e]{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-ce69583e]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-ce69583e]{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-ce69583e]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-ce69583e]{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-ce69583e]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-ce69583e]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-ce69583e]{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-ce69583e]: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-ce69583e]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-ce69583e]{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-ce69583e]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-ce69583e],.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-ce69583e]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view.label-min-width[data-v-ce69583e]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-ce69583e]{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-ce69583e]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-ce69583e]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-ce69583e]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-ce69583e]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-ce69583e]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-ce69583e]{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-ce69583e]{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-ce69583e]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-ce69583e]{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-ce69583e]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.das-ui-checkbox[data-v-ce69583e] .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/color-picker/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/upf-ui/packages/components/color-picker/style.css';
-import { defineComponent as x, computed as z, ref as y, createElementBlock as V, openBlock as c, createVNode as k, createCommentVNode as w, unref as e, mergeProps as N, isRef as I, withCtx as f, createBlock as v, createElementVNode as P, Fragment as O, renderList as $, normalizeStyle as H, normalizeClass as C, toDisplayString as F } from "vue";
+import { defineComponent as x, computed as z, ref as y, createElementBlock as V, openBlock as c, createVNode as k, createCommentVNode as w, unref as e, mergeProps as N, isRef as I, withCtx as f, createBlock as v, createElementVNode as P, Fragment as O, renderList as $, normalizeStyle as S, normalizeClass as C, toDisplayString as F } from "vue";
 import { withInstall as A } from "@das-fed/upf-utils/with-install/index";
-import { currentLang as L, t as S, setI18nRule as M } from "@das-fed/upf-web/packages/i18n/index";
+import { currentLang as L, t as H, setI18nRule as M } from "@das-fed/upf-web/packages/i18n/index";
 import { DasDropdown as U, DasDropdownMenu as j } from "@das-fed/upf-ui/packages/components/dropdown/index";
 import { DasAutoRegisterIcon as q, DasIcon as G } from "@das-fed/upf-ui/packages/components/icon/index";
 import { DasInput as J } from "@das-fed/upf-ui/packages/components/input/index";
@@ -37,7 +37,8 @@ const Z = (t, d) => {
     isView: { type: Boolean, default: !1 },
     borderType: { default: "bordered" },
     placeholder: { default: "" },
-    noSetDefaultVal: { type: Boolean, default: !1 }
+    noSetDefaultVal: { type: Boolean, default: !1 },
+    formSize: {}
   },
   emits: ["update:modelValue", "change", "dasInput"],
   setup(t, { emit: d }) {
@@ -46,7 +47,7 @@ const Z = (t, d) => {
       fold: import("@das-fed/upf-ui/packages/icons/fold"),
       close2: import("@das-fed/upf-ui/packages/icons/close-2")
     });
-    const p = z(() => L.value === "zh-CN" ? W : X), _ = z(() => l.placeholder || S("请输入")), { innerValue: i, inputChangeHandler: a, inputInputHandler: R, colorOption: o, colorPickerValue: h } = Z(l, u), b = y(), m = y(!1), B = (s) => {
+    const p = z(() => L.value === "zh-CN" ? W : X), _ = z(() => l.placeholder || H("请输入")), { innerValue: i, inputChangeHandler: a, inputInputHandler: R, colorOption: o, colorPickerValue: h } = Z(l, u), b = y(), m = y(!1), B = (s) => {
       var n, r;
       u("change", s), i.value = s, (r = (n = b.value) == null ? void 0 : n.getElRef()) == null || r.handleClose(), m.value = !1;
     }, D = () => {
@@ -123,7 +124,7 @@ const Z = (t, d) => {
                     e(i) && e(i) != "-",
                     { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
                   ]),
-                  style: H("background-color:" + e(i))
+                  style: S("background-color:" + e(i))
                 },
                 [
                   k(e(G), {
@@ -146,7 +147,7 @@ const Z = (t, d) => {
                       $(e(o).predefine, (r, T) => (c(), V("div", {
                         class: C(["color-predefine-span", { active: e(i) == r }]),
                         key: T,
-                        style: H("background-color:" + r),
+                        style: S("background-color:" + r),
                         onClick: (se) => B(r)
                       }, null, 14, le))),
                       128
@@ -172,7 +173,7 @@ const Z = (t, d) => {
           class: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
           onClick: D
         },
-        F(e(S)("请选择")),
+        F(e(H)("请选择")),
         3
         /* TEXT, CLASS */
       )) : w("v-if", !0)

package/packages/components/color-picker/src/type.d.ts

@@ -19,6 +19,9 @@ export interface Props {
 
   
   noSetDefaultVal?: boolean
+
+  
+  formSize?: 'small' | 'default' | 'large'
 }
 
 export interface Emits {