china-mobile-international-custom-components 0.0.30 → 0.0.31

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.
@@ -1,5 +1,5 @@
1
1
  import { w as me } from "./chunks/index.bCzIhWFw.js";
2
- import { ref as c, useSlots as ve, computed as A, watch as M, onMounted as ye, createElementBlock as p, openBlock as i, createCommentVNode as S, createElementVNode as I, renderSlot as z, createVNode as y, unref as u, withCtx as s, createBlock as h, resolveDynamicComponent as he, toDisplayString as N, normalizeClass as q, mergeProps as Y, toHandlers as be, createSlots as Z, Fragment as D, renderList as P, createTextVNode as G, normalizeProps as ke, guardReactiveProps as Se } from "vue";
2
+ import { ref as c, useSlots as ve, computed as A, watch as M, onMounted as ye, createElementBlock as p, openBlock as i, createCommentVNode as k, createElementVNode as I, renderSlot as z, createVNode as y, unref as u, withCtx as s, createBlock as b, resolveDynamicComponent as be, toDisplayString as N, normalizeClass as q, mergeProps as Y, toHandlers as he, createSlots as Z, Fragment as D, renderList as P, createTextVNode as G, normalizeProps as Se, guardReactiveProps as ke } from "vue";
3
3
  import { C as J } from "./chunks/layout.CWL6NVjA.js";
4
4
  import { SearchBar as Ce } from "color-star-custom-components";
5
5
  import { IconZuo as we, IconMore as ze } from "color-message-aibox-vue";
@@ -147,7 +147,7 @@ import './assets/PageContainer.css';const ee = {
147
147
  // 'card-click',
148
148
  ],
