@das-fed/ui 7.1.0-dev.10 → 7.1.0-dev.12

package/packages/components/checkbox/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/components/checkbox/style.css';
-import { defineComponent as Y, computed as m, reactive as Z, toRefs as _, watchEffect as ee, watch as ae, useSlots as le, ref as J, onMounted as oe, createElementBlock as u, openBlock as o, createBlock as R, createCommentVNode as c, unref as i, mergeProps as P, isRef as U, withCtx as E, withDirectives as y, normalizeStyle as g, renderSlot as O, normalizeClass as n, Fragment as w, renderList as C, createTextVNode as W, toDisplayString as p, createVNode as A, createElementVNode as se } from "vue";
+import { defineComponent as Y, computed as m, reactive as Z, toRefs as _, watchEffect as ee, watch as ae, useSlots as le, ref as J, onMounted as oe, createElementBlock as u, openBlock as o, createBlock as R, createCommentVNode as c, unref as i, mergeProps as P, isRef as U, withCtx as E, withDirectives as y, normalizeStyle as g, renderSlot as W, normalizeClass as n, Fragment as w, renderList as C, createTextVNode as M, toDisplayString as p, createVNode as A, createElementVNode as se } from "vue";
 import { withInstall as te } from "@das-fed/utils/with-install/index";
 import { CheckboxGroup as ue } from "ant-design-vue/es";
 import "ant-design-vue/es/checkbox/style/css";
@@ -67,27 +67,27 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
     }), ae(t, (e) => {
       k("update:modelValue", e);
     });
-    const b = H(s, "defaultProps"), V = H(s, "options"), f = m(() => V.value.length ? V.value.map((e) => {
+    const f = H(s, "defaultProps"), V = H(s, "options"), b = m(() => V.value.length ? V.value.map((e) => {
       var l;
       return {
-        value: e[b.value.value],
-        label: e[b.value.label],
+        value: e[f.value.value],
+        label: e[f.value.label],
         disabled: e.disabled,
         isFocus: !1,
-        checked: (l = s.modelValue) == null ? void 0 : l.includes(e[b.value.value]),
+        checked: (l = s.modelValue) == null ? void 0 : l.includes(e[f.value.value]),
         mutual: e.mutual
       };
-    }) : []), M = () => {
+    }) : []), N = () => {
       v && (v.value = !1, k("update:indeterminate", v.value), k("update:modelValue", t.value)), k("change", t.value);
-    }, K = s.disabled, Q = f.value.some((e) => !!e.mutual), z = (e, l) => {
+    }, K = s.disabled, Q = b.value.some((e) => !!e.mutual), z = (e, l) => {
       if (!K)
         if (e == "group") {
           if (l.disabled) return;
-          console.log(f, "---checkboxOptions"), Q ? l.mutual ? (f.value.forEach((r) => {
+          Q ? l.mutual ? (b.value.forEach((r) => {
             r.checked = !1;
-          }), l.checked = !0) : (l.checked = !l.checked, f.value.forEach((r) => {
-            r.mutual && (r.checked = !f.value.some((a) => a.checked));
-          })) : l.checked = !l.checked, l.isFocus = !0, t.value = f.value.filter((r) => r.checked).map((r) => r.value), k("change", t.value);
+          }), l.checked = !0) : (l.checked = !l.checked, b.value.forEach((r) => {
+            r.mutual && (r.checked = !b.value.some((a) => a.checked));
+          })) : l.checked = !l.checked, l.isFocus = !0, t.value = b.value.filter((r) => r.checked).map((r) => r.value), k("change", t.value);
         } else
           t.value = !t.value, F.value = !0, k("change", t.value);
     }, I = m(() => {
@@ -96,7 +96,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
       if ((!((e = V.value) != null && e.length) || !((l = t.value) != null && l.length)) && s.checkboxType == "group") return [];
       if (s.checkboxType == "group")
         return V.value.filter((a) => {
-          if (t.value.includes(a[b.value.value]))
+          if (t.value.includes(a[f.value.value]))
             return a;
         });
       {
@@ -110,7 +110,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
           }
         ];
       }
-    }), N = (e, l) => {
+    }), O = (e, l) => {
       e == "group" ? l.isFocus = !1 : F.value = !1;
     }, X = m(() => s.maxWidth ? s.maxWidth : s.width), h = m(() => {
       let e = `${Number(String(X.value).split("px")[0])}`;
@@ -138,7 +138,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
         }, e.$attrs, {
           optionType: e.optionType,
           indeterminate: i(v),
-          onChange: M,
+          onChange: N,
           class: [e.size, { nolabel: Object.keys(e.$slots).length == 0 }]
         }), {
           default: E(() => [
@@ -149,7 +149,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                 style: g([h.value, { color: "#666" }])
               },
               [
-                O(e.$slots, "default", {}, void 0, !0)
+                W(e.$slots, "default", {}, void 0, !0)
               ],
               4
               /* STYLE */
@@ -176,12 +176,12 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
             ]),
             tabindex: "0",
             onClick: l[1] || (l[1] = (a) => z("default", "")),
