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

package/packages/components/select-input/index.js

@@ -1,17 +1,16 @@
 import '@das-fed/upf-ui/packages/components/select-input/style.css';
-import { withInstall as F } from "@das-fed/upf-utils/with-install/index";
-import { setThemeRule as H } from "@das-fed/upf-web/packages/theme/index";
-import { computed as D, ref as b, defineComponent as k, createBlock as z, openBlock as L, unref as e, normalizeClass as x, isRef as v, createSlots as E, withCtx as y, createVNode as B } from "vue";
+import { withInstall as H } from "@das-fed/upf-utils/with-install/index";
+import { setThemeRule as z } from "@das-fed/upf-web/packages/theme/index";
+import { computed as S, ref as b, defineComponent as D, createBlock as k, openBlock as L, unref as e, normalizeClass as x, isRef as v, createSlots as E, withCtx as y, createVNode as B } from "vue";
 import { DasInput as W } from "@das-fed/upf-ui/packages/components/input/index";
 import { DasIconSearch as K } from "@das-fed/upf-ui/packages/icons/search/index";
 import { DasSelect as N } from "@das-fed/upf-ui/packages/components/select/index";
 import { useModelValue as C } from "@das-fed/upf-utils/vue";
-import { useFormSize as P } from "@das-fed/upf-ui/packages/components/form";
 import "@das-fed/upf-ui/packages/global/theme";
