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

package/packages/components/special-range-picker-year/src/Index.vue.d.ts

@@ -16,8 +16,8 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     disabled: boolean;
     width: string;
     isView: boolean;
+    borderType: "underline" | "bordered" | "none";
     errorMode: "default" | "overlay";
     errorModelZIndex: number;
-    borderType: "underline" | "bordered" | "none";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/packages/components/special-range-picker-year/src/hooks/use-date-popover.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 export declare const useDataPopover: (leftMonth: Ref<number>, rightMonth: Ref<number>, currentValue: Ref<[string, string]>, clickType: Ref<"begin" | "end" | undefined>, clickTimes: Ref<number>, innerValue: any, hidePopover: () => void) => {
     popClickData: Ref<{
         begin: string;

package/packages/components/special-range-picker-year/src/hooks/use-error.d.ts

@@ -1,18 +1,9 @@
-import { Ref } from 'vue';
 export declare const useError: (props: any) => {
-    $dasSpecialRangeYearPicker: Ref<any, any>;
-    isHoverInInput: Ref<boolean, boolean>;
-    errorModalBaseSyle: import("vue").ComputedRef<{
-        'font-size': string;
-        'background-color': any;
-        'box-shadow': string;
-        'border-radius': string;
-        padding: string;
-        'box-sizing': string;
-        'z-index': any;
-    }>;
+    $dasSpecialRangeYearPicker: import("vue").Ref<any, any>;
+    isHoverInInput: import("vue").Ref<boolean, boolean>;
+    errorModalBaseSyle: import("vue").ComputedRef<any>;
     errorModelStyle: import("vue").ComputedRef<any>;
-    errorLabelStyle: Ref<Record<any, any>, Record<any, any>>;
+    errorLabelStyle: import("vue").Ref<Record<any, any>, Record<any, any>>;
     errorModalInputMouseEnter: () => void;
     errorModallInputMouseLeave: () => void;
 };

package/packages/components/special-range-picker-year/style.css

@@ -1 +1 @@
-.das-special-range-picker-error-label-content[data-v-10a253c1]{width:var(--72fcbd18);font-size:12px;left:0;top:100%;line-height:18px;font-weight:400;letter-spacing:0;color:var(--das-ui-special-range-picker-error);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-special-range-picker-overlay-error-label-content[data-v-10a253c1]{position:absolute;top:100%;left:0;width:var(--72fcbd18)}.das-ui-special-range-picker-year-container[data-v-10a253c1]{width:100%;box-sizing:border-box;background-color:var(--das-ui-special-range-picker-color-white)}.das-ui-special-range-picker-year-container.large[data-v-10a253c1],.das-ui-special-range-picker-year-container.table[data-v-10a253c1]{height:30px}.das-ui-special-range-picker-year-container.medium[data-v-10a253c1]{height:24px}.das-ui-special-range-picker-year-container .date-container[data-v-10a253c1]{display:flex;align-items:center;height:100%;width:100%}.das-ui-special-range-picker-year-container .date-container .icon-delete[data-v-10a253c1]{display:none}.das-ui-special-range-picker-year-container .date-container .placeholder[data-v-10a253c1]{color:var(--das-ui-color-help)}.das-ui-special-range-picker-year-container .date-container .active[data-v-10a253c1]{border-bottom:1px solid var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container .date-container .separator[data-v-10a253c1]{display:flex;align-items:center;width:10px;height:100%;margin:0 8px;color:var(--das-ui-color-normal)}.das-ui-special-range-picker-year-container .date-container .left-date[data-v-10a253c1],.das-ui-special-range-picker-year-container .date-container .right-date[data-v-10a253c1]{flex:1;min-width:0;text-align:left}.das-ui-special-range-picker-year-container .date-container .right-date+div[data-v-10a253c1]:has(.icon-date){height:var(--das-ui-font-size-lg)}.das-ui-special-range-picker-year-container .date-container .is-view[data-v-10a253c1]{visibility:hidden}.das-ui-special-range-picker-year-container.underline[data-v-10a253c1]{border-bottom:1px solid;border-color:var(--das-ui-special-range-picker-border-color)}.das-ui-special-range-picker-year-container.bordered[data-v-10a253c1]{border:1px solid;border-color:var(--das-ui-special-range-picker-border-color);padding:0 8px}.das-ui-special-range-picker-year-container.bordered.table .left-date[data-v-10a253c1],.das-ui-special-range-picker-year-container.bordered.table .right-date[data-v-10a253c1]{font-size:var(--das-ui-font-size-sm)}.das-ui-special-range-picker-year-container.active[data-v-10a253c1]{border-color:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container.active .icon-date[data-v-10a253c1]{fill:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container[data-v-10a253c1]:hover{border-color:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container:hover .icon-date[data-v-10a253c1]{fill:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container:hover .icon-date.has-data[data-v-10a253c1]{display:none}.das-ui-special-range-picker-year-container:hover .icon-delete[data-v-10a253c1]{cursor:pointer}.das-ui-special-range-picker-year-container:hover .icon-delete[data-v-10a253c1]:hover{fill:var(--das-ui-special-range-picker-close-btn-hover)}.das-ui-special-range-picker-year-container:hover .icon-delete.has-data[data-v-10a253c1]{display:block}.das-ui-special-range-picker-year-container.disabled[data-v-10a253c1]{border-color:var(--das-ui-special-range-picker-disabled);color:var(--das-ui-color-disabled);cursor:not-allowed}.das-ui-special-range-picker-year-container.disabled.bordered[data-v-10a253c1]{background-color:var(--das-ui-special-range-picker-hover-color)}.das-ui-special-range-picker-year-container.disabled .icon-date[data-v-10a253c1]{fill:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-year-container.readonly[data-v-10a253c1]{cursor:not-allowed;border-color:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-year-container.readonly .icon-date[data-v-10a253c1]{fill:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-year-container.is-error[data-v-10a253c1]{border-color:var(--das-ui-color-danger)}.el-popover.is-light.das-special-range-picker-year-container{width:481px;height:213px;box-shadow:0 3px 6px -4px var(--das-ui-special-range-picker-box-shadow-12),0 6px 16px 0 var(--das-ui-special-range-picker-box-shadow-8),0 9px 28px 8px var(--das-ui-special-range-picker-box-shadow-5);border-radius:2px;border:0;padding:0}.el-popover.is-light.das-special-range-picker-year-container .year-container{width:100%;height:100%;display:flex;align-items:center}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container{height:100%}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header{position:relative;background-color:var(--das-ui-special-range-picker-header-bgcolor);color:var(--das-ui-color-normal);height:37px;line-height:36px;font-weight:600;letter-spacing:0;text-align:center;font-size:14px;border-bottom:1px solid var(--das-ui-special-range-picker-border-color)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-btn{position:absolute;display:flex;align-items:center;width:16px;height:100%;cursor:pointer}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-btn:hover .turn-icon{fill:var(--das-ui-special-range-picker-color-primary)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-btn.disabled{cursor:not-allowed}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-btn.disabled .turn-icon{fill:var(--das-ui-color-disabled)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-left{left:12px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-right{right:12px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover{height:176px;display:flex;align-items:center;flex-wrap:wrap;padding:8px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item{width:32px;height:32px;padding:4px 0;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item .item-text{line-height:24px;text-align:center;width:24px;height:24px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item:hover .item-text{background-color:var(--das-ui-special-range-picker-hover-color)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.in-range .item-text{width:32px;background-color:var(--das-ui-special-range-picker-in-range)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.new-range .item-text{width:32px;background-color:var(--das-ui-special-range-picker-new-range)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-end:before{left:0}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-end .item-text{width:24px;background-color:var(--das-ui-special-range-picker-color-primary);color:var(--das-ui-special-range-picker-color-white)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-start:before{right:0}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-start .item-text{width:24px;background-color:var(--das-ui-special-range-picker-color-primary);color:var(--das-ui-special-range-picker-color-white)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.out-range{cursor:default;pointer-events:none}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.out-range .item-text{width:32px;color:var(--das-ui-color-disabled);background-color:var(--das-ui-special-range-picker-hover-color)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-start:before,.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-end:before{position:absolute;top:50%;z-index:1;width:4px;height:24px;transform:translateY(-50%);transition:all .3s;content:"";background-color:var(--das-ui-special-range-picker-in-range)}.el-popover.is-light.das-special-range-picker-year-container .year-container .left-month-container{width:241px}.el-popover.is-light.das-special-range-picker-year-container .year-container .left-month-container .left-date-container{border-right:1px solid var(--das-ui-special-range-picker-border-color)}.el-popover.is-light.das-special-range-picker-year-container .year-container .right-month-container{width:240px}
+.das-special-range-picker-error-label-content[data-v-97102556]{width:var(--v371f96cf);font-size:12px;left:0;top:100%;line-height:18px;font-weight:400;letter-spacing:0;color:var(--das-ui-special-range-picker-error);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-special-range-picker-overlay-error-label-content[data-v-97102556]{position:absolute;top:100%;left:0;width:var(--v371f96cf)}.das-ui-special-range-picker-year-container[data-v-97102556]{width:100%;box-sizing:border-box;background-color:var(--das-ui-special-range-picker-color-white)}.das-ui-special-range-picker-year-container.large[data-v-97102556],.das-ui-special-range-picker-year-container.table[data-v-97102556]{height:30px}.das-ui-special-range-picker-year-container.medium[data-v-97102556]{height:24px}.das-ui-special-range-picker-year-container .date-container[data-v-97102556]{display:flex;align-items:center;height:100%;width:100%}.das-ui-special-range-picker-year-container .date-container .icon-delete[data-v-97102556]{display:none}.das-ui-special-range-picker-year-container .date-container .placeholder[data-v-97102556]{color:var(--das-ui-color-help)}.das-ui-special-range-picker-year-container .date-container .active[data-v-97102556]{border-bottom:1px solid var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container .date-container .separator[data-v-97102556]{display:flex;align-items:center;width:10px;height:100%;margin:0 8px;color:var(--das-ui-color-normal)}.das-ui-special-range-picker-year-container .date-container .left-date[data-v-97102556],.das-ui-special-range-picker-year-container .date-container .right-date[data-v-97102556]{flex:1;min-width:0;text-align:left}.das-ui-special-range-picker-year-container .date-container .right-date+div[data-v-97102556]:has(.icon-date){height:var(--das-ui-font-size-lg)}.das-ui-special-range-picker-year-container .date-container .is-view[data-v-97102556]{visibility:hidden}.das-ui-special-range-picker-year-container.underline[data-v-97102556]{border-bottom:1px solid;border-color:var(--das-ui-special-range-picker-border-color)}.das-ui-special-range-picker-year-container.bordered[data-v-97102556]{border:1px solid;border-color:var(--das-ui-special-range-picker-border-color);padding:0 8px}.das-ui-special-range-picker-year-container.bordered.table .left-date[data-v-97102556],.das-ui-special-range-picker-year-container.bordered.table .right-date[data-v-97102556]{font-size:var(--das-ui-font-size-sm)}.das-ui-special-range-picker-year-container.active[data-v-97102556]{border-color:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container.active .icon-date[data-v-97102556]{fill:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container[data-v-97102556]:hover{border-color:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container:hover .icon-date.has-data[data-v-97102556]{display:none}.das-ui-special-range-picker-year-container:hover .icon-date[data-v-97102556]{fill:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container:hover .icon-delete[data-v-97102556]{cursor:pointer}.das-ui-special-range-picker-year-container:hover .icon-delete[data-v-97102556]:hover{fill:var(--das-ui-special-range-picker-close-btn-hover)}.das-ui-special-range-picker-year-container:hover .icon-delete.has-data[data-v-97102556]{display:block}.das-ui-special-range-picker-year-container.disabled[data-v-97102556]{border-color:var(--das-ui-special-range-picker-disabled);color:var(--das-ui-color-disabled);cursor:not-allowed}.das-ui-special-range-picker-year-container.disabled.bordered[data-v-97102556]{background-color:var(--das-ui-special-range-picker-hover-color)}.das-ui-special-range-picker-year-container.disabled .icon-date[data-v-97102556]{fill:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-year-container.readonly[data-v-97102556]{cursor:not-allowed}.das-ui-special-range-picker-year-container.readonly .icon-date[data-v-97102556]{fill:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-year-container.readonly[data-v-97102556]{border-color:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-year-container.is-error[data-v-97102556]{border-color:var(--das-ui-color-danger)}.el-popover.is-light.das-special-range-picker-year-container{width:481px;height:213px;box-shadow:0 3px 6px -4px var(--das-ui-special-range-picker-box-shadow-12),0 6px 16px 0 var(--das-ui-special-range-picker-box-shadow-8),0 9px 28px 8px var(--das-ui-special-range-picker-box-shadow-5);border-radius:2px;border:0;padding:0}.el-popover.is-light.das-special-range-picker-year-container .year-container{width:100%;height:100%;display:flex;align-items:center}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container{height:100%}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header{position:relative;background-color:var(--das-ui-special-range-picker-header-bgcolor);color:var(--das-ui-color-normal);height:37px;line-height:36px;font-weight:600;letter-spacing:0;text-align:center;font-size:14px;border-bottom:1px solid var(--das-ui-special-range-picker-border-color)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-btn{position:absolute;display:flex;align-items:center;width:16px;height:100%;cursor:pointer}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-btn:hover .turn-icon{fill:var(--das-ui-special-range-picker-color-primary)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-btn.disabled{cursor:not-allowed}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-btn.disabled .turn-icon{fill:var(--das-ui-color-disabled)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-left{left:12px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-right{right:12px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover{height:176px;display:flex;align-items:center;flex-wrap:wrap;padding:8px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item{width:32px;height:32px;padding:4px 0;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item .item-text{line-height:24px;text-align:center;width:24px;height:24px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item:hover .item-text{background-color:var(--das-ui-special-range-picker-hover-color)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.in-range .item-text{width:32px;background-color:var(--das-ui-special-range-picker-in-range)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.new-range .item-text{width:32px;background-color:var(--das-ui-special-range-picker-new-range)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-end:before{left:0}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-end .item-text{width:24px;background-color:var(--das-ui-special-range-picker-color-primary);color:var(--das-ui-special-range-picker-color-white)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-start:before{right:0}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-start .item-text{width:24px;background-color:var(--das-ui-special-range-picker-color-primary);color:var(--das-ui-special-range-picker-color-white)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.out-range{cursor:default;pointer-events:none}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.out-range .item-text{width:32px;color:var(--das-ui-color-disabled);background-color:var(--das-ui-special-range-picker-hover-color)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-start:before,.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-end:before{position:absolute;top:50%;z-index:1;width:4px;height:24px;transform:translateY(-50%);transition:all .3s;content:"";background-color:var(--das-ui-special-range-picker-in-range)}.el-popover.is-light.das-special-range-picker-year-container .year-container .left-month-container{width:241px}.el-popover.is-light.das-special-range-picker-year-container .year-container .left-month-container .left-date-container{border-right:1px solid var(--das-ui-special-range-picker-border-color)}.el-popover.is-light.das-special-range-picker-year-container .year-container .right-month-container{width:240px}

package/packages/components/spin/index.js

@@ -1,89 +1,93 @@
 import '@das-fed/upf-ui/packages/components/spin/style.css';
-import { getVarValue as u, setThemeRule as _ } from "@das-fed/upf-web/packages/theme/index";
-import { setI18nRule as v, t as g } from "@das-fed/upf-web/packages/i18n/index";
-import { withInstall as $ } from "@das-fed/upf-utils/with-install/index";
-import { openBlock as n, createElementBlock as d, createStaticVNode as m, createElementVNode as l, defineComponent as C, ref as h, useAttrs as z, watch as p, h as e, normalizeClass as S, createVNode as I, unref as f, mergeProps as y, withCtx as L, renderSlot as V } from "vue";
-import { Spin as b } from "ant-design-vue";
+import { setI18nRule as u, t as v } from "@das-fed/upf-web/packages/i18n/index";
+import { withInstall as _ } from "@das-fed/upf-utils/with-install/index";
+import { openBlock as n, createElementBlock as d, createStaticVNode as m, createElementVNode as l, defineComponent as $, ref as C, useAttrs as g, watch as f, h as o, normalizeClass as z, createVNode as S, unref as p, mergeProps as h, withCtx as x, renderSlot as y } from "vue";
+import { Spin as I } from "ant-design-vue";
 import "ant-design-vue/es/spin/style/css";
-import { DasIconLoad as k } from "@das-fed/upf-ui/packages/icons/load/index";
+import { DasIconLoad as L } from "@das-fed/upf-ui/packages/icons/load/index";
 import "@das-fed/upf-ui/packages/global/theme";
-const r = (t, s) => {
-  const o = t.__vccOpts || t;
-  for (const [i, a] of s)
-    o[i] = a;
-  return o;
-}, x = {}, N = { class: "das-spin-container das-spin-page" };
-function B(t, s) {
-  return n(), d("div", N, s[0] || (s[0] = [
+const r = (a, t) => {
+  const i = a.__vccOpts || a;
+  for (const [e, s] of t)
+    i[e] = s;
+  return i;
+}, k = {}, N = { class: "das-spin-container das-spin-page" };
+function B(a, t) {
+  return n(), d("div", N, [...t[0] || (t[0] = [
     m('<div class="das-spin-dot-spin" data-v-323f37a9><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i></div>', 1)
-  ]));
+  ])]);
 }
-const w = /* @__PURE__ */ r(x, [["render", B], ["__scopeId", "data-v-323f37a9"]]), D = {}, E = { class: "das-spin-container das-spin-component" };
-function O(t, s) {
-  return n(), d("div", E, s[0] || (s[0] = [
-    l("div", { class: "das-spin-dot-spin" }, [
-      l("i", { class: "das-spin-dot-item" })
-    ], -1)
-  ]));
+const V = /* @__PURE__ */ r(k, [["render", B], ["__scopeId", "data-v-323f37a9"]]), w = {}, D = { class: "das-spin-container das-spin-component" };
+function E(a, t) {
+  return n(), d("div", D, [...t[0] || (t[0] = [
+    l(
+      "div",
+      { class: "das-spin-dot-spin" },
+      [
+        l("i", { class: "das-spin-dot-item" })
+      ],
+      -1
+      /* CACHED */
+    )
+  ])]);
 }
-const P = /* @__PURE__ */ r(D, [["render", O], ["__scopeId", "data-v-f47a1ae6"]]), R = {}, A = { class: "das-spin-container das-spin-containerload" };
-function M(t, s) {
-  return n(), d("div", A, s[0] || (s[0] = [
+const O = /* @__PURE__ */ r(w, [["render", E], ["__scopeId", "data-v-f47a1ae6"]]), P = {}, b = { class: "das-spin-container das-spin-containerload" };
+function A(a, t) {
+  return n(), d("div", b, [...t[0] || (t[0] = [
     m('<div class="das-spin-dot-spin" data-v-f7548f22><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i></div>', 1)
-  ]));
+  ])]);
 }
-const T = /* @__PURE__ */ r(R, [["render", M], ["__scopeId", "data-v-f7548f22"]]), j = /* @__PURE__ */ C({
+const M = /* @__PURE__ */ r(P, [["render", A], ["__scopeId", "data-v-f7548f22"]]), R = /* @__PURE__ */ $({
   __name: "index",
   props: {
     type: { default: "page" },
     size: { default: "big" },
     customSize: { default: "28" },
-    iconColor: { default: () => u("--das-ui-spin-logo-5-color") },
+    iconColor: { default: "var(--upf-loading-color-5, var(--upf-color-primary))" },
     full: { type: Boolean, default: !0 }
   },
-  setup(t) {
-    let s = t, o = h("");
-    const i = z();
-    return p(
-      () => s.type,
-      (a, c) => {
-        a == "page" && (o.value = e(w)), a == "container" && (o.value = e(T)), a == "component" && (o.value = e(P)), a == "load" && (o.value = e(k, {
-          iconColor: s.iconColor,
-          customSize: s.customSize
+  setup(a) {
+    let t = a, i = C("");
+    const e = g();
+    return f(
+      () => t.type,
+      (s, c) => {
+        s == "page" && (i.value = o(V)), s == "container" && (i.value = o(M)), s == "component" && (i.value = o(O)), s == "load" && (i.value = o(L, {
+          iconColor: t.iconColor,
+          customSize: t.customSize
         }));
       },
       { immediate: !0 }
-    ), p(
-      () => i,
-      (a, c) => {
-        i.indicator && (o.value = i.indicator);
+    ), f(
+      () => e,
+      (s, c) => {
+        e.indicator && (i.value = e.indicator);
       },
       { immediate: !0 }
-    ), (a, c) => (n(), d("div", {
-      class: S({ "das-spin-container": !0, full: a.full })
-    }, [
-      I(f(b), y({
-        class: `das-slef-spin ${a.size} ${a.type} `
-      }, a.$attrs, { indicator: f(o) }), {
-        default: L(() => [
-          V(a.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class", "indicator"])
-    ], 2));
+    ), (s, c) => (n(), d(
+      "div",
+      {
+        class: z({ "das-spin-container": !0, full: a.full })
+      },
+      [
+        S(p(I), h({
+          class: `das-slef-spin ${a.size} ${a.type} `
+        }, s.$attrs, { indicator: p(i) }), {
+          default: x(() => [
+            y(s.$slots, "default")
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["class", "indicator"])
+      ],
+      2
+      /* CLASS */
+    ));
   }
-}), q = {
-  "--das-ui-spin-logo-1-color": "#2486ee",
-  "--das-ui-spin-logo-2-color": "#02ccfe",
-  "--das-ui-spin-logo-3-color": "#05c8c7",
-  "--das-ui-spin-logo-4-color": "#a06eff",
-  "--das-ui-spin-logo-5-color": "#5582f3",
-  "--das-ui-spin-logo-6-color": "#ebebeb"
-}, F = { 加载中: { "zh-CN": "加载中", en: "Loading", "zh-MO": "加載中", _appCode: "framework" } };
-v(F);
-_(q);
-const Y = $(j), Z = { name: `Spin ${g("加载中")}` };
+}), j = { 加载中: { "zh-CN": "加载中", en: "Loading", "zh-MO": "加載中", _appCode: "framework" } };
+u(j);
+const T = _(R), U = { name: `Spin ${v("加载中")}` };
 export {
-  Y as DasSpin,
-  Z as default
+  T as DasSpin,
+  U as default
 };

package/packages/components/split-panel/index.d.ts

@@ -93,11 +93,11 @@ declare const DasSplitPanelRef: () => import("vue").Ref<({
     $props: {
         readonly canFold?: boolean | undefined;
         readonly canDrag?: boolean | undefined;
-        readonly boxStyle?: StyleValue;
+        readonly boxStyle?: any;
         readonly defaultSplit?: any;
-        readonly firstMin?: number | string | undefined;
-        readonly secondMin?: number | string | undefined;
-        readonly defaultClose?: "first" | "second" | undefined;
+        readonly firstMin?: (number | string) | undefined;
+        readonly secondMin?: (number | string) | undefined;
+        readonly defaultClose?: ("first" | "second") | undefined;
         readonly onOnLeft?: ((...args: any[]) => any) | undefined;
         readonly onOnRight?: ((...args: any[]) => any) | undefined;
         readonly onOnDefault?: ((...args: any[]) => any) | undefined;
@@ -196,11 +196,11 @@ declare const DasSplitPanelRef: () => import("vue").Ref<({
     $props: {
         readonly canFold?: boolean | undefined;
         readonly canDrag?: boolean | undefined;
-        readonly boxStyle?: StyleValue;
+        readonly boxStyle?: any;
         readonly defaultSplit?: any;
-        readonly firstMin?: number | string | undefined;
-        readonly secondMin?: number | string | undefined;
-        readonly defaultClose?: "first" | "second" | undefined;
+        readonly firstMin?: (number | string) | undefined;
+        readonly secondMin?: (number | string) | undefined;
+        readonly defaultClose?: ("first" | "second") | undefined;
         readonly onOnLeft?: ((...args: any[]) => any) | undefined;
         readonly onOnRight?: ((...args: any[]) => any) | undefined;
         readonly onOnDefault?: ((...args: any[]) => any) | undefined;