-            onBlur: l[2] || (l[2] = (a) => N("default", "")),
+            onBlur: l[2] || (l[2] = (a) => O("default", "")),
             style: g(h.value)
           },
           [
             y((o(), u("div", ce, [
-              O(e.$slots, "default", {}, void 0, !0)
+              W(e.$slots, "default", {}, void 0, !0)
             ])), [
               [i(x)]
             ])
@@ -198,13 +198,13 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
           value: i(t),
           "onUpdate:value": l[3] || (l[3] = (a) => U(t) ? t.value = a : t = a),
           name: e.name,
-          onChange: M
+          onChange: N
         }), {
           default: E(() => [
             (o(!0), u(
               w,
               null,
-              C(f.value, (a, d) => (o(), R(i(j), {
+              C(b.value, (a, d) => (o(), R(i(j), {
                 key: d,
                 value: a.value,
                 "onUpdate:value": (q) => a.value = q,
@@ -218,7 +218,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                       style: g([h.value, { color: "#666" }])
                     },
                     [
-                      W(
+                      M(
                         p(a.label),
                         1
                         /* TEXT */
@@ -250,7 +250,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
             (o(!0), u(
               w,
               null,
-              C(f.value, (a, d) => (o(), u("div", {
+              C(b.value, (a, d) => (o(), u("div", {
                 class: n([
                   "das-ui-checkbox-square",
                   {
@@ -262,7 +262,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                 ]),
                 style: g(h.value),
                 onClick: (q) => z("group", a),
-                onBlur: (q) => N("group", a),
+                onBlur: (q) => O("group", a),
                 tabindex: d,
                 key: d
               }, [
@@ -275,7 +275,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                   })
                 ])) : c("v-if", !0),
                 y((o(), u("div", null, [
-                  W(
+                  M(
                     p(a.label),
                     1
                     /* TEXT */
@@ -305,7 +305,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
               C(I.value, (a, d) => (o(), u(
                 "div",
                 {
-                  class: n(["das-checkbox-item-view", a[i(b).label] && "nonelabel-item-view"]),
+                  class: n(["das-checkbox-item-view", a[i(f).label] && "nonelabel-item-view"]),
                   key: d
                 },
                 [
@@ -313,9 +313,9 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                     size: "mini",
                     icon: "select",
                     iconColor: "#666",
-                    class: n(["view-icon", { "m-r-5": a[i(b).label] || Object.keys(e.$slots).length > 0 }])
+                    class: n(["view-icon", { "m-r-5": a[i(f).label] || Object.keys(e.$slots).length > 0 }])
                   }, null, 8, ["class"]),
-                  a[i(b).label] ? y((o(), u(
+                  a[i(f).label] ? y((o(), u(
                     "div",
                     {
                       key: 0,
@@ -323,8 +323,8 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                       style: g([h.value, { color: "#666" }])
                     },
                     [
-                      W(
-                        p(a[i(b).label]),
+                      M(
+                        p(a[i(f).label]),
                         1
                         /* TEXT */
                       )
@@ -333,7 +333,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                     /* CLASS, STYLE */
                   )), [
                     [i(x)]
-                  ]) : O(e.$slots, "default", { key: 1 }, void 0, !0)
+                  ]) : W(e.$slots, "default", { key: 1 }, void 0, !0)
                 ],
                 2
                 /* CLASS */
@@ -362,7 +362,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
             (o(!0), u(
               w,
               null,
-              C(f.value, (a, d) => (o(), u("div", {
+              C(b.value, (a, d) => (o(), u("div", {
                 class: n([
                   "das-ui-checkbox-square",
                   {

package/packages/components/collapse-panel/index.js

@@ -1,59 +1,84 @@
 import '@das-fed/ui/packages/components/collapse-panel/style.css';
-import { defineComponent as i, useAttrs as d, inject as f, computed as m, createBlock as u, openBlock as n, unref as p, mergeProps as h, withCtx as a, renderSlot as l, createCommentVNode as c, withDirectives as _, createElementBlock as v, createTextVNode as w, toDisplayString as C, ref as b } from "vue";
-import { withInstall as D } from "@das-fed/utils/with-install/index";
-import { setThemeRule as g } from "@das-fed/web/packages/theme/index";
-import { CollapsePanel as k } from "ant-design-vue";
-import { vDasTooltip as P } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { defineComponent as h, useAttrs as C, ref as m, inject as v, computed as _, createBlock as w, openBlock as c, unref as d, mergeProps as b, withCtx as p, renderSlot as i, createElementVNode as o, withModifiers as k, createCommentVNode as f, withDirectives as g, createElementBlock as x, createTextVNode as D, toDisplayString as P, normalizeClass as N } from "vue";
+import { withInstall as $ } from "@das-fed/utils/with-install/index";
+import { setThemeRule as A } from "@das-fed/web/packages/theme/index";
+import { CollapsePanel as B } from "ant-design-vue";
+import { vDasTooltip as E } from "@das-fed/ui/packages/components/text-tooltip/index";
 import "ant-design-vue/es/collapse/style/css";
 import "@das-fed/ui/packages/global/theme";
-const $ = { class: "das-collaspe-panel--header" }, A = /* @__PURE__ */ i({
+const I = { class: "das-collaspe-panel--header" }, T = { class: "das-collaspe-panel-extra-content" }, V = /* @__PURE__ */ h({
   __name: "Index",
   props: {
     header: { default: "" }
   },
-  setup(o) {
-    const r = d(), t = f("parentCollapsible"), s = m(() => t.value || r.collapsible === "disabled");
-    return (e, T) => (n(), u(p(k), h(e.$attrs, {
+  setup(l) {
+    const t = C(), a = m("das-collaspe-panel--header-left"), r = v("parentCollapsible"), n = _(() => r.value || t.collapsible === "disabled"), u = (e) => {
+      var s;
+      ((s = e == null ? void 0 : e.target) == null ? void 0 : s.className) === a.value && (e.preventDefault(), e.stopPropagation());
+    };
+    return (e, s) => (c(), w(d(B), b(e.$attrs, {
       class: "das-collaspe-panel",
-      showArrow: s.value ? !1 : e.$attrs.showArrow
+      showArrow: n.value ? !1 : e.$attrs.showArrow
     }), {
-      header: a(() => [
-        c(" 面板头内容 "),
-        l(e.$slots, "header", {}, () => [
-          _((n(), v("div", $, [
-            w(
-              C(e.header),
-              1
-              /* TEXT */
-            )
-          ])), [
-            [p(P)]
-          ])
-        ], !0)
+      header: p(() => [
+        f(" 面板头内容 "),
+        o("div", {
+          onClick: u,
+          class: "das-collaspe-panel--header-box"
+        }, [
+          i(e.$slots, "header", {}, () => [
+            g((c(), x("div", I, [
+              D(
+                P(e.header),
+                1
+                /* TEXT */
+              )
+            ])), [
+              [d(E)]
+            ])
+          ], !0),
+          o(
+            "div",
+            {
+              class: N(a.value)
+            },
+            null,
+            2
+            /* CLASS */
+          )
+        ])
       ]),
-      extra: a(() => [
-        c(" 自定义渲染每个面板右上角的内容 "),
-        l(e.$slots, "extra", {}, void 0, !0)
+      extra: p(() => [
+        o("div", {
+          class: "das-collaspe-panel-extra-box",
+          onClick: s[0] || (s[0] = k(() => {
+          }, ["stop"]))
+        }, [
+          o("div", T, [
+            f(" 自定义渲染每个面板右上角的内容 "),
+            i(e.$slots, "extra", {}, void 0, !0)
+          ])
+        ])
       ]),
-      default: a(() => [
-        l(e.$slots, "default", {}, void 0, !0)
+      default: p(() => [
+        i(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
       /* FORWARDED */
     }, 16, ["showArrow"]));
   }
-}), x = (o, r) => {
-  const t = o.__vccOpts || o;
-  for (const [s, e] of r)
-    t[s] = e;
-  return t;
-}, B = /* @__PURE__ */ x(A, [["__scopeId", "data-v-4de50fce"]]), I = {
+}), y = (l, t) => {
+  const a = l.__vccOpts || l;
+  for (const [r, n] of t)
+    a[r] = n;
+  return a;
+}, R = /* @__PURE__ */ y(V, [["__scopeId", "data-v-12bf1725"]]), S = {
   "--das-ui-collaspe-bgcolor": { light: "#ffffff", dark: "#000000" }
 };
-g(I);
-const O = () => b(null), q = D(B);
+A(S);
+const G = () => m(null), J = $(R);
 export {
-  q as DasCollaspePanel,
-  O as DasCollaspePanelRef,
-  q as default
+  J as DasCollaspePanel,
+  G as DasCollaspePanelRef,
+  J as default
 };

package/packages/components/collapse-panel/style.css

@@ -1 +1 @@
-.das-collaspe-panel[data-v-4de50fce]{background:var(--das-ui-collaspe-bgcolor);border:0}.das-collaspe-panel.ant-collapse-item-disabled[data-v-4de50fce] .ant-collapse-header,.das-collaspe-panel.ant-collapse-item-disabled[data-v-4de50fce] .ant-collapse-header>.arrow{cursor:default}.das-collaspe-panel[data-v-4de50fce] .ant-collapse-header{height:40px!important;font-size:16px!important;color:var(--das-ui-color-normal)!important;letter-spacing:0!important;line-height:24px!important;font-weight:600!important;box-sizing:border-box!important;padding:8px 50px 8px 28px!important}.das-collaspe-panel[data-v-4de50fce] .ant-collapse-header .das-collaspe-panel--header{line-height:24px!important;height:24px}.das-collaspe-panel[data-v-4de50fce] .ant-collapse-header:hover{color:var(--das-ui-color-secondary)}.das-collaspe-panel[data-v-4de50fce] .ant-collapse-header>div:first-child{height:24px;display:flex;align-items:center;justify-content:center}.das-collaspe-panel[data-v-4de50fce] .ant-collapse-header .ant-collapse-arrow{vertical-align:text-bottom!important;font-size:16px!important;margin-right:6px!important;color:var(--das-ui-color-secondary)!important}.das-collaspe-panel[data-v-4de50fce] .ant-collapse-content .ant-collapse-content-box{padding:0 50px}
+.das-collaspe-panel[data-v-12bf1725]{background:var(--das-ui-collaspe-bgcolor);border:0;position:relative}.das-collaspe-panel[data-v-12bf1725]:before{content:"";position:absolute;height:40px;top:0;left:0;width:28px;pointer-events:auto;z-index:1}.das-collaspe-panel[data-v-12bf1725]:after{content:"";position:absolute;height:40px;top:0;right:0;width:50px;z-index:1}.das-collaspe-panel.ant-collapse-item-disabled[data-v-12bf1725] .ant-collapse-header,.das-collaspe-panel.ant-collapse-item-disabled[data-v-12bf1725] .ant-collapse-header>.arrow{cursor:default}.das-collaspe-panel .das-collaspe-panel--header-left[data-v-12bf1725]{flex:1;height:100%;cursor:auto;position:relative}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-extra{height:100%}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-extra .das-collaspe-panel-extra-box{height:100%;display:flex;align-items:center}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-header{height:40px!important;font-size:16px!important;color:var(--das-ui-color-normal)!important;letter-spacing:0!important;line-height:24px!important;font-weight:600!important;box-sizing:border-box!important;padding:0 50px 0 28px!important;align-items:center!important}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-header .das-collaspe-panel--header-box{flex:1;height:40px;display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-header .das-collaspe-panel--header{line-height:24px!important;height:24px}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-header:hover{color:var(--das-ui-color-secondary)}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-header>div:first-child{height:24px;display:flex;align-items:center;justify-content:center}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-header .ant-collapse-arrow{vertical-align:text-bottom!important;font-size:16px!important;margin-right:6px!important;color:var(--das-ui-color-secondary)!important}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-content .ant-collapse-content-box{padding:0 50px}