@das-fed/upf-ui 6.4.0-dev.314 → 6.4.0-dev.315

package/packages/components/alert/index.js

@@ -34,60 +34,53 @@ const w = {
     }
     return c(() => {
       window.clearTimeout(r.value);
-    }), (e, B) => (p(), $(
-      "div",
-      {
-        class: y({ "das-ui-alert-container": !0, "leave-class": l.value }),
-        style: v(f.value)
-      },
-      [
-        k(T(h), b({ class: "das-ui-alert" }, e.$attrs, { banner: a.banner }), C({
-          default: t(() => [
-            n(e.$slots, "default")
+    }), (e, B) => (p(), $("div", {
+      class: y({ "das-ui-alert-container": !0, "leave-class": l.value }),
+      style: v(f.value)
+    }, [
+      k(T(h), b({ class: "das-ui-alert" }, e.$attrs, { banner: a.banner }), C({
+        default: t(() => [
+          n(e.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        e.$slots.description ? {
+          name: "description",
+          fn: t(() => [
+            n(e.$slots, "description")
+          ]),
+          key: "0"
+        } : void 0,
+        e.$slots.icon ? {
+          name: "icon",
+          fn: t(() => [
+            n(e.$slots, "icon")
+          ]),
+          key: "1"
+        } : void 0,
+        e.$slots.message ? {
+          name: "message",
+          fn: t(() => [
+            n(e.$slots, "message")
+          ]),
+          key: "2"
+        } : void 0,
+        e.$slots.closeText ? {
+          name: "closeText",
+          fn: t(() => [
+            n(e.$slots, "closeText")
+          ]),
+          key: "3"
+        } : void 0,
+        e.$slots.closeIcon ? {
+          name: "closeIcon",
+          fn: t(() => [
+            n(e.$slots, "closeIcon")
           ]),
-          _: 2
-          /* DYNAMIC */
-        }, [
-          e.$slots.description ? {
-            name: "description",
-            fn: t(() => [
-              n(e.$slots, "description")
-            ]),
-            key: "0"
-          } : void 0,
-          e.$slots.icon ? {
-            name: "icon",
-            fn: t(() => [
-              n(e.$slots, "icon")
-            ]),
-            key: "1"
-          } : void 0,
-          e.$slots.message ? {
-            name: "message",
-            fn: t(() => [
-              n(e.$slots, "message")
-            ]),
-            key: "2"
-          } : void 0,
-          e.$slots.closeText ? {
-            name: "closeText",
-            fn: t(() => [
-              n(e.$slots, "closeText")
-            ]),
-            key: "3"
-          } : void 0,
-          e.$slots.closeIcon ? {
-            name: "closeIcon",
-            fn: t(() => [
-              n(e.$slots, "closeIcon")
-            ]),
-            key: "4"
-          } : void 0
-        ]), 1040, ["banner"])
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
+          key: "4"
+        } : void 0
+      ]), 1040, ["banner"])
+    ], 6));
   }
 }), z = () => o(null), j = g(A);
 export {

package/packages/components/audio-video/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as j, mergeModels as J, computed as W, useModel as $, openBlock as u, createBlock as ee, unref as c, withCtx as Ae, createElementVNode as C, createElementBlock as g, normalizeStyle as y, ref as m, h as te, render as ie, onMounted as oe, onBeforeUnmount as se, Fragment as ne, createCommentVNode as f, normalizeClass as N, createVNode as T, mergeProps as Q } from "vue";
+import { defineComponent as j, mergeModels as J, computed as W, useModel as $, openBlock as u, createBlock as ee, unref as c, withCtx as Ae, createElementVNode as C, createElementBlock as g, normalizeStyle as M, ref as m, h as te, render as ie, onMounted as oe, onBeforeUnmount as se, Fragment as ne, normalizeClass as N, createCommentVNode as B, createVNode as T, mergeProps as Q } from "vue";
 import { withInstall as X } from "@das-fed/upf-utils/with-install/index";
 import { DasAudioVideoPlayer as U } from "@das-fed/upf-ui/packages/components/audio-video/index";
 import { pureImageSrc as L } from "@das-fed/upf-utils/pure-image-src";
@@ -45,7 +45,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAA
           A.type === "video" ? (u(), g("video", {
             key: 0,
             src: A.src,
-            style: y(n.value),
+            style: M(n.value),
             controls: ""
           }, null, 12, ge)) : (u(), g("audio", me, [
             C("source", { src: A.src }, null, 8, pe)
@@ -53,7 +53,6 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAA
         ])
       ]),
       _: 1
-      /* STABLE */
     }, 8, ["visible"]));
   }
 }), z = (A, o) => {
@@ -85,7 +84,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAA
       if (o !== x.show) return;
       const { type: e, src: n, playerProps: i = {}, microAppName: s, href: a } = t, d = m(!0), r = document.createElement("div");
       r.setAttribute("id", "das-micro-proxy-player");
-      const w = te(F, {
+      const y = te(F, {
         visible: d,
         onVisibleChange: (G) => {
           G || (r.remove(), h.sendMessageToMicroApp(s, a, "close"));
@@ -94,7 +93,7 @@ const de = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAA
         src: n,
         ...i
       });
-      ie(w, r), document.body.appendChild(r);
+      ie(y, r), document.body.appendChild(r);
     });
   },
   addEventFromMainApp: (A) => {
@@ -115,9 +114,9 @@ const Be = (A) => {
   return { onPlay: () => {
     if (!t || !h.isMicroApp()) return o();
     n(!0);
-    const { listen: r, remove: w } = h.addEventFromMainApp("close");
+    const { listen: r, remove: y } = h.addEventFromMainApp("close");
     r(() => {
-      e(!1), w();
+      e(!1), y();
     }), setTimeout(() => {
       h.sendMessageToMainApp(x.show, {
         type: i,
@@ -147,17 +146,17 @@ const Be = (A) => {
     const { baseURL: t } = ae(), e = A, n = o, i = W(() => ({
       width: `calc(${e.width}/2)`,
       height: `calc(${e.height}/2)`
-    })), s = m(), a = m(), d = m(!1), r = W(() => e.fullPath ? e.src : e.local ? t + L(e.src) : L(e.src)), w = m(""), G = (M) => {
-      var B = document.createElement("VIDEO");
-      B.src = M, B.autoplay = !0, B.muted = !0, B.addEventListener("loadeddata", () => {
-        let { videoWidth: V, videoHeight: H } = B, K = 0, O = 0, Y = 0, E = 0;
+    })), s = m(), a = m(), d = m(!1), r = W(() => e.fullPath ? e.src : e.local ? t + L(e.src) : L(e.src)), y = m(""), G = (f) => {
+      var w = document.createElement("VIDEO");
+      w.src = f, w.autoplay = !0, w.muted = !0, w.addEventListener("loadeddata", () => {
+        let { videoWidth: V, videoHeight: H } = w, K = 0, O = 0, Y = 0, E = 0;
         V / H >= 1.5 ? (Y = 120, E = H * (120 / V), K = 0, O = (120 - E) / 2) : (E = 120, Y = V * (120 / H), O = 0, K = (120 - Y) / 2);
         const I = document.createElement("canvas");
         I.width = 120, I.height = 120;
         const S = I.getContext("2d");
-        S.fillStyle = "#000", S.fillRect(0, 0, 120, 120), S.drawImage(B, K, O, Y, E);
+        S.fillStyle = "#000", S.fillRect(0, 0, 120, 120), S.drawImage(w, K, O, Y, E);
         const Z = I.toDataURL("image/png");
-        Z && (w.value = Z);
+        Z && (y.value = Z);
       });
     }, P = () => {
       v.value = "active";
@@ -171,10 +170,10 @@ const Be = (A) => {
     });
     const q = () => {
       e.needPreview && (D.value = !0, d.value = !0);
-    }, R = (M) => {
-      M || (D.value = !1, v.value = ""), n("visible-change", M);
-    }, _ = (M) => {
-      D.value = M;
+    }, R = (f) => {
+      f || (D.value = !1, v.value = ""), n("visible-change", f);
+    }, _ = (f) => {
+      D.value = f;
     }, { onPlay: k } = Be({
       type: e.type,
       src: r,
@@ -184,100 +183,74 @@ const Be = (A) => {
       setFocus: _,
       visibleChange: R
     });
-    return (M, l) => (u(), g(
-      ne,
-      null,
-      [
-        f(" 视频 "),
-        A.type === "video" ? (u(), g(
-          "div",
-          {
-            key: 0,
-            class: N(["das-ui-video", v.value, A.mode]),
-            ref_key: "videoRef",
-            ref: s,
-            style: y({ width: A.width, height: A.height }),
-            onClick: l[1] || (l[1] = //@ts-ignore
-            (...p) => c(k) && c(k)(...p))
-          },
-          [
-            C("img", {
-              class: "bg-img",
-              src: w.value,
-              alt: ""
-            }, null, 8, he),
-            v.value === "" ? (u(), g("img", {
-              key: 0,
-              class: "icon",
-              style: y(i.value),
-              src: c(de),
-              alt: ""
-            }, null, 12, Pe)) : f("v-if", !0),
-            v.value === "active" ? (u(), g("img", {
-              key: 1,
-              class: "icon",
-              style: y(i.value),
-              src: c(le),
-              alt: ""
-            }, null, 12, be)) : f("v-if", !0),
-            T(c(U), Q({
-              type: A.type,
-              visible: d.value,
-              "onUpdate:visible": l[0] || (l[0] = (p) => d.value = p),
-              src: r.value
-            }, A.playerProps, { onVisibleChange: R }), null, 16, ["type", "visible", "src"])
-          ],
-          6
-          /* CLASS, STYLE */
-        )) : f("v-if", !0),
-        f(" 音频 "),
-        A.type === "audio" ? (u(), g(
-          "div",
-          {
-            key: 1,
-            class: N(["das-ui-audio", v.value, A.mode]),
-            ref_key: "audioRef",
-            ref: a,
-            style: y({ width: A.width, height: A.height, background: "#ffffff" }),
-            onClick: l[3] || (l[3] = //@ts-ignore
-            (...p) => c(k) && c(k)(...p))
-          },
-          [
-            l[4] || (l[4] = C(
-              "div",
-              { class: "bg-img" },
-              null,
-              -1
-              /* CACHED */
-            )),
-            v.value === "" ? (u(), g("img", {
-              key: 0,
-              class: "icon",
-              style: y(i.value),
-              src: c(ce),
-              alt: ""
-            }, null, 12, De)) : f("v-if", !0),
-            v.value === "active" ? (u(), g("img", {
-              key: 1,
-              class: "icon",
-              style: y(i.value),
-              src: c(ue),
-              alt: ""
-            }, null, 12, ke)) : f("v-if", !0),
-            T(c(U), Q({
-              type: A.type,
-              visible: d.value,
-              "onUpdate:visible": l[2] || (l[2] = (p) => d.value = p),
-              src: r.value
-            }, A.playerProps, { onVisibleChange: R }), null, 16, ["type", "visible", "src"])
-          ],
-          6
-          /* CLASS, STYLE */
-        )) : f("v-if", !0)
-      ],
-      64
-      /* STABLE_FRAGMENT */
-    ));
+    return (f, l) => (u(), g(ne, null, [
+      A.type === "video" ? (u(), g("div", {
+        key: 0,
+        class: N(["das-ui-video", v.value, A.mode]),
+        ref_key: "videoRef",
+        ref: s,
+        style: M({ width: A.width, height: A.height }),
+        onClick: l[1] || (l[1] = //@ts-ignore
+        (...p) => c(k) && c(k)(...p))
+      }, [
+        C("img", {
+          class: "bg-img",
+          src: y.value,
+          alt: ""
+        }, null, 8, he),
+        v.value === "" ? (u(), g("img", {
+          key: 0,
+          class: "icon",
+          style: M(i.value),
+          src: c(de),
+          alt: ""
+        }, null, 12, Pe)) : B("", !0),
+        v.value === "active" ? (u(), g("img", {
+          key: 1,
+          class: "icon",
+          style: M(i.value),
+          src: c(le),
+          alt: ""
+        }, null, 12, be)) : B("", !0),
+        T(c(U), Q({
+          type: A.type,
+          visible: d.value,
+          "onUpdate:visible": l[0] || (l[0] = (p) => d.value = p),
+          src: r.value
+        }, A.playerProps, { onVisibleChange: R }), null, 16, ["type", "visible", "src"])
+      ], 6)) : B("", !0),
+      A.type === "audio" ? (u(), g("div", {
+        key: 1,
+        class: N(["das-ui-audio", v.value, A.mode]),
+        ref_key: "audioRef",
+        ref: a,
+        style: M({ width: A.width, height: A.height, background: "#ffffff" }),
+        onClick: l[3] || (l[3] = //@ts-ignore
+        (...p) => c(k) && c(k)(...p))
+      }, [
+        l[4] || (l[4] = C("div", { class: "bg-img" }, null, -1)),
+        v.value === "" ? (u(), g("img", {
+          key: 0,
+          class: "icon",
+          style: M(i.value),
+          src: c(ce),
+          alt: ""
+        }, null, 12, De)) : B("", !0),
+        v.value === "active" ? (u(), g("img", {
+          key: 1,
+          class: "icon",
+          style: M(i.value),
+          src: c(ue),
+          alt: ""
+        }, null, 12, ke)) : B("", !0),
+        T(c(U), Q({
+          type: A.type,
+          visible: d.value,
+          "onUpdate:visible": l[2] || (l[2] = (p) => d.value = p),
+          src: r.value
+        }, A.playerProps, { onVisibleChange: R }), null, 16, ["type", "visible", "src"])
+      ], 6)) : B("", !0)
+    ], 64));
   }
 }), Ee = /* @__PURE__ */ z(Ye, [["__scopeId", "data-v-f9e870ce"]]), He = () => m(null), Ke = () => m(null), Oe = X(Ee), Se = X(F), We = { name: "音视频播放器" };
 export {

package/packages/components/autocomplete/index.js

@@ -882,141 +882,116 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
       }
     ), (n, o) => {
       const T = Ue;
-      return k(), E(
-        "div",
-        {
-          class: "das-ui-autocomplete",
-          ref_key: "$completeEL",
-          ref: ce,
-          style: ie(`width:${D.value}`)
-        },
-        [
-          ne(T, {
-            ref_key: "domPopover",
-            ref: W,
-            visible: _.value,
-            placement: e.placement,
-            width: fe.value,
-            "popper-class": "autocomplete-popover",
-            "show-arrow": !1,
-            offset: e.offset,
-            "popper-options": e.popperOptions
-          }, {
-            reference: B(() => [
-              e.showInputDom ? (k(), E("div", {
-                key: 0,
-                class: "slot-component-box",
-                onClick: me($, ["stop"])
-              }, [
-                ne(M(We), se({
-                  ref_key: "inputRef",
-                  ref: c,
-                  modelValue: M(p),
-                  "onUpdate:modelValue": o[3] || (o[3] = (v) => He(p) ? p.value = v : null),
-                  size: M(w),
-                  width: D.value,
-                  isView: M(m)
-                }, n.$attrs, {
-                  onClear: A,
-                  onInput: O,
-                  onChange: d
-                }), Fe({
-                  _: 2
-                  /* DYNAMIC */
-                }, [
-                  Se(n.$slots, (v, H, Ve) => ({
-                    name: H,
-                    fn: B(() => [
-                      j(n.$slots, H, {}, void 0, !0)
+      return k(), E("div", {
+        class: "das-ui-autocomplete",
+        ref_key: "$completeEL",
+        ref: ce,
+        style: ie(`width:${D.value}`)
+      }, [
+        ne(T, {
+          ref_key: "domPopover",
+          ref: W,
+          visible: _.value,
+          placement: e.placement,
+          width: fe.value,
+          "popper-class": "autocomplete-popover",
+          "show-arrow": !1,
+          offset: e.offset,
+          "popper-options": e.popperOptions
+        }, {
+          reference: B(() => [
+            e.showInputDom ? (k(), E("div", {
+              key: 0,
+              class: "slot-component-box",
+              onClick: me($, ["stop"])
+            }, [
+              ne(M(We), se({
+                ref_key: "inputRef",
+                ref: c,
+                modelValue: M(p),
+                "onUpdate:modelValue": o[3] || (o[3] = (v) => He(p) ? p.value = v : null),
+                size: M(w),
+                width: D.value,
+                isView: M(m)
+              }, n.$attrs, {
+                onClear: A,
+                onInput: O,
+                onChange: d
+              }), Fe({ _: 2 }, [
+                Se(n.$slots, (v, H, Ve) => ({
+                  name: H,
+                  fn: B(() => [
+                    j(n.$slots, H, {}, void 0, !0)
+                  ])
+                }))
+              ]), 1040, ["modelValue", "size", "width", "isView"])
+            ])) : F((k(), E("div", It, [
+              pe(ve(M(p)), 1)
+            ])), [
+              [M(be)]
+            ])
+          ]),
+          default: B(() => [
+            F((k(), E("div", {
+              class: "autocomplete-select-box",
+              style: ie(`max-height: ${32 * e.maxCount}px;`),
+              onClick: o[2] || (o[2] = me(() => {
+              }, ["stop"]))
+            }, [
+              F((k(), U(M(de), {
+                key: S.value.length,
+                items: S.value,
+                "item-size": 32,
+                "key-field": e.fieldNames.value || e.fieldNames.label,
+                class: "virtual-list"
+              }, {
+                default: B(({ item: v, index: H }) => [
+                  Be("div", {
+                    onClick: (Ve) => y(v),
+                    class: ee([
+                      "select-label",
+                      { "current-select-label": v[e.fieldNames.label] === z.value },
+                      { "is-disabled": v.disabled }
                     ])
-                  }))
-                ]), 1040, ["modelValue", "size", "width", "isView"])
-              ])) : F((k(), E("div", It, [
-                pe(
-                  ve(M(p)),
-                  1
-                  /* TEXT */
-                )
-              ])), [
-                [M(be)]
-              ])
-            ]),
-            default: B(() => [
-              F((k(), E(
-                "div",
-                {
-                  class: "autocomplete-select-box",
-                  style: ie(`max-height: ${32 * e.maxCount}px;`),
-                  onClick: o[2] || (o[2] = me(() => {
-                  }, ["stop"]))
-                },
-                [
-                  F((k(), U(M(de), {
-                    key: S.value.length,
-                    items: S.value,
-                    "item-size": 32,
-                    "key-field": e.fieldNames.value || e.fieldNames.label,
-                    class: "virtual-list"
-                  }, {
-                    default: B(({ item: v, index: H }) => [
-                      Be("div", {
-                        onClick: (Ve) => y(v),
-                        class: ee([
-                          "select-label",
-                          { "current-select-label": v[e.fieldNames.label] === z.value },
-                          { "is-disabled": v.disabled }
-                        ])
-                      }, [
-                        F((k(), E("span", zt, [
-                          pe(
-                            ve(v[e.fieldNames.label]),
-                            1
-                            /* TEXT */
-                          )
-                        ])), [
-                          [M(be)]
-                        ])
-                      ], 10, St)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["items", "key-field"])), [
-                    [ye, s.mode === "list" || N.value]
-                  ]),
-                  s.mode === "tree" ? F((k(), U(M(qe), se({
-                    key: 0,
-                    width: "120px",
-                    filterMode: "input",
-                    "node-key": r.value,
-                    ref_key: "treeRef",
-                    ref: I,
-                    "is-ellipsis": "",
-                    data: s.options,
-                    showFilterInput: !1
-                  }, e.treeOptions, {
-                    props: { ...e.fieldNames },
-                    modelValue: z.value,
-                    "onUpdate:modelValue": o[0] || (o[0] = (v) => z.value = v),
-                    path: u.value,
-                    "onUpdate:path": o[1] || (o[1] = (v) => u.value = v),
-                    onNodeClick: R
-                  }), null, 16, ["node-key", "data", "props", "modelValue", "path"])), [
-                    [ye, !N.value]
-                  ]) : te("v-if", !0)
-                ],
-                4
-                /* STYLE */
-              )), [
-                [M(Ke)]
-              ])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["visible", "placement", "width", "offset", "popper-options"])
-        ],
-        4
-        /* STYLE */
-      );
+                  }, [
+                    F((k(), E("span", zt, [
+                      pe(ve(v[e.fieldNames.label]), 1)
+                    ])), [
+                      [M(be)]
+                    ])
+                  ], 10, St)
+                ]),
+                _: 1
+              }, 8, ["items", "key-field"])), [
+                [ye, s.mode === "list" || N.value]
+              ]),
+              s.mode === "tree" ? F((k(), U(M(qe), se({
+                key: 0,
+                width: "120px",
+                filterMode: "input",
+                "node-key": r.value,
+                ref_key: "treeRef",
+                ref: I,
+                "is-ellipsis": "",
+                data: s.options,
+                showFilterInput: !1
+              }, e.treeOptions, {
+                props: { ...e.fieldNames },
+                modelValue: z.value,
+                "onUpdate:modelValue": o[0] || (o[0] = (v) => z.value = v),
+                path: u.value,
+                "onUpdate:path": o[1] || (o[1] = (v) => u.value = v),
+                onNodeClick: R
+              }), null, 16, ["node-key", "data", "props", "modelValue", "path"])), [
+                [ye, !N.value]
+              ]) : te("", !0)
+            ], 4)), [
+              [M(Ke)]
+            ])
+          ]),
+          _: 3
+        }, 8, ["visible", "placement", "width", "offset", "popper-options"])
+      ], 4);
     };
   }
 }), $t = (e, t) => {