149
149
  setup(r, { expose: te, emit: ae }) {
150
- const le = Oe(), o = r, b = ae, ne = c(null), R = c(null), re = c(null), oe = ve(), T = c(!1), g = c([]), m = c({
150
+ const le = Oe(), o = r, h = ae, ne = c(null), R = c(null), re = c(null), oe = ve(), T = c(!1), g = c([]), m = c({
151
151
  page: E.pageNum,
152
152
  size: E.pageSize,
153
153
  total: 0,
@@ -172,10 +172,10 @@ import './assets/PageContainer.css';const ee = {
172
172
  minWidth: a
173
173
  };
174
174
  })), ie = (e) => {
175
- !F.value || !w.value || j.value || k({}, !0);
175
+ !F.value || !w.value || j.value || S({}, !0);
176
176
  }, ue = (e, a) => e.id || e.bnid || e.key || `item-${a}`, se = () => {
177
177
  le.back();
178
- }, de = (e, a) => a.formatter ? a.formatter(e[a.prop], e, a) : e[a.prop], fe = (e) => oe[e] !== void 0, $ = (e, a) => typeof e.actions == "function" ? e.actions(a) || [] : e.actions || [], ce = (e) => e.length < 3 ? e : e.slice(0, 1), W = (e) => e.length < 3 ? [] : e.slice(1), k = (e = {}, a = !1) => {
178
+ }, de = (e, a) => a.formatter ? a.formatter(e[a.prop], e, a) : e[a.prop], fe = (e) => oe[e] !== void 0, $ = (e, a) => typeof e.actions == "function" ? e.actions(a) || [] : e.actions || [], ce = (e) => e.length < 3 ? e : e.slice(0, 1), W = (e) => e.length < 3 ? [] : e.slice(1), S = (e = {}, a = !1) => {
179
179
  if (!o.api) return;
180
180
  if (a) {
181
181
  if (!w.value || C.value) return;
@@ -195,10 +195,10 @@ import './assets/PageContainer.css';const ee = {
195
195
  w.value = !1;
196
196
  return;
197
197
  }
198
- g.value = [...g.value, ...n], m.value.page = t.page, m.value.total = l?.data?.totalNum || l?.data?.total || g.value.length, n.length < f.value.size && (w.value = !1);
198
+ g.value = [...g.value, ...n], m.value.page = t.page, m.value.total = l?.data?.memberSo?.total || l?.data?.total || g.value.length, n.length < f.value.size && (w.value = !1);
199
199
  } else
200
- g.value = n, m.value.total = l?.data?.totalNum || l?.data?.total || 0;
201
- b(d.dataLoaded, {
200
+ g.value = n, m.value.total = l?.data?.memberSo?.total || l?.data?.total || 0;
201
+ h(d.dataLoaded, {
202
202
  data: g.value,
203
203
  pagination: m.value,
204
204
  params: t,
@@ -206,21 +206,21 @@ import './assets/PageContainer.css';const ee = {
206
206
  isLoadMore: a
207
207
  });
208
208
  }).catch((l) => {
209
- a ? w.value = !1 : (g.value = [], m.value.total = 0), b(d.dataError, l);
209
+ a ? w.value = !1 : (g.value = [], m.value.total = 0), h(d.dataError, l);
210
210
  }).finally(() => {
211
211
  a ? C.value = !1 : T.value = !1;
212
212
  });
213
213
  }, U = () => {
214
- o.api ? (m.value.page = E.pageNum, k()) : b(d.search, v.value);
214
+ o.api ? (m.value.page = E.pageNum, S()) : h(d.search, v.value);
215
215
  }, H = () => {
216
216
  const e = {};
217
217
  Object.keys(v.value).forEach((a) => {
218
218
  e[a] = void 0;
219
- }), v.value = e, o.api ? (m.value.page = E.pageNum, k()) : b(d.reset);
219
+ }), v.value = e, o.api ? (m.value.page = E.pageNum, S()) : h(d.reset);
220
220
  }, K = (e, a, t) => {
221
- b(d.actionClick, { action: e, row: a, index: t });
221
+ h(d.actionClick, { action: e, row: a, index: t });
222
222
  }, pe = (e) => {
223
- B.value = e, b("selection-change", e);
223
+ B.value = e, h("selection-change", e);
224
224
  }, ge = (e, a) => {
225
225
  switch (o.mode === x.CARD_INFINITE && (g.value = []), e) {
226
226
  case Q.search:
@@ -246,13 +246,13 @@ import './assets/PageContainer.css';const ee = {
246
246
  ), M(
247
247
  () => v.value,
248
248
  (e) => {
249
- b(d.updateModelValue, { ...e });
249
+ h(d.updateModelValue, { ...e });
250
250
  },
251
251
  { deep: !0 }
252
252
  ), ye(() => {
253
- o.autoLoad && o.api && k();
253
+ o.autoLoad && o.api && S();
254
254
  }), te({
255
- loadData: k,
255
+ loadData: S,
256
256
  handleSearch: U,
257
257
  handleReset: H,
258
258
  // 复选框相关方法
@@ -278,12 +278,12 @@ import './assets/PageContainer.css';const ee = {
278
278
  }, [
279
279
  y(u(X), { size: 16 }, {
280
280
  default: s(() => [
281
- (i(), h(he(r.breadcrumb.icon || u(we))))
281
+ (i(), b(be(r.breadcrumb.icon || u(we))))
282
282
  ]),
283
283
  _: 1
284
284
  }),
285
285
  I("span", Be, N(r.breadcrumb.text), 1)
286
- ])) : S("", !0),
286
+ ])) : k("", !0),
287
287
  r.searchFields?.length ? (i(), p("div", {
288
288
  key: 1,
289
289
  class: q({
@@ -305,7 +305,7 @@ import './assets/PageContainer.css';const ee = {
305
305
  "onUpdate:modelValue": a[0] || (a[0] = (t) => v.value = t),
306
306
  onOperation: ge
307
307
  }, null, 8, ["items", "minWidth", "modelValue"])
308
- ], 2)) : S("", !0),
308
+ ], 2)) : k("", !0),
309
309
  I("div", {
310
310
  class: q(["data-section flex-1 overflow-hidden flex flex-col", {
311
311
  "bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16 mg-t-16": r.isSeparate
@@ -318,8 +318,8 @@ import './assets/PageContainer.css';const ee = {
318
318
  ]),
319
319
  _: 3
320
320
  }, 8, ["title"])
321
- ], !0) : S("", !0),
322
- r.mode === u(x).TABLE ? (i(), h(u(Ee), Y({
321
+ ], !0) : k("", !0),
322
+ r.mode === u(x).TABLE ? (i(), b(u(Ee), Y({
323
323
  key: 1,
324
324
  ref_key: "tableRef",
325
325
  ref: R,
@@ -328,19 +328,19 @@ import './assets/PageContainer.css';const ee = {
328
328
  "row-key": r.treeProps.rowKey,
329
329
  "tree-props": r.treeProps,
330
330
  "show-overflow-tooltip": !0
331
- }, { ...r.tableProps, loading: j.value }, be(r.tableEvents), {
331
+ }, { ...r.tableProps, loading: j.value }, he(r.tableEvents), {
332
332
  class: "flex-1 admin-dashboard-table",
333
333
  border: "",
334
334
  onSelectionChange: pe
335
335
  }), Z({
336
336
  default: s(() => [
337
- r.showSelection ? (i(), h(u(_), {
337
+ r.showSelection ? (i(), b(u(_), {
338
338
  key: 0,
339
339
  type: "selection",
340
340
  width: "55",
341
341
  fixed: "left"
342
- })) : S("", !0),
343
- (i(!0), p(D, null, P(L.value, (t) => (i(), h(u(_), Y({
342
+ })) : k("", !0),
343
+ (i(!0), p(D, null, P(L.value, (t) => (i(), b(u(_), Y({
344
344
  key: t.prop
345
345
  }, { ref_for: !0 }, t), Z({ _: 2 }, [
346
346
  t.type === u(ee).ACTION ? {
@@ -349,7 +349,7 @@ import './assets/PageContainer.css';const ee = {
349
349
  I("div", Ve, [
350
350
  (i(!0), p(D, null, P(ce(
351
351
  $(t, l.row)
352
- ), (n) => (i(), h(u(xe), {
352
+ ), (n) => (i(), b(u(xe), {
353
353
  key: n.key || n.label,
354
354
  type: n.type || "primary",
355
355
  size: n.size || "small",
@@ -365,7 +365,7 @@ import './assets/PageContainer.css';const ee = {
365
365
  ]),
366
366
  _: 2
367
367
  }, 1032, ["type", "size", "disabled", "loading", "text", "link", "icon", "onClick"]))), 128)),
368
- W($(t, l.row)).length > 0 ? (i(), h(u(Ae), {
368
+ W($(t, l.row)).length > 0 ? (i(), b(u(Ae), {
369
369
  key: 0,
370
370
  onCommand: (n) => K(n, l.row, l.$index),
371
371
  trigger: "click"
@@ -375,7 +375,7 @@ import './assets/PageContainer.css';const ee = {
375
375
  default: s(() => [
376
376
  (i(!0), p(D, null, P(W(
377
377
  $(t, l.row)
378
- ), (n) => (i(), h(u(Pe), {
378
+ ), (n) => (i(), b(u(Pe), {
379
379
  key: n.key || n.label,
380
380
  command: n,
381
381
  disabled: n.disabled
@@ -398,7 +398,7 @@ import './assets/PageContainer.css';const ee = {
398
398
  })
399
399
  ]),
400
400
  _: 2
401
- }, 1032, ["onCommand"])) : S("", !0)
401
+ }, 1032, ["onCommand"])) : k("", !0)
402
402
  ])
403
403
  ]),
404
404
  key: "0"
@@ -426,10 +426,10 @@ import './assets/PageContainer.css';const ee = {
426
426
  P(r.customSlots, (t) => ({
427
427
  name: t,
428
428
  fn: s((l) => [
429
- z(e.$slots, t, ke(Se(l)), void 0, !0)
429
+ z(e.$slots, t, Se(ke(l)), void 0, !0)
430
430
  ])
431
431
  }))
432
- ]), 1040, ["data", "columns", "row-key", "tree-props"])) : r.mode === u(x).CARD_INFINITE ? (i(), h(u(Ne), {
432
+ ]), 1040, ["data", "columns", "row-key", "tree-props"])) : r.mode === u(x).CARD_INFINITE ? (i(), b(u(Ne), {
433
433
  key: 2,
434
434
  ref_key: "scrollbarRef",
435
435
  ref: re,
@@ -452,7 +452,7 @@ import './assets/PageContainer.css';const ee = {
452
452
  ])
453
453
  ]),
454
454
  _: 3
455
- }, 512)) : S("", !0),
455
+ }, 512)) : k("", !0),
456
456
  r.showPagination && !F.value ? (i(), p("div", Fe, [
457
457
  y(u(De), {
458
458
  "current-page": f.value.page,
@@ -462,15 +462,15 @@ import './assets/PageContainer.css';const ee = {
462
462
  "page-sizes": f.value.pageSizes,
463
463
  total: f.value.total,
464
464
  layout: f.value.layout,
465
- onSizeChange: k,
466
- onCurrentChange: k
465
+ onSizeChange: S,
466
+ onCurrentChange: S
467
467
  }, null, 8, ["current-page", "page-size", "page-sizes", "total", "layout"])
468
- ])) : S("", !0)
468
+ ])) : k("", !0)
469
469
  ], 2),
470
470
  z(e.$slots, "default", {}, void 0, !0)
471
471
  ]));
472
472
  }
473
- }), Me = /* @__PURE__ */ Re($e, [["__scopeId", "data-v-de37bf4c"]]), Qe = me(Me);
473
+ }), Me = /* @__PURE__ */ Re($e, [["__scopeId", "data-v-7c2b9395"]]), Qe = me(Me);
474
474
  export {
475
475
  ee as COLUMN_TYPES,
476
476
  x as MODES,
@@ -1 +1 @@
1
- .search-section[data-v-de37bf4c]{border-bottom:1px solid var(--border-color)}.action-buttons[data-v-de37bf4c]{gap:8px;flex-wrap:wrap}.bg-fff[data-v-de37bf4c]{background-color:var(--background-color-2);border:1px solid var(--border-color)}.card-list[data-v-de37bf4c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(306px,1fr));gap:16px}
1
+ .search-section[data-v-7c2b9395]{border-bottom:1px solid var(--border-color)}.action-buttons[data-v-7c2b9395]{gap:8px;flex-wrap:wrap}.bg-fff[data-v-7c2b9395]{background-color:var(--background-color-2);border:1px solid var(--border-color)}.card-list[data-v-7c2b9395]{display:grid;grid-template-columns:repeat(auto-fill,minmax(306px,1fr));gap:16px}
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/PageContainer.css');const G=require("./chunks/index.CkihWzK6.js"),e=require("vue"),A=require("./chunks/layout.DC4lrADH.js"),J=require("color-star-custom-components"),I=require("color-message-aibox-vue"),r=require("color-star-custom-methods"),d=require("element-plus"),Q=require("vue-router"),X=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),x={ACTION:"action"},v={TABLE:"table",CARD_INFINITE:"card-infinite"},_={class:"page-container flex flex-col overflow-hidden h-full"},ee={class:"text-1f2329 pd-l-4"},te={class:"action-buttons flex items-center"},ae={class:"card-list"},le={key:3,class:"pagination-section pd-t-16 flex justify-center"},ne=Object.assign({name:"PageContainer"},{__name:"layout",props:{breadcrumb:{type:Object,default:()=>({show:!1,text:""})},title:{type:String,default:""},searchFields:{type:Array,default:()=>[]},modelValue:{type:Object,default:()=>({})},columns:{type:Array,default:()=>[]},tableData:{type:Array,default:()=>[]},tableProps:{type:Object,default:()=>({stripe:!0,border:!1})},treeProps:{type:Object,default:()=>({})},tableEvents:{type:Object,default:()=>({})},showPagination:{type:Boolean,default:!0},pagination:{type:Object,default:()=>({page:r.pageParams.pageNum,size:r.pageParams.pageSize,total:0,pageSizes:r.paginationConfig.pageSizes,layout:r.paginationConfig.layout})},customSlots:{type:Array,default:()=>[]},api:{type:Function,default:null},autoLoad:{type:Boolean,default:!0},apiParams:{type:Object,default:()=>({})},isSeparate:{type:Boolean,default:!1},minWidth:{type:Number,default:290},mode:{type:String,default:v.TABLE,validator:i=>Object.values(v).includes(i)},showSelection:{type:Boolean,default:!1},selection:{type:Array,default:()=>[]}},emits:[r.emitsMap.search,r.emitsMap.reset,r.emitsMap.actionClick,r.emitsMap.paginationChange,r.emitsMap.sizeChange,r.emitsMap.dataLoaded,r.emitsMap.dataError,r.emitsMap.updateModelValue,"selection-change"],setup(i,{expose:T,emit:O}){const R=Q.useRouter(),u=i,m=O,F=e.ref(null),k=e.ref(null),j=e.ref(null),L=e.useSlots(),b=e.ref(!1),c=e.ref([]),f=e.ref({page:r.pageParams.pageNum,size:r.pageParams.pageSize,total:0,pageSizes:r.paginationConfig.pageSizes,layout:r.paginationConfig.layout}),p=e.ref({...u.modelValue}),h=e.ref(!1),y=e.ref(!0),C=e.ref([...u.selection]),S=e.computed(()=>u.api?c.value:u.tableData),s=e.computed(()=>u.api?f.value:u.pagination),w=e.computed(()=>u.api?b.value||h.value:u.tableProps.loading||h.value||!1),B=e.computed(()=>u.mode===v.CARD_INFINITE),N=e.computed(()=>u.columns?.map(t=>{if(t.type===x.ACTION&&(Array.isArray(t.actions)||typeof t.actions=="function"))return{...t,align:"center",fixed:"right"};const{width:l,...a}=t;return{...a,minWidth:l}})),$=t=>{!B.value||!y.value||w.value||g({},!0)},q=(t,l)=>t.id||t.bnid||t.key||`item-${l}`,W=()=>{R.back()},U=(t,l)=>l.formatter?l.formatter(t[l.prop],t,l):t[l.prop],H=t=>L[t]!==void 0,E=(t,l)=>typeof t.actions=="function"?t.actions(l)||[]:t.actions||[],K=t=>t.length<3?t:t.slice(0,1),V=t=>t.length<3?[]:t.slice(1),g=(t={},l=!1)=>{if(!u.api)return;if(l){if(!y.value||h.value)return;h.value=!0}else b.value=!0,B.value&&(y.value=!0,h.value=!1);const a={...t,...u.apiParams,...p.value};u.showPagination&&(l?a.page=s.value.page+1:a.page=s.value.page,a.size=s.value.size),u.api(a).then(n=>{const o=n?.data?.memberSo?.data||n?.data?.data||n?.data||[];if(l){if(!o||o.length===0){y.value=!1;return}c.value=[...c.value,...o],f.value.page=a.page,f.value.total=n?.data?.totalNum||n?.data?.total||c.value.length,o.length<s.value.size&&(y.value=!1)}else c.value=o,f.value.total=n?.data?.totalNum||n?.data?.total||0;m(r.emitsMap.dataLoaded,{data:c.value,pagination:f.value,params:a,response:n?.data,isLoadMore:l})}).catch(n=>{l?y.value=!1:(c.value=[],f.value.total=0),m(r.emitsMap.dataError,n)}).finally(()=>{l?h.value=!1:b.value=!1})},P=()=>{u.api?(f.value.page=r.pageParams.pageNum,g()):m(r.emitsMap.search,p.value)},z=()=>{const t={};Object.keys(p.value).forEach(l=>{t[l]=void 0}),p.value=t,u.api?(f.value.page=r.pageParams.pageNum,g()):m(r.emitsMap.reset)},M=(t,l,a)=>{m(r.emitsMap.actionClick,{action:t,row:l,index:a})},Y=t=>{C.value=t,m("selection-change",t)},Z=(t,l)=>{switch(u.mode===v.CARD_INFINITE&&(c.value=[]),t){case r.operationConfigMap.search:P();break;case r.operationConfigMap.reset:z();break}};return e.watch(()=>u.modelValue,t=>{p.value={...t}},{deep:!0,immediate:!0}),e.watch(()=>u.selection,t=>{C.value=[...t]},{deep:!0,immediate:!0}),e.watch(()=>p.value,t=>{m(r.emitsMap.updateModelValue,{...t})},{deep:!0}),e.onMounted(()=>{u.autoLoad&&u.api&&g()}),T({loadData:g,handleSearch:P,handleReset:z,clearSelection:()=>k.value?.clearSelection?.(),toggleAllSelection:()=>k.value?.toggleAllSelection?.(),getSelectionRows:()=>C.value}),(t,l)=>(e.openBlock(),e.createElementBlock("div",_,[i.breadcrumb.show?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center fz-14 pd-b-20 pointer",onClick:W},[e.createVNode(e.unref(d.ElIcon),{size:16},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.breadcrumb.icon||e.unref(I.IconZuo))))]),_:1}),e.createElementVNode("span",ee,e.toDisplayString(i.breadcrumb.text),1)])):e.createCommentVNode("",!0),i.searchFields?.length?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass({"search-section pd-b-12 mg-b-12":!i.isSeparate,"bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16":i.isSeparate})},[e.createVNode(A.CustomTitle,{title:"查询"}),e.createVNode(e.unref(J.SearchBar),{ref_key:"searchFormRef",ref:F,items:i.searchFields,"filter-mode":!1,minWidth:i.minWidth,hideExpandButton:!1,fixedWidth:!0,maxHeight:32,modelValue:p.value,"onUpdate:modelValue":l[0]||(l[0]=a=>p.value=a),onOperation:Z},null,8,["items","minWidth","modelValue"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["data-section flex-1 overflow-hidden flex flex-col",{"bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16 mg-t-16":i.isSeparate}])},[i.title?e.renderSlot(t.$slots,"title",{key:0},()=>[e.createVNode(A.CustomTitle,{title:i.title},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"title-actions",{},void 0,!0)]),_:3},8,["title"])],!0):e.createCommentVNode("",!0),i.mode===e.unref(v).TABLE?(e.openBlock(),e.createBlock(e.unref(d.ElTable),e.mergeProps({key:1,ref_key:"tableRef",ref:k,data:S.value,columns:N.value,"row-key":i.treeProps.rowKey,"tree-props":i.treeProps,"show-overflow-tooltip":!0},{...i.tableProps,loading:w.value},e.toHandlers(i.tableEvents),{class:"flex-1 admin-dashboard-table",border:"",onSelectionChange:Y}),e.createSlots({default:e.withCtx(()=>[i.showSelection?(e.openBlock(),e.createBlock(e.unref(d.ElTableColumn),{key:0,type:"selection",width:"55",fixed:"left"})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,a=>(e.openBlock(),e.createBlock(e.unref(d.ElTableColumn),e.mergeProps({key:a.prop},{ref_for:!0},a),e.createSlots({_:2},[a.type===e.unref(x).ACTION?{name:"default",fn:e.withCtx(n=>[e.createElementVNode("div",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(K(E(a,n.row)),o=>(e.openBlock(),e.createBlock(e.unref(d.ElButton),{key:o.key||o.label,type:o.type||"primary",size:o.size||"small",disabled:o.disabled,loading:o.loading,text:o.text,link:o.link,icon:o.icon,onClick:oe=>M(o,n.row,n.$index)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:2},1032,["type","size","disabled","loading","text","link","icon","onClick"]))),128)),V(E(a,n.row)).length>0?(e.openBlock(),e.createBlock(e.unref(d.ElDropdown),{key:0,onCommand:o=>M(o,n.row,n.$index),trigger:"click"},{dropdown:e.withCtx(()=>[e.createVNode(e.unref(d.ElDropdownMenu),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V(E(a,n.row)),o=>(e.openBlock(),e.createBlock(e.unref(d.ElDropdownItem),{key:o.key||o.label,command:o,disabled:o.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:2},1032,["command","disabled"]))),128))]),_:2},1024)]),default:e.withCtx(()=>[e.createVNode(e.unref(d.ElIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(I.IconMore))]),_:1})]),_:2},1032,["onCommand"])):e.createCommentVNode("",!0)])]),key:"0"}:H(a.prop)?{name:"default",fn:e.withCtx(n=>[e.renderSlot(t.$slots,a.prop,{row:n.row,index:n.$index,column:a},void 0,!0)]),key:"1"}:{name:"default",fn:e.withCtx(n=>[e.createElementVNode("span",null,e.toDisplayString(U(n.row,a)),1)]),key:"2"}]),1040))),128))]),_:2},[e.renderList(i.customSlots,a=>({name:a,fn:e.withCtx(n=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(n)),void 0,!0)])}))]),1040,["data","columns","row-key","tree-props"])):i.mode===e.unref(v).CARD_INFINITE?(e.openBlock(),e.createBlock(e.unref(d.ElScrollbar),{key:2,ref_key:"scrollbarRef",ref:j,class:"card-container flex-1",onEndReached:$},{default:e.withCtx(()=>[e.createElementVNode("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,(a,n)=>(e.openBlock(),e.createElementBlock("div",{key:q(a,n),class:"card-item"},[e.renderSlot(t.$slots,"card",{item:a,index:n,data:S.value,loading:w.value},void 0,!0)]))),128))])]),_:3},512)):e.createCommentVNode("",!0),i.showPagination&&!B.value?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(e.unref(d.ElPagination),{"current-page":s.value.page,"onUpdate:currentPage":l[1]||(l[1]=a=>s.value.page=a),"page-size":s.value.size,"onUpdate:pageSize":l[2]||(l[2]=a=>s.value.size=a),"page-sizes":s.value.pageSizes,total:s.value.total,layout:s.value.layout,onSizeChange:g,onCurrentChange:g},null,8,["current-page","page-size","page-sizes","total","layout"])])):e.createCommentVNode("",!0)],2),e.renderSlot(t.$slots,"default",{},void 0,!0)]))}}),re=X._export_sfc(ne,[["__scopeId","data-v-de37bf4c"]]),D=G.withInstall(re);exports.COLUMN_TYPES=x;exports.MODES=v;exports.PageContainer=D;exports.default=D;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/PageContainer.css');const G=require("./chunks/index.CkihWzK6.js"),e=require("vue"),A=require("./chunks/layout.DC4lrADH.js"),J=require("color-star-custom-components"),I=require("color-message-aibox-vue"),r=require("color-star-custom-methods"),d=require("element-plus"),Q=require("vue-router"),X=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),x={ACTION:"action"},v={TABLE:"table",CARD_INFINITE:"card-infinite"},_={class:"page-container flex flex-col overflow-hidden h-full"},ee={class:"text-1f2329 pd-l-4"},te={class:"action-buttons flex items-center"},ae={class:"card-list"},le={key:3,class:"pagination-section pd-t-16 flex justify-center"},ne=Object.assign({name:"PageContainer"},{__name:"layout",props:{breadcrumb:{type:Object,default:()=>({show:!1,text:""})},title:{type:String,default:""},searchFields:{type:Array,default:()=>[]},modelValue:{type:Object,default:()=>({})},columns:{type:Array,default:()=>[]},tableData:{type:Array,default:()=>[]},tableProps:{type:Object,default:()=>({stripe:!0,border:!1})},treeProps:{type:Object,default:()=>({})},tableEvents:{type:Object,default:()=>({})},showPagination:{type:Boolean,default:!0},pagination:{type:Object,default:()=>({page:r.pageParams.pageNum,size:r.pageParams.pageSize,total:0,pageSizes:r.paginationConfig.pageSizes,layout:r.paginationConfig.layout})},customSlots:{type:Array,default:()=>[]},api:{type:Function,default:null},autoLoad:{type:Boolean,default:!0},apiParams:{type:Object,default:()=>({})},isSeparate:{type:Boolean,default:!1},minWidth:{type:Number,default:290},mode:{type:String,default:v.TABLE,validator:i=>Object.values(v).includes(i)},showSelection:{type:Boolean,default:!1},selection:{type:Array,default:()=>[]}},emits:[r.emitsMap.search,r.emitsMap.reset,r.emitsMap.actionClick,r.emitsMap.paginationChange,r.emitsMap.sizeChange,r.emitsMap.dataLoaded,r.emitsMap.dataError,r.emitsMap.updateModelValue,"selection-change"],setup(i,{expose:T,emit:O}){const R=Q.useRouter(),u=i,m=O,F=e.ref(null),b=e.ref(null),j=e.ref(null),L=e.useSlots(),k=e.ref(!1),c=e.ref([]),f=e.ref({page:r.pageParams.pageNum,size:r.pageParams.pageSize,total:0,pageSizes:r.paginationConfig.pageSizes,layout:r.paginationConfig.layout}),p=e.ref({...u.modelValue}),h=e.ref(!1),y=e.ref(!0),C=e.ref([...u.selection]),S=e.computed(()=>u.api?c.value:u.tableData),s=e.computed(()=>u.api?f.value:u.pagination),w=e.computed(()=>u.api?k.value||h.value:u.tableProps.loading||h.value||!1),B=e.computed(()=>u.mode===v.CARD_INFINITE),N=e.computed(()=>u.columns?.map(t=>{if(t.type===x.ACTION&&(Array.isArray(t.actions)||typeof t.actions=="function"))return{...t,align:"center",fixed:"right"};const{width:l,...a}=t;return{...a,minWidth:l}})),$=t=>{!B.value||!y.value||w.value||g({},!0)},q=(t,l)=>t.id||t.bnid||t.key||`item-${l}`,W=()=>{R.back()},U=(t,l)=>l.formatter?l.formatter(t[l.prop],t,l):t[l.prop],H=t=>L[t]!==void 0,E=(t,l)=>typeof t.actions=="function"?t.actions(l)||[]:t.actions||[],K=t=>t.length<3?t:t.slice(0,1),V=t=>t.length<3?[]:t.slice(1),g=(t={},l=!1)=>{if(!u.api)return;if(l){if(!y.value||h.value)return;h.value=!0}else k.value=!0,B.value&&(y.value=!0,h.value=!1);const a={...t,...u.apiParams,...p.value};u.showPagination&&(l?a.page=s.value.page+1:a.page=s.value.page,a.size=s.value.size),u.api(a).then(n=>{const o=n?.data?.memberSo?.data||n?.data?.data||n?.data||[];if(l){if(!o||o.length===0){y.value=!1;return}c.value=[...c.value,...o],f.value.page=a.page,f.value.total=n?.data?.memberSo?.total||n?.data?.total||c.value.length,o.length<s.value.size&&(y.value=!1)}else c.value=o,f.value.total=n?.data?.memberSo?.total||n?.data?.total||0;m(r.emitsMap.dataLoaded,{data:c.value,pagination:f.value,params:a,response:n?.data,isLoadMore:l})}).catch(n=>{l?y.value=!1:(c.value=[],f.value.total=0),m(r.emitsMap.dataError,n)}).finally(()=>{l?h.value=!1:k.value=!1})},P=()=>{u.api?(f.value.page=r.pageParams.pageNum,g()):m(r.emitsMap.search,p.value)},z=()=>{const t={};Object.keys(p.value).forEach(l=>{t[l]=void 0}),p.value=t,u.api?(f.value.page=r.pageParams.pageNum,g()):m(r.emitsMap.reset)},M=(t,l,a)=>{m(r.emitsMap.actionClick,{action:t,row:l,index:a})},Y=t=>{C.value=t,m("selection-change",t)},Z=(t,l)=>{switch(u.mode===v.CARD_INFINITE&&(c.value=[]),t){case r.operationConfigMap.search:P();break;case r.operationConfigMap.reset:z();break}};return e.watch(()=>u.modelValue,t=>{p.value={...t}},{deep:!0,immediate:!0}),e.watch(()=>u.selection,t=>{C.value=[...t]},{deep:!0,immediate:!0}),e.watch(()=>p.value,t=>{m(r.emitsMap.updateModelValue,{...t})},{deep:!0}),e.onMounted(()=>{u.autoLoad&&u.api&&g()}),T({loadData:g,handleSearch:P,handleReset:z,clearSelection:()=>b.value?.clearSelection?.(),toggleAllSelection:()=>b.value?.toggleAllSelection?.(),getSelectionRows:()=>C.value}),(t,l)=>(e.openBlock(),e.createElementBlock("div",_,[i.breadcrumb.show?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center fz-14 pd-b-20 pointer",onClick:W},[e.createVNode(e.unref(d.ElIcon),{size:16},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.breadcrumb.icon||e.unref(I.IconZuo))))]),_:1}),e.createElementVNode("span",ee,e.toDisplayString(i.breadcrumb.text),1)])):e.createCommentVNode("",!0),i.searchFields?.length?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass({"search-section pd-b-12 mg-b-12":!i.isSeparate,"bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16":i.isSeparate})},[e.createVNode(A.CustomTitle,{title:"查询"}),e.createVNode(e.unref(J.SearchBar),{ref_key:"searchFormRef",ref:F,items:i.searchFields,"filter-mode":!1,minWidth:i.minWidth,hideExpandButton:!1,fixedWidth:!0,maxHeight:32,modelValue:p.value,"onUpdate:modelValue":l[0]||(l[0]=a=>p.value=a),onOperation:Z},null,8,["items","minWidth","modelValue"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["data-section flex-1 overflow-hidden flex flex-col",{"bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16 mg-t-16":i.isSeparate}])},[i.title?e.renderSlot(t.$slots,"title",{key:0},()=>[e.createVNode(A.CustomTitle,{title:i.title},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"title-actions",{},void 0,!0)]),_:3},8,["title"])],!0):e.createCommentVNode("",!0),i.mode===e.unref(v).TABLE?(e.openBlock(),e.createBlock(e.unref(d.ElTable),e.mergeProps({key:1,ref_key:"tableRef",ref:b,data:S.value,columns:N.value,"row-key":i.treeProps.rowKey,"tree-props":i.treeProps,"show-overflow-tooltip":!0},{...i.tableProps,loading:w.value},e.toHandlers(i.tableEvents),{class:"flex-1 admin-dashboard-table",border:"",onSelectionChange:Y}),e.createSlots({default:e.withCtx(()=>[i.showSelection?(e.openBlock(),e.createBlock(e.unref(d.ElTableColumn),{key:0,type:"selection",width:"55",fixed:"left"})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,a=>(e.openBlock(),e.createBlock(e.unref(d.ElTableColumn),e.mergeProps({key:a.prop},{ref_for:!0},a),e.createSlots({_:2},[a.type===e.unref(x).ACTION?{name:"default",fn:e.withCtx(n=>[e.createElementVNode("div",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(K(E(a,n.row)),o=>(e.openBlock(),e.createBlock(e.unref(d.ElButton),{key:o.key||o.label,type:o.type||"primary",size:o.size||"small",disabled:o.disabled,loading:o.loading,text:o.text,link:o.link,icon:o.icon,onClick:oe=>M(o,n.row,n.$index)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:2},1032,["type","size","disabled","loading","text","link","icon","onClick"]))),128)),V(E(a,n.row)).length>0?(e.openBlock(),e.createBlock(e.unref(d.ElDropdown),{key:0,onCommand:o=>M(o,n.row,n.$index),trigger:"click"},{dropdown:e.withCtx(()=>[e.createVNode(e.unref(d.ElDropdownMenu),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V(E(a,n.row)),o=>(e.openBlock(),e.createBlock(e.unref(d.ElDropdownItem),{key:o.key||o.label,command:o,disabled:o.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:2},1032,["command","disabled"]))),128))]),_:2},1024)]),default:e.withCtx(()=>[e.createVNode(e.unref(d.ElIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(I.IconMore))]),_:1})]),_:2},1032,["onCommand"])):e.createCommentVNode("",!0)])]),key:"0"}:H(a.prop)?{name:"default",fn:e.withCtx(n=>[e.renderSlot(t.$slots,a.prop,{row:n.row,index:n.$index,column:a},void 0,!0)]),key:"1"}:{name:"default",fn:e.withCtx(n=>[e.createElementVNode("span",null,e.toDisplayString(U(n.row,a)),1)]),key:"2"}]),1040))),128))]),_:2},[e.renderList(i.customSlots,a=>({name:a,fn:e.withCtx(n=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(n)),void 0,!0)])}))]),1040,["data","columns","row-key","tree-props"])):i.mode===e.unref(v).CARD_INFINITE?(e.openBlock(),e.createBlock(e.unref(d.ElScrollbar),{key:2,ref_key:"scrollbarRef",ref:j,class:"card-container flex-1",onEndReached:$},{default:e.withCtx(()=>[e.createElementVNode("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,(a,n)=>(e.openBlock(),e.createElementBlock("div",{key:q(a,n),class:"card-item"},[e.renderSlot(t.$slots,"card",{item:a,index:n,data:S.value,loading:w.value},void 0,!0)]))),128))])]),_:3},512)):e.createCommentVNode("",!0),i.showPagination&&!B.value?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(e.unref(d.ElPagination),{"current-page":s.value.page,"onUpdate:currentPage":l[1]||(l[1]=a=>s.value.page=a),"page-size":s.value.size,"onUpdate:pageSize":l[2]||(l[2]=a=>s.value.size=a),"page-sizes":s.value.pageSizes,total:s.value.total,layout:s.value.layout,onSizeChange:g,onCurrentChange:g},null,8,["current-page","page-size","page-sizes","total","layout"])])):e.createCommentVNode("",!0)],2),e.renderSlot(t.$slots,"default",{},void 0,!0)]))}}),re=X._export_sfc(ne,[["__scopeId","data-v-7c2b9395"]]),D=G.withInstall(re);exports.COLUMN_TYPES=x;exports.MODES=v;exports.PageContainer=D;exports.default=D;
@@ -1 +1 @@
1
- .search-section[data-v-de37bf4c]{border-bottom:1px solid var(--border-color)}.action-buttons[data-v-de37bf4c]{gap:8px;flex-wrap:wrap}.bg-fff[data-v-de37bf4c]{background-color:var(--background-color-2);border:1px solid var(--border-color)}.card-list[data-v-de37bf4c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(306px,1fr));gap:16px}
1
+ .search-section[data-v-7c2b9395]{border-bottom:1px solid var(--border-color)}.action-buttons[data-v-7c2b9395]{gap:8px;flex-wrap:wrap}.bg-fff[data-v-7c2b9395]{background-color:var(--background-color-2);border:1px solid var(--border-color)}.card-list[data-v-7c2b9395]{display:grid;grid-template-columns:repeat(auto-fill,minmax(306px,1fr));gap:16px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "china-mobile-international-custom-components",
3
- "version": "0.0.30",
3
+ "version": "0.0.31",
4
4
  "keywords": [
5
5
  "components",
6
6
  "vue",
@@ -105,11 +105,11 @@
105
105
  "peerDependencies": {
106
106
  "axios": "^1.8.2",
107
107
  "vue": "^3.5.26",
108
- "color-message-lingyun-vue": "0.0.30",
109
108
  "color-star-atom-style": "0.0.2",
109
+ "color-message-lingyun-vue": "0.0.30",
110
110
  "color-message-aibox-vue": "0.0.80",
111
- "color-star-custom-components": "0.0.20",
112
- "color-star-custom-methods": "0.0.17"
111
+ "color-star-custom-methods": "0.0.17",
112
+ "color-star-custom-components": "0.0.20"
113
113
  },
114
114
  "optionalDependencies": {
115
115
  "@ast-grep/napi-linux-x64-musl": "^0.39.6",