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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +5 -5
  2. package/packages/components/collapse-panel/index.js +64 -39
  3. package/packages/components/collapse-panel/index.js.gz +0 -0
  4. package/packages/components/collapse-panel/style.css +1 -1
  5. package/packages/components/collapse-panel/style.css.gz +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@das-fed/ui",
3
- "version": "7.0.5-test.7",
3
+ "version": "7.0.5-test.8",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "./index.js",
@@ -26,7 +26,7 @@
26
26
  "@antv/x6-plugin-snapline": "^2.1.7",
27
27
  "@antv/x6-plugin-transform": "^2.1.8",
28
28
  "@antv/x6-vue-shape": "^2.1.2",
29
- "@das-fed/cli": "7.0.5-test.7",
29
+ "@das-fed/cli": "7.0.5-test.8",
30
30
  "@element-plus/icons-vue": "^2.3.1",
31
31
  "@types/lodash": "^4.14.194",
32
32
  "@types/lodash-es": "^4.17.9",
@@ -56,9 +56,9 @@
56
56
  "vue-tsc": "^2.0.29"
57
57
  },
58
58
  "dependencies": {
59
- "@das-fed/ui": "7.0.5-test.7",
60
- "@das-fed/utils": "7.0.5-test.7",
61
- "@das-fed/web": "7.0.5-test.7",
59
+ "@das-fed/ui": "7.0.5-test.8",
60
+ "@das-fed/utils": "7.0.5-test.8",
61
+ "@das-fed/web": "7.0.5-test.8",
62
62
  "@types/markdown-it": "^14.1.2",
63
63
  "@wangeditor-next/editor": "5.6.31",
64
64
  "@wangeditor-next/editor-for-vue": "5.1.14",
package/packages/components/collapse-panel/index.js CHANGED
@@ -1,59 +1,84 @@
1
1
  import '@das-fed/ui/packages/components/collapse-panel/style.css';
2
- 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";
3
- import { withInstall as D } from "@das-fed/utils/with-install/index";
4
- import { setThemeRule as g } from "@das-fed/web/packages/theme/index";
5
- import { CollapsePanel as k } from "ant-design-vue";
6
- import { vDasTooltip as P } from "@das-fed/ui/packages/components/text-tooltip/index";
2
+ 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";
3
+ import { withInstall as $ } from "@das-fed/utils/with-install/index";
4
+ import { setThemeRule as A } from "@das-fed/web/packages/theme/index";
5
+ import { CollapsePanel as B } from "ant-design-vue";
6
+ import { vDasTooltip as E } from "@das-fed/ui/packages/components/text-tooltip/index";
7
7
  import "ant-design-vue/es/collapse/style/css";
8
8
  import "@das-fed/ui/packages/global/theme";
9
- const $ = { class: "das-collaspe-panel--header" }, A = /* @__PURE__ */ i({
9
+ const I = { class: "das-collaspe-panel--header" }, T = { class: "das-collaspe-panel-extra-content" }, V = /* @__PURE__ */ h({
10
10
  __name: "Index",
11
11
  props: {
12
12
  header: { default: "" }
13
13
  },
14
- setup(o) {
15
- const r = d(), t = f("parentCollapsible"), s = m(() => t.value || r.collapsible === "disabled");
16
- return (e, T) => (n(), u(p(k), h(e.$attrs, {
14
+ setup(l) {
15
+ const t = C(), a = m("das-collaspe-panel--header-left"), r = v("parentCollapsible"), n = _(() => r.value || t.collapsible === "disabled"), u = (e) => {
16
+ var s;
17
+ ((s = e == null ? void 0 : e.target) == null ? void 0 : s.className) === a.value && (e.preventDefault(), e.stopPropagation());
18
+ };
19
+ return (e, s) => (c(), w(d(B), b(e.$attrs, {
17
20
  class: "das-collaspe-panel",
18
- showArrow: s.value ? !1 : e.$attrs.showArrow
21
+ showArrow: n.value ? !1 : e.$attrs.showArrow
19
22
  }), {
20
- header: a(() => [
21
- c(" 面板头内容 "),
22
- l(e.$slots, "header", {}, () => [
23
- _((n(), v("div", $, [
24
- w(
25
- C(e.header),
26
- 1
27
- /* TEXT */
28
- )
29
- ])), [
30
- [p(P)]
31
- ])
32
- ], !0)
23
+ header: p(() => [
24
+ f(" 面板头内容 "),
25
+ o("div", {
26
+ onClick: u,
27
+ class: "das-collaspe-panel--header-box"
28
+ }, [
29
+ i(e.$slots, "header", {}, () => [
30
+ g((c(), x("div", I, [
31
+ D(
32
+ P(e.header),
33
+ 1
34
+ /* TEXT */
35
+ )
36
+ ])), [
37
+ [d(E)]
38
+ ])
39
+ ], !0),
40
+ o(
41
+ "div",
42
+ {
43
+ class: N(a.value)
44
+ },
45
+ null,
46
+ 2
47
+ /* CLASS */
48
+ )
49
+ ])
33
50
  ]),
34
- extra: a(() => [
35
- c(" 自定义渲染每个面板右上角的内容 "),
36
- l(e.$slots, "extra", {}, void 0, !0)
51
+ extra: p(() => [
52
+ o("div", {
53
+ class: "das-collaspe-panel-extra-box",
54
+ onClick: s[0] || (s[0] = k(() => {
55
+ }, ["stop"]))
56
+ }, [
57
+ o("div", T, [
58
+ f(" 自定义渲染每个面板右上角的内容 "),
59
+ i(e.$slots, "extra", {}, void 0, !0)
60
+ ])
61
+ ])
37
62
  ]),
38
- default: a(() => [
39
- l(e.$slots, "default", {}, void 0, !0)
63
+ default: p(() => [
64
+ i(e.$slots, "default", {}, void 0, !0)
40
65
  ]),
41
66
  _: 3
42
67
  /* FORWARDED */
43
68
  }, 16, ["showArrow"]));
44
69
  }
45
- }), x = (o, r) => {
46
- const t = o.__vccOpts || o;
47
- for (const [s, e] of r)
48
- t[s] = e;
49
- return t;
50
- }, B = /* @__PURE__ */ x(A, [["__scopeId", "data-v-4de50fce"]]), I = {
70
+ }), y = (l, t) => {
71
+ const a = l.__vccOpts || l;
72
+ for (const [r, n] of t)
73
+ a[r] = n;
74
+ return a;
75
+ }, R = /* @__PURE__ */ y(V, [["__scopeId", "data-v-12bf1725"]]), S = {
51
76
  "--das-ui-collaspe-bgcolor": { light: "#ffffff", dark: "#000000" }
52
77
  };
53
- g(I);
54
- const O = () => b(null), q = D(B);
78
+ A(S);
79
+ const G = () => m(null), J = $(R);
55
80
  export {
56
- q as DasCollaspePanel,
57
- O as DasCollaspePanelRef,
58
- q as default
81
+ J as DasCollaspePanel,
82
+ G as DasCollaspePanelRef,
83
+ J as default
59
84
  };
package/packages/components/collapse-panel/style.css CHANGED
@@ -1 +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}
1
+ .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}