@das-fed/ui 7.0.5-test.7 → 7.0.5-test.9

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}