-const A = (n, a) => {
-  const u = C(n, "modelValue"), i = C(n, "optionValue"), l = C(n, "isExpandAtFocus"), s = D(() => typeof n.width == "number" ? n.width + "px" : n == null ? void 0 : n.width), f = () => {
-    a("update:modelValue", u.value);
-  }, m = (o) => {
+const P = (n, a) => {
+  const s = C(n, "modelValue"), i = C(n, "optionValue"), l = C(n, "isExpandAtFocus"), u = S(() => typeof n.width == "number" ? n.width + "px" : n == null ? void 0 : n.width), m = () => {
+    a("update:modelValue", s.value);
+  }, f = (o) => {
     a("update:modelValue", o), a("inputChange", o);
   }, h = (o) => {
     a("update:modelValue", o), a("dasInput", o);
@@ -19,27 +18,27 @@ const A = (n, a) => {
     a("update:optionValue", o), a("selectChange", o);
   }, d = b(""), r = b(!1);
   return {
-    innerValue: u,
+    innerValue: s,
     selectValue: i,
-    inputChangeHandler: m,
+    inputChangeHandler: f,
     selectChangeHandler: V,
     inputInputHandler: h,
-    searchHandler: f,
+    searchHandler: m,
     inputWidth: d,
     isFocus: r,
     onFocus: () => {
       var p;
       if (!l.value) return;
-      let o = (p = s.value) == null ? void 0 : p.replace("px", "");
-      d.value = s.value && o * 1 > 400 ? s.value : "400px", r.value = !0;
+      let o = (p = u.value) == null ? void 0 : p.replace("px", "");
+      d.value = u.value && o * 1 > 400 ? u.value : "400px", r.value = !0;
     },
     onBlur: () => {
       l.value && (d.value = "", r.value = !1);
     },
     isExpandInput: l,
-    selectInputWidth: s
+    selectInputWidth: u
   };
-}, T = /* @__PURE__ */ k({
+}, A = /* @__PURE__ */ D({
   __name: "Index",
   props: {
     options: { default: [] },
@@ -55,15 +54,16 @@ const A = (n, a) => {
     error: { type: Boolean },
     isSearch: { type: Boolean, default: !1 },
     isExpandAtFocus: { type: Boolean, default: !1 },
-    width: { default: "268px" }
+    width: { default: "268px" },
+    formSize: {}
   },
   emits: ["update:modelValue", "update:optionValue", "inputChange", "dasInput", "selectChange"],
   setup(n, { emit: a }) {
-    const u = n, i = a, {
+    const s = n, i = a, {
       innerValue: l,
-      selectValue: s,
-      inputChangeHandler: f,
-      selectChangeHandler: m,
+      selectValue: u,
+      inputChangeHandler: m,
+      selectChangeHandler: f,
       inputInputHandler: h,
       searchHandler: V,
       inputWidth: d,
@@ -72,8 +72,8 @@ const A = (n, a) => {
       onBlur: w,
       isExpandInput: o,
       selectInputWidth: p
-    } = A(u, i), S = P();
-    return (t, c) => (L(), z(e(W), {
+    } = P(s, i), F = S(() => s.formSize);
+    return (t, c) => (L(), k(e(W), {
       class: x(["das-select-input", { "is-error": t.error, "is-search": t.isSearch, "is-disabled": t.disabled }]),
       modelValue: e(l),
       "onUpdate:modelValue": c[1] || (c[1] = (g) => v(l) ? l.value = g : null),
@@ -84,10 +84,10 @@ const A = (n, a) => {
       filterSpace: !1,
       isTitle: !t.isExpandAtFocus,
       onInput: e(h),
-      onChange: e(f),
+      onChange: e(m),
       onFocus: e(I),
       onBlur: e(w),
-      size: e(S) || "default"
+      size: F.value || "default"
     }, E({
       prepend: y(() => [
         B(e(N), {
@@ -95,8 +95,8 @@ const A = (n, a) => {
           disabled: t.disabled,
           isView: t.isView,
           dropdownClassName: "das-select-input-select-container",
-          modelValue: e(s),
-          "onUpdate:modelValue": c[0] || (c[0] = (g) => v(s) ? s.value = g : null),
+          modelValue: e(u),
+          "onUpdate:modelValue": c[0] || (c[0] = (g) => v(u) ? u.value = g : null),
           width: "auto",
           dropdownMatchSelectWidth: !1,
           "border-type": "none",
@@ -106,7 +106,7 @@ const A = (n, a) => {
             value: t.optionsValueKey,
             label: t.optionsLabelKey
           },
-          onChange: e(m)
+          onChange: e(f)
         }, null, 8, ["disabled", "isView", "modelValue", "options", "getPopupContainer", "fieldNames", "onChange"])
       ]),
       _: 2
@@ -124,17 +124,17 @@ const A = (n, a) => {
       } : void 0
     ]), 1032, ["class", "modelValue", "width", "disabled", "isView", "maxLength", "isTitle", "onInput", "onChange", "onFocus", "onBlur", "size"]));
   }
-}), M = (n, a) => {
-  const u = n.__vccOpts || n;
+}), T = (n, a) => {
+  const s = n.__vccOpts || n;
   for (const [i, l] of a)
-    u[i] = l;
-  return u;
-}, R = /* @__PURE__ */ M(T, [["__scopeId", "data-v-f738cff4"]]), U = {
+    s[i] = l;
+  return s;
+}, M = /* @__PURE__ */ T(A, [["__scopeId", "data-v-23848c4a"]]), R = {
   "--das-ui-select-input-border-color": { light: "#999" },
   "--das-ui-select-input-border-color-search": { light: "#D9D9D9" }
-}, $ = F(R);
-H(U);
+}, Y = H(M);
+z(R);
 export {
-  $ as DasSelectInput,
-  $ as default
+  Y as DasSelectInput,
+  Y as default
 };

package/packages/components/select-input/src/type.d.ts

@@ -35,10 +35,13 @@ export interface Props {
   
   isSearch?: boolean
 
-   
-   isExpandAtFocus?: boolean 
+  
+  isExpandAtFocus?: boolean
+
+  width?: string | number
 
-   width?:string | number
+  
+  formSize?: 'small' | 'default' | 'large'
 }
 
 export interface Emits {

package/packages/components/select-input/style.css

@@ -1 +1 @@
-.das-ui-input.only-border-bottom[data-v-f738cff4]{transition:width .3s ease}.das-ui-input.only-border-bottom[data-v-f738cff4] .das-select-input{height:24px}.das-ui-input.only-border-bottom[data-v-f738cff4] .das-select-input.el-input.el-input-group{border-color:var(--das-ui-select-input-border-color)}.das-ui-input.only-border-bottom[data-v-f738cff4] .das-select-input.el-input.el-input-group.is-search{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-f738cff4] .das-select-input.el-input.el-input-group.input-focus-color,.das-ui-input.only-border-bottom[data-v-f738cff4] .das-select-input.el-input.el-input-group:hover{border-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-f738cff4] .das-select-input.el-input.el-input-group.is-disabled{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-f738cff4] .das-select-input.el-input.el-input-group.is-error{border-color:var(--das-ui-input-error-color)}.das-ui-input.only-border-bottom[data-v-f738cff4] .das-select-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-input.only-border-bottom[data-v-f738cff4] .das-select-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}[data-v-f738cff4] .el-input__icon{font-size:16px}.das-select-input-select-container.ant-select-dropdown{min-width:100px!important;padding:8px 0;max-height:328px;max-width:180px}.das-select-input-select-container.ant-select-dropdown .rc-virtual-list-holder{max-height:160px!important}.das-select-input .das-ui-select{min-width:68px}
+.das-ui-input.only-border-bottom[data-v-23848c4a]{transition:width .3s ease}.das-ui-input.only-border-bottom[data-v-23848c4a] .das-select-input{height:24px}.das-ui-input.only-border-bottom[data-v-23848c4a] .das-select-input.el-input.el-input-group{border-color:var(--das-ui-select-input-border-color)}.das-ui-input.only-border-bottom[data-v-23848c4a] .das-select-input.el-input.el-input-group.is-search{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-23848c4a] .das-select-input.el-input.el-input-group.input-focus-color,.das-ui-input.only-border-bottom[data-v-23848c4a] .das-select-input.el-input.el-input-group:hover{border-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-23848c4a] .das-select-input.el-input.el-input-group.is-disabled{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-23848c4a] .das-select-input.el-input.el-input-group.is-error{border-color:var(--das-ui-input-error-color)}.das-ui-input.only-border-bottom[data-v-23848c4a] .das-select-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-input.only-border-bottom[data-v-23848c4a] .das-select-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}[data-v-23848c4a] .el-input__icon{font-size:16px}.das-select-input-select-container.ant-select-dropdown{min-width:100px!important;padding:8px 0;max-height:328px;max-width:180px}.das-select-input-select-container.ant-select-dropdown .rc-virtual-list-holder{max-height:160px!important}.das-select-input .das-ui-select{min-width:68px}

package/packages/components/switch/index.js

@@ -1,65 +1,64 @@
 import '@das-fed/upf-ui/packages/components/switch/style.css';
 import { withInstall as f } from "@das-fed/upf-utils/with-install/index";
 import { setThemeRule as p } from "@das-fed/upf-web/packages/theme/index";
-import { defineComponent as h, computed as n, ref as _, onMounted as w, createElementBlock as S, openBlock as v, normalizeStyle as x, createVNode as z, unref as y, mergeProps as B } from "vue";
+import { defineComponent as h, computed as r, ref as _, onMounted as w, createElementBlock as S, openBlock as v, normalizeStyle as x, createVNode as z, unref as y, mergeProps as B } from "vue";
 import { ElSwitch as V } from "element-plus";
 import "element-plus/es/components/switch/style/css";
-import { useFormSize as b } from "@das-fed/upf-ui/packages/components/form";
-const g = {
+const b = {
   inheritAttrs: !1
-}, D = /* @__PURE__ */ h({
-  ...g,
+}, g = /* @__PURE__ */ h({
+  ...b,
   __name: "Index",
   props: {
     modelValue: { type: [Boolean, String, Number], default: !0 },
     size: { default: "small" }
   },
-  setup(o, { expose: a }) {
-    const e = o, s = n(() => e.modelValue), i = n(() => e.size ? e.size : "small"), c = _(null), m = () => {
-      var t, r;
-      const l = (r = (t = c.value) == null ? void 0 : t.$el) == null ? void 0 : r.querySelector(".el-switch__input");
+  setup(o, { expose: i }) {
+    const e = o, s = r(() => e.modelValue), c = r(() => e.size ? e.size : "small"), n = _(null), d = () => {
+      var t, a;
+      const l = (a = (t = n.value) == null ? void 0 : t.$el) == null ? void 0 : a.querySelector(".el-switch__input");
       l && l.setAttribute("tabindex", "-1");
-    }, u = b(), d = n(() => ({
+    }, u = r(() => e.formSize), m = r(() => ({
       "--switch-height": u.value && {
         small: "24px",
         default: "32px",
         large: "40px"
       }[u.value]
     }));
-    return w(m), a({
-      $refSwitch: c
+    return w(d), i({
+      $refSwitch: n
     }), (l, t) => (v(), S(
       "div",
       {
         class: "das-ui-switch",
-        style: x(d.value)
+        style: x(m.value)
       },
       [
         z(y(V), B({
           ref_key: "$refSwitch",
-          ref: c,
+          ref: n,
           modelValue: s.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (r) => s.value = r)
-        }, l.$attrs, { size: i.value }), null, 16, ["modelValue", "size"])
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => s.value = a)
+        }, l.$attrs, { size: c.value }), null, 16, ["modelValue", "size"])
       ],
       4
       /* STYLE */
     ));
   }
-}), k = (o, a) => {
+}), D = (o, i) => {
   const e = o.__vccOpts || o;
-  for (const [s, i] of a)
-    e[s] = i;
+  for (const [s, c] of i)
+    e[s] = c;
   return e;
-}, F = /* @__PURE__ */ k(D, [["__scopeId", "data-v-2529e92f"]]), I = {
+}, k = /* @__PURE__ */ D(g, [["__scopeId", "data-v-f60acac9"]]), I = {
   "--das-ui-switch-on-color": "#5582F3",
   "--das-ui-switch-off-color": "#B2B2B2",
   "--das-ui-switch-on-color-disabled": "#B5CAFF",
   "--das-ui-switch-off-color-disabled": "#D9D9D9"
 };
 p(I);
-const q = f(F);
+const N = f(k);
 export {
-  q as DasSwitch,
-  q as default
+  N as DasSwitch,
+  N as default
 };

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

@@ -39,6 +39,9 @@ export interface Props {
   id?: string
   
   tabindex?: string | number
+
+  
+  formSize?: 'small' | 'default' | 'large'
 }
 export interface Emits {
   

package/packages/components/switch/style.css

@@ -1 +1 @@
-.das-ui-switch[data-v-2529e92f]{display:inline-flex;height:var(--switch-height);align-items:center}.das-ui-switch[data-v-2529e92f] .el-switch{--el-switch-on-color: var(--das-ui-switch-on-color);--el-switch-off-color: var(--das-ui-switch-off-color)}.das-ui-switch[data-v-2529e92f] .el-switch.is-disabled{--el-switch-on-color: var(--das-ui-switch-on-color-disabled);--el-switch-off-color: var(--das-ui-switch-off-color-disabled);opacity:1}.das-ui-switch[data-v-2529e92f] .el-switch.el-switch--small{height:16px}.das-ui-switch[data-v-2529e92f] .el-switch.el-switch--small .el-switch__core{min-width:32px}.das-ui-switch[data-v-2529e92f] .el-switch.el-switch--small .el-switch__core .el-switch__action{width:14px;height:14px;left:0}.das-ui-switch[data-v-2529e92f] .el-switch.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 14px)}.das-ui-switch[data-v-2529e92f] .el-switch.el-switch--default{height:20px}.das-ui-switch[data-v-2529e92f] .el-switch.el-switch--default .el-switch__core .el-switch__action{width:18px;height:18px;left:0}.das-ui-switch[data-v-2529e92f] .el-switch.el-switch--default.is-checked .el-switch__core .el-switch__action{left:calc(100% - 18px)}.das-ui-switch[data-v-2529e92f] .el-switch .el-switch__core .el-switch__action .el-icon{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1686210106297'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='11699'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%2064c247.424%200%20448%20200.576%20448%20448%200%2093.76-28.928%20183.296-81.92%20258.304a32%2032%200%200%201-52.256-36.96A382.048%20382.048%200%200%200%20896%20512c0-212.064-171.936-384-384-384a32%2032%200%200%201%200-64z'%20p-id='11700'%20fill='%235480F0'%3e%3c/path%3e%3c/svg%3e");background-size:cover}.das-ui-switch[data-v-2529e92f] .el-switch .el-switch__core .el-switch__action .el-icon.is-loading{animation:rotating 1s linear infinite}.das-ui-switch[data-v-2529e92f] .el-switch .el-switch__core .el-switch__action .el-icon svg{display:none}
+.das-ui-switch[data-v-f60acac9]{display:inline-flex;height:var(--switch-height);align-items:center}.das-ui-switch[data-v-f60acac9] .el-switch{--el-switch-on-color: var(--das-ui-switch-on-color);--el-switch-off-color: var(--das-ui-switch-off-color)}.das-ui-switch[data-v-f60acac9] .el-switch.is-disabled{--el-switch-on-color: var(--das-ui-switch-on-color-disabled);--el-switch-off-color: var(--das-ui-switch-off-color-disabled);opacity:1}.das-ui-switch[data-v-f60acac9] .el-switch.el-switch--small{height:16px}.das-ui-switch[data-v-f60acac9] .el-switch.el-switch--small .el-switch__core{min-width:32px}.das-ui-switch[data-v-f60acac9] .el-switch.el-switch--small .el-switch__core .el-switch__action{width:14px;height:14px;left:0}.das-ui-switch[data-v-f60acac9] .el-switch.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 14px)}.das-ui-switch[data-v-f60acac9] .el-switch.el-switch--default{height:20px}.das-ui-switch[data-v-f60acac9] .el-switch.el-switch--default .el-switch__core .el-switch__action{width:18px;height:18px;left:0}.das-ui-switch[data-v-f60acac9] .el-switch.el-switch--default.is-checked .el-switch__core .el-switch__action{left:calc(100% - 18px)}.das-ui-switch[data-v-f60acac9] .el-switch .el-switch__core .el-switch__action .el-icon{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1686210106297'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='11699'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%2064c247.424%200%20448%20200.576%20448%20448%200%2093.76-28.928%20183.296-81.92%20258.304a32%2032%200%200%201-52.256-36.96A382.048%20382.048%200%200%200%20896%20512c0-212.064-171.936-384-384-384a32%2032%200%200%201%200-64z'%20p-id='11700'%20fill='%235480F0'%3e%3c/path%3e%3c/svg%3e");background-size:cover}.das-ui-switch[data-v-f60acac9] .el-switch .el-switch__core .el-switch__action .el-icon.is-loading{animation:rotating 1s linear infinite}.das-ui-switch[data-v-f60acac9] .el-switch .el-switch__core .el-switch__action .el-icon svg{display:none}

package/packages/components/form/hooks/use-form-size.d.ts

@@ -1,3 +0,0 @@
-type FormSize = 'small' | 'default' | 'large';
-export declare function useFormSize(): import("vue").ComputedRef<FormSize | undefined>;
-export {};