@das-fed/ui 7.0.0-zhaohang.7 → 7.0.0-zhongshen.2

package/packages/business-components/app-container/index.js

@@ -1,29 +1,31 @@
 import '@das-fed/ui/packages/business-components/app-container/style.css';
 import { withInstall as U } from "@das-fed/utils/with-install/index";
-import { defineComponent as $, computed as k, ref as M, watch as z, onMounted as O, createBlock as f, openBlock as a, unref as i, withCtx as h, createElementVNode as l, normalizeStyle as x, normalizeClass as G, createElementBlock as r, Fragment as g, renderList as _, createCommentVNode as D, toDisplayString as y, withDirectives as q, createTextVNode as j } from "vue";
+import { defineComponent as $, computed as k, ref as M, watch as z, onMounted as O, createBlock as f, openBlock as c, unref as i, withCtx as h, createElementVNode as l, normalizeStyle as x, normalizeClass as G, createElementBlock as r, Fragment as g, renderList as _, createCommentVNode as D, toDisplayString as y, withDirectives as q, createTextVNode as j } from "vue";
 import { ElRow as J, ElCol as K } from "element-plus";
 import "element-plus/es/components/row/style/css";
 import "element-plus/es/components/col/style/css";
 import { DasEmpty as Q } from "@das-fed/ui/packages/components/empty/index";
