ling-yun-custom-components 0.0.53 → 0.0.54
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.
- package/es/PluginDetail.mjs +26 -24
- package/es/TreeSelect.mjs +1 -1
- package/es/assets/PluginDetail.css +1 -1
- package/es/assets/TreeSelect.css +1 -1
- package/lib/PluginDetail.js +1 -1
- package/lib/TreeSelect.js +1 -1
- package/lib/assets/PluginDetail.css +1 -1
- package/lib/assets/TreeSelect.css +1 -1
- package/package.json +3 -3
- package/es/chunks/global.I2gdJ_EN.js +0 -9230
- package/es/chunks/layout.BMjzn3oX.js +0 -600
- package/lib/chunks/global.Vf7E2i7y.js +0 -1
- package/lib/chunks/layout.BjELgY2K.js +0 -1
package/es/PluginDetail.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { w as
|
|
2
|
-
import { computed as
|
|
3
|
-
import { ElTable as
|
|
1
|
+
import { w as x } from "./chunks/index.bCzIhWFw.js";
|
|
2
|
+
import { computed as B, createBlock as m, openBlock as t, unref as A, withCtx as M, createElementBlock as n, Fragment as c, renderList as H, normalizeClass as $, toDisplayString as f, createTextVNode as V, ref as y, watch as w, onMounted as z, createCommentVNode as o, createVNode as I, createElementVNode as P, renderSlot as g, nextTick as R } from "vue";
|
|
3
|
+
import { ElTable as j, ElTableColumn as F, ElButton as _, ElSegmented as J } from "element-plus";
|
|
4
4
|
import { C as b } from "./chunks/layout.BKJPyxR8.js";
|
|
5
5
|
import { emitsMap as S } from "ling-yun-methods";
|
|
6
6
|
import { _ as L } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
@@ -29,7 +29,7 @@ import './assets/PluginDetail.css';const v = {
|
|
|
29
29
|
], W = {
|
|
30
30
|
key: 1,
|
|
31
31
|
class: "type-tag"
|
|
32
|
-
},
|
|
32
|
+
}, O = {
|
|
33
33
|
__name: "ParamsTable",
|
|
34
34
|
props: {
|
|
35
35
|
data: {
|
|
@@ -46,7 +46,7 @@ import './assets/PluginDetail.css';const v = {
|
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
48
|
setup(a) {
|
|
49
|
-
const u = a,
|
|
49
|
+
const u = a, D = B(() => {
|
|
50
50
|
let r = u.data;
|
|
51
51
|
if (typeof r == "string")
|
|
52
52
|
try {
|
|
@@ -55,15 +55,15 @@ import './assets/PluginDetail.css';const v = {
|
|
|
55
55
|
return console.error("解析参数数据失败:", i), [];
|
|
56
56
|
}
|
|
57
57
|
return !r || !Array.isArray(r) ? [] : r;
|
|
58
|
-
}), s =
|
|
59
|
-
return (r, i) => (t(), m(A(
|
|
60
|
-
data:
|
|
58
|
+
}), s = B(() => !u.hideColumns || u.hideColumns.length === 0 ? u.columns : u.columns.filter((r) => !u.hideColumns.includes(r.prop)));
|
|
59
|
+
return (r, i) => (t(), m(A(j), {
|
|
60
|
+
data: D.value,
|
|
61
61
|
"row-key": "uiid",
|
|
62
62
|
"tree-props": { children: "children", hasChildren: "hasChildren" },
|
|
63
63
|
stripe: ""
|
|
64
64
|
}, {
|
|
65
65
|
default: M(() => [
|
|
66
|
-
(t(!0), n(c, null, H(s.value, (l) => (t(), m(A(
|
|
66
|
+
(t(!0), n(c, null, H(s.value, (l) => (t(), m(A(F), {
|
|
67
67
|
key: l.prop,
|
|
68
68
|
prop: l.prop,
|
|
69
69
|
label: l.label,
|
|
@@ -87,7 +87,9 @@ import './assets/PluginDetail.css';const v = {
|
|
|
87
87
|
}, G = { key: 0 }, K = { key: 1 }, Q = {
|
|
88
88
|
key: 4,
|
|
89
89
|
class: "radius-12 border-f0f0f0 pd-l-20 pd-r-20 pd-b-24 pd-t-20 mg-b-34"
|
|
90
|
-
}, X = { class: "weight-400 fz-16 text-666666 lh-24" }, Y = { class: "flex justify-end items-center gap-10 text-right" }, Z = {
|
|
90
|
+
}, X = { class: "weight-400 fz-16 text-666666 lh-24" }, Y = { class: "flex justify-end items-center gap-10 text-right" }, Z = /* @__PURE__ */ Object.assign({
|
|
91
|
+
name: "PluginDetail"
|
|
92
|
+
}, {
|
|
91
93
|
__name: "layout",
|
|
92
94
|
props: {
|
|
93
95
|
intro: {
|
|
@@ -139,19 +141,19 @@ import './assets/PluginDetail.css';const v = {
|
|
|
139
141
|
}
|
|
140
142
|
},
|
|
141
143
|
emits: [S.updateModelValue, S.tabChange],
|
|
142
|
-
setup(a, { expose: u, emit:
|
|
143
|
-
const s = a, r =
|
|
144
|
+
setup(a, { expose: u, emit: D }) {
|
|
145
|
+
const s = a, r = D, i = y(!1), l = y(!1), d = y(null), p = y(s.modelValue), T = B(() => !s.tabItems?.length || !p.value ? null : s.tabItems.find((e) => e.bnid == p.value) || null), N = () => {
|
|
144
146
|
i.value = !i.value;
|
|
145
147
|
}, E = (e) => {
|
|
146
148
|
r(S.updateModelValue, e), r(S.tabChange, e);
|
|
147
|
-
},
|
|
149
|
+
}, q = () => {
|
|
148
150
|
R(() => {
|
|
149
151
|
const e = d.value;
|
|
150
152
|
e && (l.value = e.scrollHeight > 24);
|
|
151
153
|
});
|
|
152
154
|
}, h = y(null);
|
|
153
155
|
return w(
|
|
154
|
-
() =>
|
|
156
|
+
() => T.value?.bnid,
|
|
155
157
|
(e) => {
|
|
156
158
|
e && s.pluginDetailApi(e).then((k) => {
|
|
157
159
|
h.value = k?.data?.[0];
|
|
@@ -172,14 +174,14 @@ import './assets/PluginDetail.css';const v = {
|
|
|
172
174
|
), w(
|
|
173
175
|
() => s.description,
|
|
174
176
|
() => {
|
|
175
|
-
|
|
177
|
+
q();
|
|
176
178
|
},
|
|
177
179
|
{ immediate: !0 }
|
|
178
180
|
), z(() => {
|
|
179
|
-
|
|
181
|
+
q();
|
|
180
182
|
}), u({
|
|
181
|
-
checkShowMoreBtn:
|
|
182
|
-
currentTabItem:
|
|
183
|
+
checkShowMoreBtn: q,
|
|
184
|
+
currentTabItem: T
|
|
183
185
|
}), (e, k) => (t(), n(c, null, [
|
|
184
186
|
a.showIntro ? (t(), n(c, { key: 0 }, [
|
|
185
187
|
I(b, {
|
|
@@ -209,10 +211,10 @@ import './assets/PluginDetail.css';const v = {
|
|
|
209
211
|
V(f(a.description), 1)
|
|
210
212
|
], !0)
|
|
211
213
|
], 2),
|
|
212
|
-
l.value ? (t(), m(A(
|
|
214
|
+
l.value ? (t(), m(A(_), {
|
|
213
215
|
key: 1,
|
|
214
216
|
type: "text",
|
|
215
|
-
onClick:
|
|
217
|
+
onClick: N
|
|
216
218
|
}, {
|
|
217
219
|
default: M(() => [
|
|
218
220
|
i.value ? (t(), n("span", K, "收起")) : (t(), n("span", G, "查看更多"))
|
|
@@ -238,7 +240,7 @@ import './assets/PluginDetail.css';const v = {
|
|
|
238
240
|
e.$slots.default || e.$slots.actions ? (t(), n("div", Q, [
|
|
239
241
|
P("div", X, [
|
|
240
242
|
g(e.$slots, "default", {}, () => [
|
|
241
|
-
V(f(
|
|
243
|
+
V(f(T.value?.description), 1)
|
|
242
244
|
], !0)
|
|
243
245
|
]),
|
|
244
246
|
P("div", Y, [
|
|
@@ -250,7 +252,7 @@ import './assets/PluginDetail.css';const v = {
|
|
|
250
252
|
content: "输入参数",
|
|
251
253
|
class: "mg-b-16"
|
|
252
254
|
}),
|
|
253
|
-
h.value?.paramsOuter ? (t(), m(
|
|
255
|
+
h.value?.paramsOuter ? (t(), m(O, {
|
|
254
256
|
key: 0,
|
|
255
257
|
data: h.value.paramsOuter,
|
|
256
258
|
"hide-columns": a.inputParamsHideColumns
|
|
@@ -261,7 +263,7 @@ import './assets/PluginDetail.css';const v = {
|
|
|
261
263
|
content: "输出参数",
|
|
262
264
|
class: "mg-b-16 mg-t-34"
|
|
263
265
|
}),
|
|
264
|
-
h.value?.responseOuter ? (t(), m(
|
|
266
|
+
h.value?.responseOuter ? (t(), m(O, {
|
|
265
267
|
key: 0,
|
|
266
268
|
data: h.value.responseOuter,
|
|
267
269
|
"hide-columns": a.outputParamsHideColumns
|
|
@@ -270,7 +272,7 @@ import './assets/PluginDetail.css';const v = {
|
|
|
270
272
|
g(e.$slots, "plugin-detail", {}, void 0, !0)
|
|
271
273
|
], 64));
|
|
272
274
|
}
|
|
273
|
-
}, ee = /* @__PURE__ */ L(Z, [["__scopeId", "data-v-
|
|
275
|
+
}), ee = /* @__PURE__ */ L(Z, [["__scopeId", "data-v-c4df4205"]]), oe = x(ee), ue = x(O);
|
|
274
276
|
export {
|
|
275
277
|
oe as PluginDetail,
|
|
276
278
|
ue as PluginDetailParamsTable,
|
package/es/TreeSelect.mjs
CHANGED
|
@@ -399,7 +399,7 @@ const xe = {
|
|
|
399
399
|
_: 1
|
|
400
400
|
}));
|
|
401
401
|
}
|
|
402
|
-
}), we = /* @__PURE__ */ Ce(Pe, [["__scopeId", "data-v-
|
|
402
|
+
}), we = /* @__PURE__ */ Ce(Pe, [["__scopeId", "data-v-07a2a6b7"]]), ze = ie(we);
|
|
403
403
|
export {
|
|
404
404
|
ze as TreeSelect,
|
|
405
405
|
ze as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.hide-more[data-v-
|
|
1
|
+
.hide-more[data-v-c4df4205]{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.border-f0f0f0[data-v-c4df4205]{border:1px solid var(--neutral-color-6)}
|
package/es/assets/TreeSelect.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.el-tree .el-tree-node__content{position:relative}.element-tree-node-label-wrapper{flex:1;display:flex;align-items:center}.element-tree-node-label{font-size:12px}.element-tree-node-line-ver{display:block;position:absolute;top:0;left:0;height:100%;border-left:1px dashed #dcdfe6}.element-tree-node-line-ver.last-node-isLeaf-line{height:50%}.element-tree-node-line-hor{display:block;position:absolute;top:50%;left:0;height:0;border-bottom:1px dashed #dcdfe6}.element-tree-node-label-line{flex:1;border-top:1px dashed #dcdfe6;align-self:center;margin:0 10px}[data-v-
|
|
1
|
+
.el-tree .el-tree-node__content{position:relative}.element-tree-node-label-wrapper{flex:1;display:flex;align-items:center}.element-tree-node-label{font-size:12px}.element-tree-node-line-ver{display:block;position:absolute;top:0;left:0;height:100%;border-left:1px dashed #dcdfe6}.element-tree-node-line-ver.last-node-isLeaf-line{height:50%}.element-tree-node-line-hor{display:block;position:absolute;top:50%;left:0;height:0;border-bottom:1px dashed #dcdfe6}.element-tree-node-label-line{flex:1;border-top:1px dashed #dcdfe6;align-self:center;margin:0 10px}[data-v-07a2a6b7] .el-tree-node__label{line-height:22px}[data-v-07a2a6b7] .el-tree-node:focus>.el-tree-node__content{background-color:transparent}[data-v-07a2a6b7] .el-tree-node__content{border-radius:8px}[data-v-07a2a6b7] .el-tree-node__content:hover{background-color:var(--primary-color-5)}[data-v-07a2a6b7] .element-tree-node-label{font-size:14px}.list-item[data-v-07a2a6b7]{height:32px}.list-item[data-v-07a2a6b7]:hover{background:var(--primary-color-5)}[data-v-07a2a6b7] .element-tree-node-line-ver,[data-v-07a2a6b7] .element-tree-node-line-hor{border-color:var(--neutral-color-19)}
|
package/lib/PluginDetail.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/PluginDetail.css');const C=require("./chunks/index.CkihWzK6.js"),e=require("vue"),g=require("element-plus"),d=require("./chunks/layout.B-T_NE6r.js"),f=require("ling-yun-methods"),N=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),m={name:"name",type:"type",required:"required",description:"description"},S=[{label:"参数名",prop:m.name},{label:"参数类型",prop:m.type},{label:"必填",prop:m.required},{label:"描述",prop:m.description}],E={key:1,class:"type-tag"},B={__name:"ParamsTable",props:{data:{type:[Array,String],default:()=>[]},columns:{type:Array,default:()=>S},hideColumns:{type:Array,default:()=>[]}},setup(a){const n=a,y=e.computed(()=>{let l=n.data;if(typeof l=="string")try{l=JSON.parse(l)}catch(s){return console.error("解析参数数据失败:",s),[]}return!l||!Array.isArray(l)?[]:l}),r=e.computed(()=>!n.hideColumns||n.hideColumns.length===0?n.columns:n.columns.filter(l=>!n.hideColumns.includes(l.prop)));return(l,s)=>(e.openBlock(),e.createBlock(e.unref(g.ElTable),{data:y.value,"row-key":"uiid","tree-props":{children:"children",hasChildren:"hasChildren"},stripe:""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,o=>(e.openBlock(),e.createBlock(e.unref(g.ElTableColumn),{key:o.prop,prop:o.prop,label:o.label,width:o.width,"min-width":o.minWidth},{default:e.withCtx(({row:i})=>[o.prop==="required"?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(i.required?"required-yes":"required-no")},e.toDisplayString(i.required?"是":"否"),3)):o.prop==="type"?(e.openBlock(),e.createElementBlock("span",E,e.toDisplayString(i.type),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(i[o.prop]||"-"),1)],64))]),_:2},1032,["prop","label","width","min-width"]))),128))]),_:1},8,["data"]))}},T={key:0},
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/PluginDetail.css');const C=require("./chunks/index.CkihWzK6.js"),e=require("vue"),g=require("element-plus"),d=require("./chunks/layout.B-T_NE6r.js"),f=require("ling-yun-methods"),N=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),m={name:"name",type:"type",required:"required",description:"description"},S=[{label:"参数名",prop:m.name},{label:"参数类型",prop:m.type},{label:"必填",prop:m.required},{label:"描述",prop:m.description}],E={key:1,class:"type-tag"},B={__name:"ParamsTable",props:{data:{type:[Array,String],default:()=>[]},columns:{type:Array,default:()=>S},hideColumns:{type:Array,default:()=>[]}},setup(a){const n=a,y=e.computed(()=>{let l=n.data;if(typeof l=="string")try{l=JSON.parse(l)}catch(s){return console.error("解析参数数据失败:",s),[]}return!l||!Array.isArray(l)?[]:l}),r=e.computed(()=>!n.hideColumns||n.hideColumns.length===0?n.columns:n.columns.filter(l=>!n.hideColumns.includes(l.prop)));return(l,s)=>(e.openBlock(),e.createBlock(e.unref(g.ElTable),{data:y.value,"row-key":"uiid","tree-props":{children:"children",hasChildren:"hasChildren"},stripe:""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,o=>(e.openBlock(),e.createBlock(e.unref(g.ElTableColumn),{key:o.prop,prop:o.prop,label:o.label,width:o.width,"min-width":o.minWidth},{default:e.withCtx(({row:i})=>[o.prop==="required"?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(i.required?"required-yes":"required-no")},e.toDisplayString(i.required?"是":"否"),3)):o.prop==="type"?(e.openBlock(),e.createElementBlock("span",E,e.toDisplayString(i.type),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(i[o.prop]||"-"),1)],64))]),_:2},1032,["prop","label","width","min-width"]))),128))]),_:1},8,["data"]))}},T={key:0},P={key:1},D={key:4,class:"radius-12 border-f0f0f0 pd-l-20 pd-r-20 pd-b-24 pd-t-20 mg-b-34"},I={class:"weight-400 fz-16 text-666666 lh-24"},q={class:"flex justify-end items-center gap-10 text-right"},M=Object.assign({name:"PluginDetail"},{__name:"layout",props:{intro:{type:String,default:""},description:{type:String,default:""},modelValue:{type:[String,Number],default:""},tabItems:{type:Array,default:()=>[]},pluginDetailApi:{type:Function,default:()=>{}},showInputParams:{type:Boolean,default:!0},showOutputParams:{type:Boolean,default:!0},inputParamsHideColumns:{type:Array,default:()=>[]},outputParamsHideColumns:{type:Array,default:()=>[m.required]},showIntro:{type:Boolean,default:!0}},emits:[f.emitsMap.updateModelValue,f.emitsMap.tabChange],setup(a,{expose:n,emit:y}){const r=a,l=y,s=e.ref(!1),o=e.ref(!1),i=e.ref(null),u=e.ref(r.modelValue),k=e.computed(()=>!r.tabItems?.length||!u.value?null:r.tabItems.find(t=>t.bnid==u.value)||null),V=()=>{s.value=!s.value},w=t=>{l(f.emitsMap.updateModelValue,t),l(f.emitsMap.tabChange,t)},b=()=>{e.nextTick(()=>{const t=i.value;t&&(o.value=t.scrollHeight>24)})},c=e.ref(null);return e.watch(()=>k.value?.bnid,t=>{t&&r.pluginDetailApi(t).then(p=>{c.value=p?.data?.[0]})},{immediate:!0}),e.watch(()=>r.modelValue,t=>{u.value=t}),e.watch(()=>r.tabItems,t=>{u.value=t?.[0]?.bnid},{immediate:!0}),e.watch(()=>r.description,()=>{b()},{immediate:!0}),e.onMounted(()=>{b()}),n({checkShowMoreBtn:b,currentTabItem:k}),(t,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[a.showIntro?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(d.CustomTitle,{content:"插件简介",class:"mg-b-16"}),e.createElementVNode("div",{class:e.normalizeClass(["weight-400 fz-16 text-666",s.value?"":"hide-more"]),ref_key:"descRef",ref:i},[e.renderSlot(t.$slots,"intro",{},()=>[e.createTextVNode(e.toDisplayString(a.intro),1)],!0)],2)],64)):e.createCommentVNode("",!0),e.createVNode(d.CustomTitle,{content:"工具描述",class:"mg-b-16 mg-t-34"}),e.createElementVNode("div",{class:e.normalizeClass(["weight-400 fz-16 text-666",s.value?"":"hide-more"]),ref_key:"descRef",ref:i},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(a.description),1)],!0)],2),o.value?(e.openBlock(),e.createBlock(e.unref(g.ElButton),{key:1,type:"text",onClick:V},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createElementBlock("span",P,"收起")):(e.openBlock(),e.createElementBlock("span",T,"查看更多"))]),_:1})):e.createCommentVNode("",!0),a.tabItems?.length?(e.openBlock(),e.createBlock(d.CustomTitle,{key:2,content:"插件工具",class:"mg-b-16 mg-t-34"})):e.createCommentVNode("",!0),a.tabItems?.length?(e.openBlock(),e.createBlock(e.unref(g.ElSegmented),{key:3,modelValue:u.value,"onUpdate:modelValue":p[0]||(p[0]=h=>u.value=h),options:a.tabItems.map(h=>({label:h.interfaceName,value:h.bnid})),onChange:w,class:"mg-b-16"},null,8,["modelValue","options"])):e.createCommentVNode("",!0),t.$slots.default||t.$slots.actions?(e.openBlock(),e.createElementBlock("div",D,[e.createElementVNode("div",I,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(k.value?.description),1)],!0)]),e.createElementVNode("div",q,[e.renderSlot(t.$slots,"actions",{},void 0,!0)])])):e.createCommentVNode("",!0),a.showInputParams&&a.tabItems?.length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:5},[e.createVNode(d.CustomTitle,{content:"输入参数",class:"mg-b-16"}),c.value?.paramsOuter?(e.openBlock(),e.createBlock(B,{key:0,data:c.value.paramsOuter,"hide-columns":a.inputParamsHideColumns},null,8,["data","hide-columns"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),a.showOutputParams&&a.tabItems?.length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:6},[e.createVNode(d.CustomTitle,{content:"输出参数",class:"mg-b-16 mg-t-34"}),c.value?.responseOuter?(e.openBlock(),e.createBlock(B,{key:0,data:c.value.responseOuter,"hide-columns":a.outputParamsHideColumns},null,8,["data","hide-columns"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"plugin-detail",{},void 0,!0)],64))}}),x=N._export_sfc(M,[["__scopeId","data-v-c4df4205"]]),v=C.withInstall(x),A=C.withInstall(B);exports.PluginDetail=v;exports.PluginDetailParamsTable=A;exports.default=v;
|
package/lib/TreeSelect.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/TreeSelect.css');const X=require("./chunks/index.CkihWzK6.js"),e=require("vue"),N=require("element-plus"),B=require("color-message-lingyun-vue"),Y=require("./chunks/layout.B8d4J538.js"),Z=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js");function ee(
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/TreeSelect.css');const X=require("./chunks/index.CkihWzK6.js"),e=require("vue"),N=require("element-plus"),B=require("color-message-lingyun-vue"),Y=require("./chunks/layout.B8d4J538.js"),Z=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js");function ee(a){return{name:"element-tree-line",props:{node:{type:Object,required:!0},data:{type:Object},treeData:{type:Array},indent:{type:Number,default(){return 16}},showLabelLine:{type:Boolean,default:!0}},render(d){const c=a||d,s=this.getScopedSlot("default"),l=this.getScopedSlot("node-label"),u=this.getScopedSlot("after-node-label"),p=s?this.getScopedSlotValue(s,{node:this.node,data:this.data}):[l?this.getScopedSlotValue(l,{node:this.node,data:this.data}):c("span",{class:"element-tree-node-label"},this.node.label),this.showLabelLine?c("span",{class:"element-tree-node-label-line"}):null,this.getScopedSlotValue(u,{node:this.node,data:this.data})],y=[];let h=this.node;for(;h;){let o=h.parent;if(h.level===1&&!h.parent){if(!this.treeData||!Array.isArray(this.treeData))throw Error("if you using el-tree-v2 (Virtualized Tree) of element-plus,element-tree-line required data.");o={children:Array.isArray(this.treeData)?this.treeData.map(m=>({...m,key:m.id})):[],level:0,key:"node-0",parent:null}}if(o){const m=(o.children||o.childNodes).findIndex(k=>(k.key||k.id)===(h.key||h.id));y.unshift(m===(o.children||o.childNodes).length-1)}h=o}const C=[];for(let o=0;o<this.node.level;o++)y[o]&&this.node.level-1!==o||C.push(c("span",{class:{"element-tree-node-line-ver":!0,"last-node-isLeaf-line":y[o]&&this.node.level-1===o},style:{left:this.indent*o+"px"}}));return c("span",{class:"element-tree-node-label-wrapper"},[p].concat(C).concat([c("span",{class:"element-tree-node-line-hor",style:{width:(this.node.isLeaf?24:8)+"px",left:(this.node.level-1)*this.indent+"px"}})]))},methods:{getScopedSlot(d){if(!d)return null;const c=d.split("||");let s=null;for(let l=0;l<c.length;l++){const u=c[l],p=(this.$slots||{})[u];if(p){s=p;break}if(s=(this.$scopedSlots||{})[u],s)break}return s},getScopedSlotValue(d,c,s=null){return typeof d=="function"?d(c)||s:d||s}}}}function q(a){const d=ee(a);return a&&(d.methods.getScopedSlot=function(s){if(!s)return null;const l=s.split("||");let u=null;for(let p=0;p<l.length;p++){const y=l[p],h=(this.$slots||{})[y];if(h){u=h;break}}return u}),d}q();const te={key:0,class:"mg-b-16"},le={key:0,class:"list-item flex justify-between pd-l-6 pd-r-6 radius-8 items-center w-full"},ne=["onClick"],oe={key:1},ae=Object.assign({name:"TreeSelect"},{__name:"layout",props:{modelValue:{type:Object,default:()=>[]},treeProps:{type:Object,default:()=>({value:"id",label:"label",children:"children"})},apiConfig:{type:Function},reqParams:{type:Object,default:()=>({})},autoLoad:{type:Boolean,default:!0},isMultiple:{type:Boolean,default:!0},hasFilter:{type:Boolean,default:!1},isListMode:{type:Boolean,default:!1},treeList:{type:Array,default:()=>[]},hasTreeLine:{type:Boolean,default:!0},includeParentSelected:{type:Boolean,default:!1}},emits:["handleCheck","handleDeleteNode","initFinish"],setup(a,{expose:d,emit:c}){const s=q(e.h),l=a,u=c,p=e.useAttrs(),y=()=>e.h(B.IconRighttop,{style:{color:"var(--text-color-2)",fontSize:"16px"}}),h=l.isMultiple?20:10,C=l.isMultiple?15:11,o=e.ref([]),m=e.ref(null),k=e.ref(null),V=e.computed(()=>l.treeProps.value),x=e.computed(()=>l.treeProps.label),v=e.computed(()=>l.treeProps.children),E=e.ref(!1),z=e.computed(()=>!l.isMultiple&&E.value),F=e.computed(()=>typeof l.apiConfig=="function"),P=t=>String(t).includes("%")?t:t+"px",j=()=>{let t=m.value?.getCheckedNodes(),n=t.map(i=>i[V.value]),r=[];return t.length&&!l.includeParentSelected&&(t=t.filter(i=>!i[v.value]),n=t.map(i=>i[V.value])),l.includeParentSelected&&(r=O(o.value,n)),{selectedNodeValues:n,selectedNodes:t,selectedParentNodes:r}};function O(t,n){const r=new Map;function i(f,g=[]){for(const S of f){const W=[...g,S];S.children&&S.children.length>0?i(S.children,W):n.includes(S.id)&&g.forEach(M=>{r.has(M.id)||r.set(M.id,{...M})})}}return i(t),Array.from(r.values())}const K=t=>{!l.isMultiple||l.isListMode||L()},R=(t,n)=>{l.isMultiple||l.isListMode||(E.value=!0,k.value=n.key,u("handleCheck",{selectedValue:[k.value],selectedNode:[n.data]}))},D=e.ref(""),$=t=>{m.value.filter(t)},H=(t,n)=>n[x.value].includes(t),Q=t=>{let n=0;function r(i){for(const f of i){const g=f[v.value]&&f[v.value].length>0;l.includeParentSelected?n++:g||n++,g&&r(f[v.value])}}return r(t),n},U=e.computed(()=>Q(o.value));function L(){const{selectedNodeValues:t,selectedNodes:n,selectedParentNodes:r}=j();u("handleCheck",{selectedValue:t,selectedNode:n,selectedParentNodes:r})}const G=(t,n)=>{m.value?.setChecked(t,n),L()},I=()=>{p["default-checked-keys"]&&e.nextTick(()=>{L()})},J=t=>{u("handleDeleteNode",t)},b=t=>t?.map(n=>({...n,[v.value]:n[v.value]?.length?b(n[v.value]):void 0})),T=async()=>{F.value?l.apiConfig(l.reqParams)?.then(t=>{o.value=b(t?.data||[]),I(),w(l.modelValue),u("initFinish",o.value)}):_()},_=()=>{l.isListMode?o.value=b(l.treeList||[]):(o.value=b(l.treeList||[]),o.value.length&&(I(),w(l.modelValue)))},w=t=>{const n=t&&t.length&&t.map(r=>r[l.treeProps.value]);m.value?.setCheckedKeys(n)};return e.watch(()=>l.treeList,()=>{_()},{deep:!0}),e.watch(()=>l.modelValue,t=>{e.nextTick(()=>{w(t)})},{deep:!0}),e.onMounted(()=>{T()}),d({allNodeNumbers:U,loadData:T,setNodeCheckStatus:G}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(N.ElAutoResizer),null,{default:e.withCtx(({width:r,height:i})=>[e.createElementVNode("div",{style:e.normalizeStyle({width:P(r),height:P(i)})},[a.hasFilter?(e.openBlock(),e.createElementBlock("div",te,[e.createVNode(e.unref(N.ElInput),{modelValue:D.value,"onUpdate:modelValue":n[0]||(n[0]=f=>D.value=f),placeholder:"请输入",onInput:$},{prefix:e.withCtx(()=>[e.createVNode(e.unref(N.ElIcon),{size:16,color:"var(--neutral-color-12)",class:"mg-r-4"},{default:e.withCtx(()=>[e.createVNode(e.unref(B.IconSearch))]),_:1})]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(a.hasFilter?"pd-l-8 pd-r-8":"")},[e.createVNode(e.unref(N.ElTreeV2),e.mergeProps({ref_key:"treeRef",ref:m,height:a.hasFilter?i-48:i,data:o.value,props:a.treeProps,"node-key":V.value,"show-checkbox":a.isMultiple&&!a.isListMode,"item-size":34,indent:e.unref(h),"highlight-current":z.value,icon:a.isListMode?"":y,"filter-method":H},e.unref(p),{onNodeClick:R,onCheck:K}),{default:e.withCtx(({node:f})=>[a.isListMode?(e.openBlock(),e.createElementBlock("div",le,[e.createElementVNode("span",null,e.toDisplayString(f.data[x.value]),1),e.createElementVNode("div",{class:"flex items-center",onClick:e.withModifiers(g=>J(f.data),["stop"])},[e.createVNode(e.unref(N.ElIcon),{size:14,color:"var(--neutral-color-5)"},{default:e.withCtx(()=>[e.createVNode(e.unref(B.IconDelete))]),_:1})],8,ne)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[a.hasTreeLine?(e.openBlock(),e.createBlock(e.unref(s),{key:0,node:f,treeData:o.value,showLabelLine:!1,indent:e.unref(C)},null,8,["node","treeData","indent"])):(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(f.data[x.value]),1))],64))]),empty:e.withCtx(()=>[e.createVNode(Y.IconEmpty)]),_:1},16,["height","data","props","node-key","show-checkbox","indent","highlight-current","icon"])],2)],4)]),_:1}))}}),se=Z._export_sfc(ae,[["__scopeId","data-v-07a2a6b7"]]),A=X.withInstall(se);exports.TreeSelect=A;exports.default=A;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.hide-more[data-v-
|
|
1
|
+
.hide-more[data-v-c4df4205]{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.border-f0f0f0[data-v-c4df4205]{border:1px solid var(--neutral-color-6)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.el-tree .el-tree-node__content{position:relative}.element-tree-node-label-wrapper{flex:1;display:flex;align-items:center}.element-tree-node-label{font-size:12px}.element-tree-node-line-ver{display:block;position:absolute;top:0;left:0;height:100%;border-left:1px dashed #dcdfe6}.element-tree-node-line-ver.last-node-isLeaf-line{height:50%}.element-tree-node-line-hor{display:block;position:absolute;top:50%;left:0;height:0;border-bottom:1px dashed #dcdfe6}.element-tree-node-label-line{flex:1;border-top:1px dashed #dcdfe6;align-self:center;margin:0 10px}[data-v-
|
|
1
|
+
.el-tree .el-tree-node__content{position:relative}.element-tree-node-label-wrapper{flex:1;display:flex;align-items:center}.element-tree-node-label{font-size:12px}.element-tree-node-line-ver{display:block;position:absolute;top:0;left:0;height:100%;border-left:1px dashed #dcdfe6}.element-tree-node-line-ver.last-node-isLeaf-line{height:50%}.element-tree-node-line-hor{display:block;position:absolute;top:50%;left:0;height:0;border-bottom:1px dashed #dcdfe6}.element-tree-node-label-line{flex:1;border-top:1px dashed #dcdfe6;align-self:center;margin:0 10px}[data-v-07a2a6b7] .el-tree-node__label{line-height:22px}[data-v-07a2a6b7] .el-tree-node:focus>.el-tree-node__content{background-color:transparent}[data-v-07a2a6b7] .el-tree-node__content{border-radius:8px}[data-v-07a2a6b7] .el-tree-node__content:hover{background-color:var(--primary-color-5)}[data-v-07a2a6b7] .element-tree-node-label{font-size:14px}.list-item[data-v-07a2a6b7]{height:32px}.list-item[data-v-07a2a6b7]:hover{background:var(--primary-color-5)}[data-v-07a2a6b7] .element-tree-node-line-ver,[data-v-07a2a6b7] .element-tree-node-line-hor{border-color:var(--neutral-color-19)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ling-yun-custom-components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.54",
|
|
4
4
|
"keywords": [
|
|
5
5
|
"component library",
|
|
6
6
|
"ui framework",
|
|
@@ -137,10 +137,10 @@
|
|
|
137
137
|
"dependencies": {
|
|
138
138
|
"@vueuse/core": "^14.0.0",
|
|
139
139
|
"dayjs": "^1.11.18",
|
|
140
|
-
"element-plus": "^2.11.
|
|
140
|
+
"element-plus": "^2.11.9",
|
|
141
141
|
"element-tree-line": "^0.2.1",
|
|
142
142
|
"js-cookie": "^3.0.5",
|
|
143
|
-
"ling-yun-methods": "^0.0.
|
|
143
|
+
"ling-yun-methods": "^0.0.44",
|
|
144
144
|
"color-star-custom-methods": "^0.0.4",
|
|
145
145
|
"lodash.debounce": "^4.0.8",
|
|
146
146
|
"lottie-web": "^5.13.0",
|