-import { vDasTooltip as T } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { vDasTooltip as E } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { DasScrollbar as X } from "@das-fed/ui/packages/components/scrollbar/index";
-import { pureImageSrc as E } from "@das-fed/utils/pure-image-src";
+import { pureImageSrc as T } from "@das-fed/utils/pure-image-src";
 import { setThemeRule as Y } from "@das-fed/web/packages/theme/index";
 const H = {
   "--das-application-app-bg-color": {
     kjl: "#2673DC",
     cjb: "#343848",
-    ssl: "#2D314F"
+    ssl: "#2D314F",
+    dkh: "linear-gradient(180deg, #E60012 0%, #FFFFFF 113%)"
   },
   "--das-application-app-color": {
     kjl: "#FFFFFF",
     cjb: "#FFFFFF",
-    ssl: "#FFFFFF"
+    ssl: "#FFFFFF",
+    dkh: "#FFFFFF"
   }
 }, Z = {
   key: 0,
   class: "application-list"
-}, A = { class: "table" }, tt = { class: "table-cell column_1" }, et = { class: "app-name" }, ot = { class: "table-cell column_2" }, nt = { class: "column_2_content" }, ct = ["onClick"], at = { class: "sub-app-item" }, st = ["src"], lt = { class: "sub-app-item-content" }, it = { class: "name" }, rt = { class: "describe" }, pt = /* @__PURE__ */ $({
+}, A = { class: "table" }, tt = { class: "table-cell column_1" }, et = { class: "app-name" }, ot = { class: "table-cell column_2" }, nt = { class: "column_2_content" }, at = ["onClick"], ct = { class: "sub-app-item" }, st = ["src"], lt = { class: "sub-app-item-content" }, it = { class: "name" }, rt = { class: "describe" }, pt = /* @__PURE__ */ $({
   __name: "index",
   props: {
     theme: { default: "default" },
@@ -37,11 +39,11 @@ const H = {
         var o;
         t[e] = (o = H[e]) == null ? void 0 : o[p.theme];
       }), t;
-    }), R = (t) => I("open-app", t), S = M("18px"), F = (t, e) => {
+    }), R = (t) => I("open-app", t), F = M("18px"), S = (t, e) => {
       if (!e) return;
       if (e.offsetWidth > t) {
         const s = parseInt(window.getComputedStyle(e).fontSize) - 1;
-        e.style.fontSize = s + "px", S.value = s + "px", F(t, e);
+        e.style.fontSize = s + "px", F.value = s + "px", S(t, e);
       }
     }, V = () => new Promise((t) => {
       const e = () => {
@@ -54,25 +56,25 @@ const H = {
       await V();
       const t = document.querySelectorAll(".application-content .column_1 .app-name")[0];
       if (!t) return;
-      const e = parseInt(getComputedStyle(t).paddingLeft) || 0, o = parseInt(getComputedStyle(t).paddingRight) || 0, c = t.clientWidth - e - o;
+      const e = parseInt(getComputedStyle(t).paddingLeft) || 0, o = parseInt(getComputedStyle(t).paddingRight) || 0, a = t.clientWidth - e - o;
       let s = 0, n = null;
       document.querySelectorAll(".application-content .column_1 .app-name > .text").forEach((d) => {
         const u = d.offsetWidth;
         u > s && (s = u, n = d);
-      }), F(c, n);
+      }), S(a, n);
     }, W = () => new Promise((t) => {
       const e = () => {
-        const o = document.querySelectorAll(".application-content .column_1"), c = document.querySelectorAll(".application-content .column_2");
-        if (o != null && o.length && o.length === p.appCategorys.length && (c != null && c.length) && c.length === p.appCategorys.length)
+        const o = document.querySelectorAll(".application-content .column_1"), a = document.querySelectorAll(".application-content .column_2");
+        if (o != null && o.length && o.length === p.appCategorys.length && (a != null && a.length) && a.length === p.appCategorys.length)
           return t();
         setTimeout(() => e(), 50);
       };
       e();
     }), v = async () => {
       await W(), document.querySelectorAll(".application-content .application-list .table .table-row").forEach((e) => {
-        const o = e.querySelector(".column_1"), c = e.querySelector(".column_2>.column_2_content"), s = o.offsetHeight, n = c.offsetHeight;
+        const o = e.querySelector(".column_1"), a = e.querySelector(".column_2>.column_2_content"), s = o.offsetHeight, n = a.offsetHeight;
         if (s > n) {
-          const m = s - n, d = c.querySelectorAll(".app-row"), u = d.length;
+          const m = s - n, d = a.querySelectorAll(".app-row"), u = d.length;
           d.forEach((w) => {
             const P = w.offsetHeight;
             w.style.height = P + m / u + "px";
@@ -82,7 +84,7 @@ const H = {
     }, B = k(() => p.appCategorys.map((t) => t.name));
     return z(() => B.value, C, { deep: !0 }), z(() => p.appCategorys, v, { deep: !0 }), O(() => {
       C(), v();
-    }), (t, e) => (a(), f(i(X), null, {
+    }), (t, e) => (c(), f(i(X), null, {
       default: h(() => [
         l(
           "div",
@@ -91,13 +93,13 @@ const H = {
             style: x(L.value)
           },
           [
-            t.appCategorys && t.appCategorys.length ? (a(), r("div", Z, [
-              (a(!0), r(
+            t.appCategorys && t.appCategorys.length ? (c(), r("div", Z, [
+              (c(!0), r(
                 g,
                 null,
-                _(t.appCategorys, (o, c) => (a(), r("div", A, [
-                  (a(), r("div", {
-                    key: c,
+                _(t.appCategorys, (o, a) => (c(), r("div", A, [
+                  (c(), r("div", {
+                    key: a,
                     class: "table-row"
                   }, [
                     D(" 第一列 "),
@@ -107,7 +109,7 @@ const H = {
                           "span",
                           {
                             class: "text",
-                            style: x({ fontSize: S.value })
+                            style: x({ fontSize: F.value })
                           },
                           y(o.name),
                           5
@@ -118,10 +120,10 @@ const H = {
                     D(" 第二列 "),
                     l("div", ot, [
                       l("div", nt, [
-                        (a(!0), r(
+                        (c(!0), r(
                           g,
                           null,
-                          _(o.apps, (s) => (a(), f(
+                          _(o.apps, (s) => (c(), f(
                             i(J),
                             {
                               class: "app-row",
@@ -129,10 +131,10 @@ const H = {
                             },
                             {
                               default: h(() => [
-                                (a(!0), r(
+                                (c(!0), r(
                                   g,
                                   null,
-                                  _(s, (n, m) => (a(), f(
+                                  _(s, (n, m) => (c(), f(
                                     i(K),
                                     {
                                       class: "app-col",
@@ -145,34 +147,34 @@ const H = {
                                           class: "sub-app",
                                           onClick: (d) => R(n)
                                         }, [
-                                          l("div", at, [
+                                          l("div", ct, [
                                             l("img", {
                                               class: "img",
-                                              src: n != null && n.iconDomain ? n.iconDomain + i(E)(n == null ? void 0 : n.iconUrl) : i(E)(n == null ? void 0 : n.iconUrl),
+                                              src: n != null && n.iconDomain ? n.iconDomain + i(T)(n == null ? void 0 : n.iconUrl) : i(T)(n == null ? void 0 : n.iconUrl),
                                               alt: ""
                                             }, null, 8, st),
                                             l("div", lt, [
-                                              q((a(), r("div", it, [
+                                              q((c(), r("div", it, [
                                                 j(
                                                   y(n.name),
                                                   1
                                                   /* TEXT */
                                                 )
                                               ])), [
-                                                [i(T)]
+                                                [i(E)]
                                               ]),
-                                              q((a(), r("div", rt, [
+                                              q((c(), r("div", rt, [
                                                 j(
                                                   y(n.description),
                                                   1
                                                   /* TEXT */
                                                 )
                                               ])), [
-                                                [i(T)]
+                                                [i(E)]
                                               ])
                                             ])
                                           ])
-                                        ], 8, ct)
+                                        ], 8, at)
                                       ]),
                                       _: 2
                                       /* DYNAMIC */
@@ -200,7 +202,7 @@ const H = {
                 256
                 /* UNKEYED_FRAGMENT */
               ))
-            ])) : (a(), f(i(Q), {
+            ])) : (c(), f(i(Q), {
               key: 1,
               size: "large"
             }))

package/packages/business-components/app-container/src/style-theme.d.ts

@@ -3,11 +3,13 @@ declare const _default: {
         kjl: string;
         cjb: string;
         ssl: string;
+        dkh: string;
     };
     '--das-application-app-color': {
         kjl: string;
         cjb: string;
         ssl: string;
+        dkh: string;
     };
 };
 export default _default;

package/packages/business-components/app-container/style.css

@@ -1 +1 @@
-.application-content{position:relative;padding:30px 20px 10px;box-sizing:border-box}.application-content .application-list{width:100%}.application-content .application-list .table{display:table;width:100%;margin-bottom:20px}.application-content .application-list .table .table-row{display:table-row}.application-content .application-list .table .table-row .table-cell{display:table-cell}.application-content .application-list .table .table-row .table-cell.column_1{width:110px;font-size:0;vertical-align:middle;color:var(--das-application-app-color);background-color:var(--das-application-app-bg-color);position:relative}.application-content .application-list .table .table-row .table-cell.column_1 .app-name{width:110px;height:100%;font-size:18px;text-align:center;box-sizing:border-box;padding:20px 8px}.application-content .application-list .table .table-row .table-cell.column_2{box-sizing:border-box;width:calc(100% - 110px);padding-left:20px}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row{height:100%}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row:not(:first-child){margin-top:20px}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col{height:100%}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app{height:100%;display:flex;align-items:center;padding:0 30px;min-height:98px;box-shadow:0 4px 12px #86a2d233;background-color:var(--das-application-subapp-bg-color);cursor:pointer}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item{width:100%;height:48px;display:flex}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item .img{width:48px;height:48px;border-radius:6px}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item .sub-app-item-content{flex:1;padding-left:10px;box-sizing:border-box;overflow:hidden}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item .sub-app-item-content .name{font-size:16px;font-weight:400;color:var(--das-application-subapp-name-color)}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item .sub-app-item-content .describe{font-size:12px;font-weight:400;color:var(--das-application-subapp-describe-color)}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app:hover,.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app:active{box-shadow:0 0 20px #0003;border-radius:2px}
+.application-content{position:relative;padding:30px 20px 10px;box-sizing:border-box}.application-content .application-list{width:100%}.application-content .application-list .table{display:table;width:100%;margin-bottom:20px}.application-content .application-list .table .table-row{display:table-row}.application-content .application-list .table .table-row .table-cell{display:table-cell}.application-content .application-list .table .table-row .table-cell.column_1{width:110px;font-size:0;vertical-align:middle;color:var(--das-application-app-color);background:var(--das-application-app-bg-color);position:relative}.application-content .application-list .table .table-row .table-cell.column_1 .app-name{width:110px;height:100%;font-size:18px;text-align:center;box-sizing:border-box;padding:20px 8px}.application-content .application-list .table .table-row .table-cell.column_2{box-sizing:border-box;width:calc(100% - 110px);padding-left:20px}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row{height:100%}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row:not(:first-child){margin-top:20px}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col{height:100%}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app{height:100%;display:flex;align-items:center;padding:0 30px;min-height:98px;box-shadow:0 4px 12px #86a2d233;background-color:var(--das-application-subapp-bg-color);cursor:pointer}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item{width:100%;height:48px;display:flex}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item .img{width:48px;height:48px;border-radius:6px}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item .sub-app-item-content{flex:1;padding-left:10px;box-sizing:border-box;overflow:hidden}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item .sub-app-item-content .name{font-size:16px;font-weight:400;color:var(--das-application-subapp-name-color)}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app .sub-app-item .sub-app-item-content .describe{font-size:12px;font-weight:400;color:var(--das-application-subapp-describe-color)}.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app:hover,.application-content .application-list .table .table-row .table-cell.column_2 .column_2_content .app-row .app-col .sub-app:active{box-shadow:0 0 20px #0003;border-radius:2px}

package/packages/business-components/area-phone-select/index.d.ts

@@ -160,8 +160,9 @@ declare const DasAreaPopoverRef: () => import("vue").Ref<({
             $popoverRef: import("vue").Ref<null, null>;
         }> & {} & import("vue").ComponentCustomProperties & {} & {
             $slots: {
-                reference?: ((props: {}) => any) | undefined;
-                default?: ((props: {}) => any) | undefined;
+                reference?: (props: {}) => any;
+            } & {
+                default?: (props: {}) => any;
             };
         }) | null, ({
             $: import("vue").ComponentInternalInstance;
@@ -237,8 +238,9 @@ declare const DasAreaPopoverRef: () => import("vue").Ref<({
             $popoverRef: import("vue").Ref<null, null>;
         }> & {} & import("vue").ComponentCustomProperties & {} & {
             $slots: {
-                reference?: ((props: {}) => any) | undefined;
-                default?: ((props: {}) => any) | undefined;
+                reference?: (props: {}) => any;
+            } & {
+                default?: (props: {}) => any;
             };
         }) | null>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -247,8 +249,8 @@ declare const DasAreaPopoverRef: () => import("vue").Ref<({
         "update:visible": (value: boolean) => any;
     }, string, {
         filter: boolean;
-        visible: boolean;
         label: string;
+        visible: boolean;
         showArrow: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -272,14 +274,14 @@ declare const DasAreaPopoverRef: () => import("vue").Ref<({
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
     filter: boolean;
-    visible: boolean;
     label: string;
+    visible: boolean;
     showArrow: boolean;
 }> & Omit<Readonly<import("./src/area-popover/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: Record<any, any>) => any) | undefined;
     onChange?: ((value: Record<any, any>) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
-}>, "popoverRef" | ("filter" | "visible" | "label" | "showArrow")> & import("vue").ShallowUnwrapRef<{
+}>, "popoverRef" | ("filter" | "label" | "visible" | "showArrow")> & import("vue").ShallowUnwrapRef<{
     popoverRef: import("vue").Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -354,8 +356,9 @@ declare const DasAreaPopoverRef: () => import("vue").Ref<({
         $popoverRef: import("vue").Ref<null, null>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
-            reference?: ((props: {}) => any) | undefined;
-            default?: ((props: {}) => any) | undefined;
+            reference?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
         };
     }) | null, ({
         $: import("vue").ComponentInternalInstance;
@@ -431,13 +434,14 @@ declare const DasAreaPopoverRef: () => import("vue").Ref<({
         $popoverRef: import("vue").Ref<null, null>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
-            reference?: ((props: {}) => any) | undefined;
-            default?: ((props: {}) => any) | undefined;
+            reference?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
         };
     }) | null>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        reference?: ((props: {}) => any) | undefined;
+        reference?: (props: {}) => any;
     };
 }) | null, ({
     $: import("vue").ComponentInternalInstance;
@@ -548,8 +552,9 @@ declare const DasAreaPopoverRef: () => import("vue").Ref<({
             $popoverRef: import("vue").Ref<null, null>;
         }> & {} & import("vue").ComponentCustomProperties & {} & {
             $slots: {
-                reference?: ((props: {}) => any) | undefined;
-                default?: ((props: {}) => any) | undefined;
+                reference?: (props: {}) => any;
+            } & {
+                default?: (props: {}) => any;
             };
         }) | null, ({
             $: import("vue").ComponentInternalInstance;
@@ -625,8 +630,9 @@ declare const DasAreaPopoverRef: () => import("vue").Ref<({
             $popoverRef: import("vue").Ref<null, null>;
         }> & {} & import("vue").ComponentCustomProperties & {} & {
             $slots: {
-                reference?: ((props: {}) => any) | undefined;
-                default?: ((props: {}) => any) | undefined;
+                reference?: (props: {}) => any;
+            } & {
+                default?: (props: {}) => any;
             };
         }) | null>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -635,8 +641,8 @@ declare const DasAreaPopoverRef: () => import("vue").Ref<({
         "update:visible": (value: boolean) => any;
     }, string, {
         filter: boolean;
-        visible: boolean;
         label: string;
+        visible: boolean;
         showArrow: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -660,14 +666,14 @@ declare const DasAreaPopoverRef: () => import("vue").Ref<({
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
     filter: boolean;
-    visible: boolean;
     label: string;
+    visible: boolean;
     showArrow: boolean;
 }> & Omit<Readonly<import("./src/area-popover/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: Record<any, any>) => any) | undefined;
     onChange?: ((value: Record<any, any>) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
-}>, "popoverRef" | ("filter" | "visible" | "label" | "showArrow")> & import("vue").ShallowUnwrapRef<{
+}>, "popoverRef" | ("filter" | "label" | "visible" | "showArrow")> & import("vue").ShallowUnwrapRef<{
     popoverRef: import("vue").Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -742,8 +748,9 @@ declare const DasAreaPopoverRef: () => import("vue").Ref<({
         $popoverRef: import("vue").Ref<null, null>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
-            reference?: ((props: {}) => any) | undefined;
-            default?: ((props: {}) => any) | undefined;
+            reference?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
         };
     }) | null, ({
         $: import("vue").ComponentInternalInstance;
@@ -819,13 +826,14 @@ declare const DasAreaPopoverRef: () => import("vue").Ref<({
         $popoverRef: import("vue").Ref<null, null>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
-            reference?: ((props: {}) => any) | undefined;
-            default?: ((props: {}) => any) | undefined;
+            reference?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
         };
     }) | null>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        reference?: ((props: {}) => any) | undefined;
+        reference?: (props: {}) => any;
     };
 }) | null>;
 declare const DasAreaPhoneSelect: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -921,8 +929,9 @@ declare const DasAreaPopover: import("@das-fed/utils").SFCWithInstall<{
             $popoverRef: import("vue").Ref<null, null>;
         }> & {} & import("vue").ComponentCustomProperties & {} & {
             $slots: {
-                reference?: ((props: {}) => any) | undefined;
-                default?: ((props: {}) => any) | undefined;
+                reference?: (props: {}) => any;
+            } & {
+                default?: (props: {}) => any;
             };
         }) | null, ({
             $: import("vue").ComponentInternalInstance;
@@ -998,8 +1007,9 @@ declare const DasAreaPopover: import("@das-fed/utils").SFCWithInstall<{
             $popoverRef: import("vue").Ref<null, null>;
         }> & {} & import("vue").ComponentCustomProperties & {} & {
             $slots: {
-                reference?: ((props: {}) => any) | undefined;
-                default?: ((props: {}) => any) | undefined;
+                reference?: (props: {}) => any;
+            } & {
+                default?: (props: {}) => any;
             };
         }) | null>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -1008,8 +1018,8 @@ declare const DasAreaPopover: import("@das-fed/utils").SFCWithInstall<{
         "update:visible": (value: boolean) => any;
     }, import("vue").PublicProps, {
         filter: boolean;
-        visible: boolean;
         label: string;
+        visible: boolean;
         showArrow: boolean;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -1097,8 +1107,9 @@ declare const DasAreaPopover: import("@das-fed/utils").SFCWithInstall<{
             $popoverRef: import("vue").Ref<null, null>;
         }> & {} & import("vue").ComponentCustomProperties & {} & {
             $slots: {
-                reference?: ((props: {}) => any) | undefined;
-                default?: ((props: {}) => any) | undefined;
+                reference?: (props: {}) => any;
+            } & {
+                default?: (props: {}) => any;
             };
         }) | null, ({
             $: import("vue").ComponentInternalInstance;
@@ -1174,14 +1185,15 @@ declare const DasAreaPopover: import("@das-fed/utils").SFCWithInstall<{
             $popoverRef: import("vue").Ref<null, null>;
         }> & {} & import("vue").ComponentCustomProperties & {} & {
             $slots: {
-                reference?: ((props: {}) => any) | undefined;
-                default?: ((props: {}) => any) | undefined;
+                reference?: (props: {}) => any;
+            } & {
+                default?: (props: {}) => any;
             };
         }) | null>;
     }, {}, {}, {}, {
         filter: boolean;
-        visible: boolean;
         label: string;
+        visible: boolean;
         showArrow: boolean;
     }>;
     __isFragment?: never;
@@ -1266,8 +1278,9 @@ declare const DasAreaPopover: import("@das-fed/utils").SFCWithInstall<{
         $popoverRef: import("vue").Ref<null, null>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
-            reference?: ((props: {}) => any) | undefined;
-            default?: ((props: {}) => any) | undefined;
+            reference?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
         };
     }) | null, ({
         $: import("vue").ComponentInternalInstance;
@@ -1343,8 +1356,9 @@ declare const DasAreaPopover: import("@das-fed/utils").SFCWithInstall<{
         $popoverRef: import("vue").Ref<null, null>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
-            reference?: ((props: {}) => any) | undefined;
-            default?: ((props: {}) => any) | undefined;
+            reference?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
         };
     }) | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -1353,12 +1367,12 @@ declare const DasAreaPopover: import("@das-fed/utils").SFCWithInstall<{
     "update:visible": (value: boolean) => any;
 }, string, {
     filter: boolean;
-    visible: boolean;
     label: string;
+    visible: boolean;
     showArrow: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        reference?: ((props: {}) => any) | undefined;
+        reference?: (props: {}) => any;
     };
 })>;
 export { DasAreaPhoneSelectRef, DasAreaPopoverRef, DasAreaPhoneSelect, DasAreaPopover };

package/packages/business-components/area-phone-select/src/area-popover/index.vue.d.ts

@@ -74,8 +74,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
         $popoverRef: import("vue").Ref<null, null>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
-            reference?: ((props: {}) => any) | undefined;
-            default?: ((props: {}) => any) | undefined;
+            reference?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
         };
     }) | null, ({
         $: import("vue").ComponentInternalInstance;
@@ -151,8 +152,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
         $popoverRef: import("vue").Ref<null, null>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
-            reference?: ((props: {}) => any) | undefined;
-            default?: ((props: {}) => any) | undefined;
+            reference?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
         };
     }) | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -165,11 +167,11 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
     filter: boolean;
-    visible: boolean;
     label: string;
+    visible: boolean;
     showArrow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    reference?: ((props: {}) => any) | undefined;
+    reference?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/packages/business-components/change-pwd/index.js

@@ -1,15 +1,15 @@
 import '@das-fed/ui/packages/business-components/change-pwd/style.css';
 import { ref as R, reactive as F, defineComponent as T, createBlock as v, openBlock as y, unref as r, isRef as $, withCtx as g, createElementVNode as z, createVNode as h, createCommentVNode as I, createTextVNode as V, toDisplayString as D } from "vue";
 import { withInstall as B } from "@das-fed/utils/with-install/index";
-import { t as s, i18n as U, setI18nRule as O } from "@das-fed/web/packages/i18n/index";
+import { t as s, i18n as x, setI18nRule as O } from "@das-fed/web/packages/i18n/index";
 import { DasDialog as Z } from "@das-fed/ui/packages/components/dialog/index";
 import { DasFormRef as W, DasForm as G } from "@das-fed/ui/packages/components/form/index";
 import { DasFormItem as q } from "@das-fed/ui/packages/components/form-item/index";
-import { DasButton as S } from "@das-fed/ui/packages/components/button/index";
+import { DasButton as U } from "@das-fed/ui/packages/components/button/index";
 import { DasMessage as K } from "@das-fed/ui/packages/components/message/index";
 import { enterpriseright as M, superadminPortal as Y, systemConfiguration as j } from "@das-fed/utils/api-services/modules";
 import { encryption as k } from "@das-fed/utils/atob";
-const x = M.get("/user/change-pwd", (n) => (n.ignoreErrorMessage = !0, n)), A = M.put("/user/change-pwd", (n) => (n.csrf = !0, n)), H = Y.put("/change-pwd"), J = j.get("/visitor/login/with-default"), Q = (n, f) => {
+const S = M.get("/user/change-pwd", (n) => (n.ignoreErrorMessage = !0, n)), A = M.put("/user/change-pwd", (n) => (n.csrf = !0, n)), H = Y.put("/change-pwd"), J = j.get("/visitor/login/with-default"), Q = (n, f) => {
   const w = R(!1), m = W(), d = R({
     prePwd: "",
     pwd: "",
@@ -92,11 +92,11 @@ const x = M.get("/user/change-pwd", (n) => (n.ignoreErrorMessage = !0, n)), A =
           };
           if (n.mainApp === "enterpriseadmin" && n.forceUpdate) {
             let i = {};
-            c.value && (i = { headers: { Authorization: c.value } }), await x({}, i).run();
+            c.value && (i = { headers: { Authorization: c.value } }), await S({}, i).run();
             const [C] = await A({}, i).run(a);
             if (C) return;
           } else if (a.prePwd = k(d.value.prePwd), n.mainApp === "enterpriseadmin") {
-            await x().run();
+            await S().run();
             const [i] = await A().run(a);
             if (i) return;
           } else {
@@ -132,14 +132,14 @@ const x = M.get("/user/change-pwd", (n) => (n.ignoreErrorMessage = !0, n)), A =
     }, {
       footer: g(() => [
         z("div", null, [
-          h(r(S), {
+          h(r(U), {
             size: "middle",
             style: { "margin-right": "12px" },
             onClick: r(P)
           }, {
             default: g(() => [
               V(
-                D(r(U)("取消").value),
+                D(r(x)("取消").value),
                 1
                 /* TEXT */
               )
@@ -147,14 +147,14 @@ const x = M.get("/user/change-pwd", (n) => (n.ignoreErrorMessage = !0, n)), A =
             _: 1
             /* STABLE */
           }, 8, ["onClick"]),
-          h(r(S), {
+          h(r(U), {
             btnType: "primary",
             size: "middle",
             onClick: r(c)
           }, {
             default: g(() => [
               V(
-                D(r(U)("确定").value),
+                D(r(x)("确定").value),
                 1
                 /* TEXT */
               )
@@ -184,6 +184,7 @@ const x = M.get("/user/change-pwd", (n) => (n.ignoreErrorMessage = !0, n)), A =
                 modelValue: r(l).prePwd,
                 "onUpdate:modelValue": p[0] || (p[0] = (u) => r(l).prePwd = u),
                 modelModifiers: { trim: !0 },
+                maxlength: 20,
                 required: ""
               }, null, 8, ["label", "modelValue"])),
               h(r(q), {
@@ -196,6 +197,7 @@ const x = M.get("/user/change-pwd", (n) => (n.ignoreErrorMessage = !0, n)), A =
                 modelValue: r(l).pwd,
                 "onUpdate:modelValue": p[1] || (p[1] = (u) => r(l).pwd = u),
                 modelModifiers: { trim: !0 },
+                maxlength: 20,
                 required: ""
               }, null, 8, ["label", "modelValue"]),
               h(r(q), {
@@ -208,6 +210,7 @@ const x = M.get("/user/change-pwd", (n) => (n.ignoreErrorMessage = !0, n)), A =
                 modelValue: r(l).confirmPwd,
                 "onUpdate:modelValue": p[2] || (p[2] = (u) => r(l).confirmPwd = u),
                 modelModifiers: { trim: !0 },
+                maxlength: 20,
                 required: ""
               }, null, 8, ["label", "modelValue"])
             ]),
@@ -225,7 +228,7 @@ const x = M.get("/user/change-pwd", (n) => (n.ignoreErrorMessage = !0, n)), A =
   for (const [m, d] of f)
     w[m] = d;
   return w;
-}, oe = /* @__PURE__ */ te(re, [["__scopeId", "data-v-ec4cee0a"]]), ae = {
+}, oe = /* @__PURE__ */ te(re, [["__scopeId", "data-v-901c1af6"]]), ae = {
   新密码不能为空: { "zh-CN": "新密码不能为空", en: "New password cannot be empty", _appCode: "framework" },
   确认密码不能为空: { "zh-CN": "确认密码不能为空", en: "Confirm password cannot be empty", _appCode: "framework" },
   与新密码不一致: { "zh-CN": "与新密码不一致", en: "Doesn't match the new password", _appCode: "framework" },