@ibiz-template/vue3-util 0.7.41-alpha.112 → 0.7.41-alpha.113

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 (39) hide show
  1. package/dist/index.min.css +1 -1
  2. package/dist/index.system.min.js +1 -1
  3. package/es/control/panel/view-layout-panel/view-layout-panel.d.ts.map +1 -1
  4. package/es/control/panel/view-layout-panel/view-layout-panel.mjs +8 -3
  5. package/es/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.css +1 -1
  6. package/es/panel-component/multi-data-container-raw/multi-data-container-raw.d.ts.map +1 -1
  7. package/es/panel-component/multi-data-container-raw/multi-data-container-raw.mjs +7 -1
  8. package/es/panel-component/panel-container/panel-container.d.ts.map +1 -1
  9. package/es/panel-component/panel-container/panel-container.mjs +7 -1
  10. package/es/panel-component/panel-container-image/panel-container-image.d.ts.map +1 -1
  11. package/es/panel-component/panel-container-image/panel-container-image.mjs +7 -1
  12. package/es/panel-component/panel-ctrl-pos/panel-ctrl-pos.d.ts.map +1 -1
  13. package/es/panel-component/panel-ctrl-pos/panel-ctrl-pos.mjs +7 -3
  14. package/es/panel-component/panel-tab-page/panel-tab-page.d.ts.map +1 -1
  15. package/es/panel-component/panel-tab-page/panel-tab-page.mjs +8 -2
  16. package/es/panel-component/scroll-container/scroll-container-item/scroll-container-item.d.ts +2 -0
  17. package/es/panel-component/scroll-container/scroll-container-item/scroll-container-item.d.ts.map +1 -1
  18. package/es/panel-component/scroll-container/scroll-container-item/scroll-container-item.mjs +16 -2
  19. package/es/panel-component/single-data-container/single-data-container.d.ts.map +1 -1
  20. package/es/panel-component/single-data-container/single-data-container.mjs +6 -0
  21. package/lib/control/panel/view-layout-panel/view-layout-panel.cjs +8 -3
  22. package/lib/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.css +1 -1
  23. package/lib/panel-component/multi-data-container-raw/multi-data-container-raw.cjs +7 -1
  24. package/lib/panel-component/panel-container/panel-container.cjs +7 -1
  25. package/lib/panel-component/panel-container-image/panel-container-image.cjs +7 -1
  26. package/lib/panel-component/panel-ctrl-pos/panel-ctrl-pos.cjs +7 -3
  27. package/lib/panel-component/panel-tab-page/panel-tab-page.cjs +8 -2
  28. package/lib/panel-component/scroll-container/scroll-container-item/scroll-container-item.cjs +16 -2
  29. package/lib/panel-component/single-data-container/single-data-container.cjs +6 -0
  30. package/package.json +4 -4
  31. package/src/control/panel/view-layout-panel/view-layout-panel.tsx +8 -2
  32. package/src/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.scss +2 -0
  33. package/src/panel-component/multi-data-container-raw/multi-data-container-raw.tsx +2 -0
  34. package/src/panel-component/panel-container/panel-container.tsx +2 -0
  35. package/src/panel-component/panel-container-image/panel-container-image.tsx +2 -0
  36. package/src/panel-component/panel-ctrl-pos/panel-ctrl-pos.tsx +7 -3
  37. package/src/panel-component/panel-tab-page/panel-tab-page.tsx +8 -3
  38. package/src/panel-component/scroll-container/scroll-container-item/scroll-container-item.tsx +7 -3
  39. package/src/panel-component/single-data-container/single-data-container.tsx +2 -0
package/es/control/panel/view-layout-panel/view-layout-panel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"view-layout-panel.d.ts","sourceRoot":"","sources":["../../../../src/control/panel/view-layout-panel/view-layout-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EAGR,KAAK,EAKN,MAAM,KAAK,CAAC;AACb,OAAO,EAGL,UAAU,EAEV,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAEL,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAIlB,yBAAyB,EAC1B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,0BAA0B,CAAC;AAyBlC;;GAEG;AACH,eAAO,MAAM,sBAAsB;IAG/B;;OAEG;;;;;IAKH;;OAEG;;;;;IAEH;;;OAGG;;;;;IAEH;;;OAGG;;;;IAEH;;OAEG;;;;IAEH;;OAEG;;;;;;;iCAuCU,UAAU,YACX;QACR,SAAS,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;SACnC,CAAC;QACF,UAAU,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;SACrC,CAAC;KACH,KACA,KAAK,GAAG,IAAI;;IA3Ef;;OAEG;;;;;IAKH;;OAEG;;;;;IAEH;;;OAGG;;;;;IAEH;;;OAGG;;;;IAEH;;OAEG;;;;IAEH;;OAEG;;;;;;4EAiLL,CAAC"}
1
+ {"version":3,"file":"view-layout-panel.d.ts","sourceRoot":"","sources":["../../../../src/control/panel/view-layout-panel/view-layout-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EAGR,KAAK,EAKN,MAAM,KAAK,CAAC;AACb,OAAO,EAGL,UAAU,EAEV,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAEL,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAIlB,yBAAyB,EAC1B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,0BAA0B,CAAC;AAyBlC;;GAEG;AACH,eAAO,MAAM,sBAAsB;IAG/B;;OAEG;;;;;IAKH;;OAEG;;;;;IAEH;;;OAGG;;;;;IAEH;;;OAGG;;;;IAEH;;OAEG;;;;IAEH;;OAEG;;;;;;;iCAuCU,UAAU,YACX;QACR,SAAS,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;SACnC,CAAC;QACF,UAAU,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;SACrC,CAAC;KACH,KACA,KAAK,GAAG,IAAI;;IA3Ef;;OAEG;;;;;IAKH;;OAEG;;;;;IAEH;;;OAGG;;;;;IAEH;;;OAGG;;;;IAEH;;OAEG;;;;IAEH;;OAEG;;;;;;4EAuLL,CAAC"}
package/es/control/panel/view-layout-panel/view-layout-panel.mjs CHANGED
@@ -115,14 +115,19 @@ const ViewLayoutPanelControl = /* @__PURE__ */ defineComponent({
115
115
  if (panelItem.itemType === "CTRLPOS" && slots[panelItem.id]) {
116
116
  const panelItemC2 = panelItems[panelItem.id];
117
117
  if (panelItemC2.parent && isSimpleDataContainer(panelItemC2.parent.model)) {
118
- children = () => {
118
+ children = (event = {}) => {
119
119
  return slots[panelItem.id]({
120
120
  isSimple: true,
121
- data: panelItemC2.data
121
+ data: panelItemC2.data,
122
+ class: event.class,
123
+ style: event.style
122
124
  });
123
125
  };
124
126
  } else {
125
- children = () => slots[panelItem.id]();
127
+ children = (event = {}) => slots[panelItem.id]({
128
+ class: event.class,
129
+ style: event.style
130
+ });
126
131
  }
127
132
  } else if (panelItem.itemType === "TABPANEL" && ((_a = panelItem.panelTabPages) == null ? void 0 : _a.length)) {
128
133
  children = () => {
package/es/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.css CHANGED
@@ -1 +1 @@
1
- .ibiz-auth-wxmp-qrcode{--ibiz-auth-wxmp-qrcode-caption-font-size:var(--ibiz-font-size-small);--ibiz-auth-wxmp-qrcode-bg-color:rgba(255, 255, 255, 0.9);--ibiz-auth-wxmp-qrcode-mask-color:var(--ibiz-color-primary);--ibiz-auth-wxmp-qrcode-mask-icon-font-size:var(--ibiz-font-size-header-1);--ibiz-auth-wxmp-qrcode-mask-icon-hover-color:var(--ibiz-color-primary-hover);width:100%;height:100%}.ibiz-auth-wxmp-qrcode__content{position:relative;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__qrcode{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ibiz-auth-wxmp-qrcode__caption{font-size:var(--ibiz-auth-wxmp-qrcode-caption-font-size);text-align:center}.ibiz-auth-wxmp-qrcode__mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ibiz-auth-wxmp-qrcode-mask-color);background-color:var(--ibiz-auth-wxmp-qrcode-bg-color)}.ibiz-auth-wxmp-qrcode__mask--icon{font-size:var(--ibiz-auth-wxmp-qrcode-mask-icon-font-size);cursor:pointer}.ibiz-auth-wxmp-qrcode__mask--icon:hover{color:var(--ibiz-auth-wxmp-qrcode-mask-icon-hover-color)}
1
+ .ibiz-auth-wxmp-qrcode{--ibiz-auth-wxmp-qrcode-caption-font-size:var(--ibiz-font-size-small);--ibiz-auth-wxmp-qrcode-bg-color:rgba(255, 255, 255, 0.9);--ibiz-auth-wxmp-qrcode-mask-color:var(--ibiz-color-primary);--ibiz-auth-wxmp-qrcode-mask-icon-font-size:var(--ibiz-font-size-header-1);--ibiz-auth-wxmp-qrcode-mask-icon-hover-color:var(--ibiz-color-primary-hover);display:flex;flex-direction:column;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__content{position:relative;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__qrcode{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ibiz-auth-wxmp-qrcode__caption{font-size:var(--ibiz-auth-wxmp-qrcode-caption-font-size);text-align:center}.ibiz-auth-wxmp-qrcode__mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ibiz-auth-wxmp-qrcode-mask-color);background-color:var(--ibiz-auth-wxmp-qrcode-bg-color)}.ibiz-auth-wxmp-qrcode__mask--icon{font-size:var(--ibiz-auth-wxmp-qrcode-mask-icon-font-size);cursor:pointer}.ibiz-auth-wxmp-qrcode__mask--icon:hover{color:var(--ibiz-auth-wxmp-qrcode-mask-icon-hover-color)}
package/es/panel-component/multi-data-container-raw/multi-data-container-raw.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"multi-data-container-raw.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container-raw/multi-data-container-raw.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAIL,QAAQ,EAER,KAAK,EAEN,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,+BAA+B,EAAE,MAAM,uCAAuC,CAAC;AACxF,OAAO,iCAAiC,CAAC;AAEzC;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;IAG9B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;iCA2BY,UAAU,YACX;QACR,SAAS,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;SACnC,CAAC;QACF,UAAU,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;SACrC,CAAC;KACH,KACE,KAAK,GAAG,IAAI;;;;IA7CnB;;OAEG;;;;;IAKH;;OAEG;;;;;iGA2FL,CAAC"}
1
+ {"version":3,"file":"multi-data-container-raw.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container-raw/multi-data-container-raw.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAIL,QAAQ,EAER,KAAK,EAEN,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,+BAA+B,EAAE,MAAM,uCAAuC,CAAC;AACxF,OAAO,iCAAiC,CAAC;AAEzC;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;IAG9B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;iCA2BY,UAAU,YACX;QACR,SAAS,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;SACnC,CAAC;QACF,UAAU,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;SACrC,CAAC;KACH,KACE,KAAK,GAAG,IAAI;;;;IA7CnB;;OAEG;;;;;IAKH;;OAEG;;;;;iGA6FL,CAAC"}
package/es/panel-component/multi-data-container-raw/multi-data-container-raw.mjs CHANGED
@@ -76,7 +76,13 @@ const MultiDataContainerRaw = /* @__PURE__ */ defineComponent({
76
76
  const childController = this.controller.panelItems[panelItem.id];
77
77
  return createVNode(resolveComponent("iBizCol"), {
78
78
  "layoutPos": panelItem.layoutPos,
79
- "state": childController.state
79
+ "state": childController.state,
80
+ "class": this.semanticClass("item", {
81
+ item: childController
82
+ }),
83
+ "style": this.semanticStyle("item", {
84
+ item: childController
85
+ })
80
86
  }, _isSlot(_slot = this.renderPanelItem(panelItem, {
81
87
  providers: this.controller.providers,
82
88
  panelItems: this.controller.panelItems
package/es/panel-component/panel-container/panel-container.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"panel-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/panel-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEjE,OAAO,wBAAwB,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,cAAc;IAGvB;;OAEG;;;;;IAEH;;OAEG;;;;;;;;;;;IANH;;OAEG;;;;;IAEH;;OAEG;;;;;iGAmHL,CAAC"}
1
+ {"version":3,"file":"panel-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container/panel-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEjE,OAAO,wBAAwB,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,cAAc;IAGvB;;OAEG;;;;;IAEH;;OAEG;;;;;;;;;;;IANH;;OAEG;;;;;IAEH;;OAEG;;;;;iGAqHL,CAAC"}
package/es/panel-component/panel-container/panel-container.mjs CHANGED
@@ -64,7 +64,13 @@ const PanelContainer = /* @__PURE__ */ defineComponent({
64
64
  }
65
65
  return createVNode(resolveComponent("iBizCol"), {
66
66
  "layoutPos": props.modelData.layoutPos,
67
- "state": props.controller.state
67
+ "state": props.controller.state,
68
+ "class": this.semanticClass("item", {
69
+ props
70
+ }),
71
+ "style": this.semanticStyle("item", {
72
+ props
73
+ })
68
74
  }, _isSlot(slot) ? slot : {
69
75
  default: () => [slot]
70
76
  });
package/es/panel-component/panel-container-image/panel-container-image.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"panel-container-image.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/panel-container-image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAGjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAyFL,CAAC"}
1
+ {"version":3,"file":"panel-container-image.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/panel-container-image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAGjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGA2FL,CAAC"}
package/es/panel-component/panel-container-image/panel-container-image.mjs CHANGED
@@ -87,7 +87,13 @@ const PanelContainerImage = /* @__PURE__ */ defineComponent({
87
87
  }
88
88
  return createVNode(resolveComponent("iBizCol"), {
89
89
  "layoutPos": props.modelData.layoutPos,
90
- "state": props.controller.state
90
+ "state": props.controller.state,
91
+ "class": this.semanticClass("item", {
92
+ props
93
+ }),
94
+ "style": this.semanticStyle("item", {
95
+ props
96
+ })
91
97
  }, _isSlot(slot) ? slot : {
92
98
  default: () => [slot]
93
99
  });
package/es/panel-component/panel-ctrl-pos/panel-ctrl-pos.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"panel-ctrl-pos.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-ctrl-pos/panel-ctrl-pos.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAE/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,uBAAuB,CAAC;AAE/B;;;;GAIG;AACH,eAAO,MAAM,YAAY;IAGrB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGA+CL,CAAC"}
1
+ {"version":3,"file":"panel-ctrl-pos.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-ctrl-pos/panel-ctrl-pos.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAE/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,uBAAuB,CAAC;AAE/B;;;;GAIG;AACH,eAAO,MAAM,YAAY;IAGrB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAmDL,CAAC"}
package/es/panel-component/panel-ctrl-pos/panel-ctrl-pos.mjs CHANGED
@@ -47,11 +47,15 @@ const PanelCtrlPos = /* @__PURE__ */ defineComponent({
47
47
  } = this.controller;
48
48
  let content;
49
49
  if (this.$slots.default) {
50
- content = this.$slots.default();
50
+ const props = {
51
+ class: this.semanticClass("content"),
52
+ style: this.semanticStyle("content")
53
+ };
54
+ content = this.$slots.default(props);
51
55
  }
52
56
  return createVNode("div", {
53
- "class": [this.ns.b(), this.ns.m(this.modelData.id), this.semanticClass("content"), ...this.controller.containerClass, this.ns.is("hidden", !state.visible)],
54
- "style": this.semanticStyle("content")
57
+ "class": [this.ns.b(), this.ns.m(this.modelData.id), this.semanticClass("root"), ...this.controller.containerClass, this.ns.is("hidden", !state.visible)],
58
+ "style": this.semanticStyle("root")
55
59
  }, [content || (ibiz.env.dev ? ibiz.i18n.t("vue3Util.panelComponent.noProvidedSlot", {
56
60
  id: this.modelData.id
57
61
  }) : "")]);
package/es/panel-component/panel-tab-page/panel-tab-page.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"panel-tab-page.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-tab-page/panel-tab-page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;;;GAIG;AACH,eAAO,MAAM,YAAY;IAGrB;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;IAVH;;OAEG;;;;;IAMH;;OAEG;;;;;iGAsDL,CAAC"}
1
+ {"version":3,"file":"panel-tab-page.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-tab-page/panel-tab-page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;;;GAIG;AACH,eAAO,MAAM,YAAY;IAGrB;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;IAVH;;OAEG;;;;;IAMH;;OAEG;;;;;iGA2DL,CAAC"}
package/es/panel-component/panel-tab-page/panel-tab-page.mjs CHANGED
@@ -53,8 +53,8 @@ const PanelTabPage = /* @__PURE__ */ defineComponent({
53
53
  let _slot;
54
54
  const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
55
55
  return withDirectives(createVNode(resolveComponent("iBizRow"), {
56
- "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.classArr, this.semanticClass("content")],
57
- "style": this.semanticStyle("content"),
56
+ "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.classArr, this.semanticClass("root")],
57
+ "style": this.semanticStyle("root"),
58
58
  "layout": this.modelData.layout,
59
59
  "element-loading-text": this.controller.state.loadingText
60
60
  }, _isSlot(_slot = defaultSlots.map((slot) => {
@@ -64,6 +64,12 @@ const PanelTabPage = /* @__PURE__ */ defineComponent({
64
64
  }
65
65
  const c = props.controller;
66
66
  return createVNode(resolveComponent("iBizCol"), {
67
+ "class": this.semanticClass("item", {
68
+ props
69
+ }),
70
+ "style": this.semanticStyle("item", {
71
+ props
72
+ }),
67
73
  "layoutPos": c.model.layoutPos,
68
74
  "state": c.state
69
75
  }, _isSlot(slot) ? slot : {
package/es/panel-component/scroll-container/scroll-container-item/scroll-container-item.d.ts CHANGED
@@ -25,6 +25,8 @@ export declare const ScrollContainerItem: import("vue").DefineComponent<import("
25
25
  }>, {
26
26
  ns: import("@ibiz-template/core").Namespace;
27
27
  classArr: import("vue").ComputedRef<(string | false)[]>;
28
+ semanticClass: import("../../../use").UseSemanticClassReturn;
29
+ semanticStyle: import("../../../use").UseSemanticStyleReturn;
28
30
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
29
31
  /**
30
32
  * @description 面板滚动容器项模型数据
package/es/panel-component/scroll-container/scroll-container-item/scroll-container-item.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"scroll-container-item.d.ts","sourceRoot":"","sources":["../../../../src/panel-component/scroll-container/scroll-container-item/scroll-container-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAoDL,CAAC"}
1
+ {"version":3,"file":"scroll-container-item.d.ts","sourceRoot":"","sources":["../../../../src/panel-component/scroll-container/scroll-container-item/scroll-container-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGAwDL,CAAC"}
package/es/panel-component/scroll-container/scroll-container-item/scroll-container-item.mjs CHANGED
@@ -3,6 +3,7 @@ import '../../../use/index.mjs';
3
3
  import { ScrollContainerItemController } from './scroll-container-item.controller.mjs';
4
4
  import './scroll-container-item.css';
5
5
  import { useNamespace } from '../../../use/namespace/namespace.mjs';
6
+ import { useSemanticNode } from '../../../use/use-semantic-node/use-semantic-node.mjs';
6
7
 
7
8
  "use strict";
8
9
  function _isSlot(s) {
@@ -31,13 +32,19 @@ const ScrollContainerItem = /* @__PURE__ */ defineComponent({
31
32
  const {
32
33
  id
33
34
  } = props.modelData;
35
+ const {
36
+ semanticClass,
37
+ semanticStyle
38
+ } = useSemanticNode(props.controller);
34
39
  const classArr = computed(() => {
35
40
  const result = [ns.b(), ns.m(id), ns.is("hidden", !props.controller.state.visible)];
36
41
  return result;
37
42
  });
38
43
  return {
39
44
  ns,
40
- classArr
45
+ classArr,
46
+ semanticClass,
47
+ semanticStyle
41
48
  };
42
49
  },
43
50
  render() {
@@ -45,7 +52,8 @@ const ScrollContainerItem = /* @__PURE__ */ defineComponent({
45
52
  let _slot;
46
53
  const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
47
54
  return withDirectives(createVNode(resolveComponent("iBizRow"), {
48
- "class": this.classArr,
55
+ "class": [this.classArr, this.semanticClass("root")],
56
+ "style": this.semanticStyle("root"),
49
57
  "layout": {
50
58
  layout: "FLEX"
51
59
  },
@@ -57,6 +65,12 @@ const ScrollContainerItem = /* @__PURE__ */ defineComponent({
57
65
  }
58
66
  props.modelData.layoutPos.layout = "FLEX";
59
67
  return createVNode(resolveComponent("iBizCol"), {
68
+ "class": this.semanticClass("item", {
69
+ props
70
+ }),
71
+ "style": this.semanticStyle("item", {
72
+ props
73
+ }),
60
74
  "layoutPos": props.modelData.layoutPos,
61
75
  "state": props.controller.state
62
76
  }, _isSlot(slot) ? slot : {
package/es/panel-component/single-data-container/single-data-container.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"single-data-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/single-data-container/single-data-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAIL,QAAQ,EAER,KAAK,EACN,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;iCAqBY,UAAU,YACX;QACR,SAAS,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;SACnC,CAAC;QACF,UAAU,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;SACrC,CAAC;KACH,KACE,KAAK,GAAG,IAAI;;;;IAvCnB;;OAEG;;;;;IAKH;;OAEG;;;;;iGAqFL,CAAC"}
1
+ {"version":3,"file":"single-data-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/single-data-container/single-data-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAIL,QAAQ,EAER,KAAK,EACN,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;iCAqBY,UAAU,YACX;QACR,SAAS,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;SACnC,CAAC;QACF,UAAU,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;SACrC,CAAC;KACH,KACE,KAAK,GAAG,IAAI;;;;IAvCnB;;OAEG;;;;;IAKH;;OAEG;;;;;iGAuFL,CAAC"}
package/es/panel-component/single-data-container/single-data-container.mjs CHANGED
@@ -70,6 +70,12 @@ const SingleDataContainer = /* @__PURE__ */ defineComponent({
70
70
  let _slot;
71
71
  const childController = this.controller.panelItems[panelItem.id];
72
72
  return createVNode(resolveComponent("iBizCol"), {
73
+ "class": this.semanticClass("item", {
74
+ item: childController
75
+ }),
76
+ "style": this.semanticStyle("item", {
77
+ item: childController
78
+ }),
73
79
  "layoutPos": panelItem.layoutPos,
74
80
  "state": childController.state
75
81
  }, _isSlot(_slot = this.renderPanelItem(panelItem, {
package/lib/control/panel/view-layout-panel/view-layout-panel.cjs CHANGED
@@ -117,14 +117,19 @@ const ViewLayoutPanelControl = /* @__PURE__ */ vue.defineComponent({
117
117
  if (panelItem.itemType === "CTRLPOS" && slots[panelItem.id]) {
118
118
  const panelItemC2 = panelItems[panelItem.id];
119
119
  if (panelItemC2.parent && runtime.isSimpleDataContainer(panelItemC2.parent.model)) {
120
- children = () => {
120
+ children = (event = {}) => {
121
121
  return slots[panelItem.id]({
122
122
  isSimple: true,
123
- data: panelItemC2.data
123
+ data: panelItemC2.data,
124
+ class: event.class,
125
+ style: event.style
124
126
  });
125
127
  };
126
128
  } else {
127
- children = () => slots[panelItem.id]();
129
+ children = (event = {}) => slots[panelItem.id]({
130
+ class: event.class,
131
+ style: event.style
132
+ });
128
133
  }
129
134
  } else if (panelItem.itemType === "TABPANEL" && ((_a = panelItem.panelTabPages) == null ? void 0 : _a.length)) {
130
135
  children = () => {
package/lib/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.css CHANGED
@@ -1 +1 @@
1
- .ibiz-auth-wxmp-qrcode{--ibiz-auth-wxmp-qrcode-caption-font-size:var(--ibiz-font-size-small);--ibiz-auth-wxmp-qrcode-bg-color:rgba(255, 255, 255, 0.9);--ibiz-auth-wxmp-qrcode-mask-color:var(--ibiz-color-primary);--ibiz-auth-wxmp-qrcode-mask-icon-font-size:var(--ibiz-font-size-header-1);--ibiz-auth-wxmp-qrcode-mask-icon-hover-color:var(--ibiz-color-primary-hover);width:100%;height:100%}.ibiz-auth-wxmp-qrcode__content{position:relative;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__qrcode{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ibiz-auth-wxmp-qrcode__caption{font-size:var(--ibiz-auth-wxmp-qrcode-caption-font-size);text-align:center}.ibiz-auth-wxmp-qrcode__mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ibiz-auth-wxmp-qrcode-mask-color);background-color:var(--ibiz-auth-wxmp-qrcode-bg-color)}.ibiz-auth-wxmp-qrcode__mask--icon{font-size:var(--ibiz-auth-wxmp-qrcode-mask-icon-font-size);cursor:pointer}.ibiz-auth-wxmp-qrcode__mask--icon:hover{color:var(--ibiz-auth-wxmp-qrcode-mask-icon-hover-color)}
1
+ .ibiz-auth-wxmp-qrcode{--ibiz-auth-wxmp-qrcode-caption-font-size:var(--ibiz-font-size-small);--ibiz-auth-wxmp-qrcode-bg-color:rgba(255, 255, 255, 0.9);--ibiz-auth-wxmp-qrcode-mask-color:var(--ibiz-color-primary);--ibiz-auth-wxmp-qrcode-mask-icon-font-size:var(--ibiz-font-size-header-1);--ibiz-auth-wxmp-qrcode-mask-icon-hover-color:var(--ibiz-color-primary-hover);display:flex;flex-direction:column;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__content{position:relative;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__qrcode{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ibiz-auth-wxmp-qrcode__caption{font-size:var(--ibiz-auth-wxmp-qrcode-caption-font-size);text-align:center}.ibiz-auth-wxmp-qrcode__mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ibiz-auth-wxmp-qrcode-mask-color);background-color:var(--ibiz-auth-wxmp-qrcode-bg-color)}.ibiz-auth-wxmp-qrcode__mask--icon{font-size:var(--ibiz-auth-wxmp-qrcode-mask-icon-font-size);cursor:pointer}.ibiz-auth-wxmp-qrcode__mask--icon:hover{color:var(--ibiz-auth-wxmp-qrcode-mask-icon-hover-color)}
package/lib/panel-component/multi-data-container-raw/multi-data-container-raw.cjs CHANGED
@@ -78,7 +78,13 @@ const MultiDataContainerRaw = /* @__PURE__ */ vue.defineComponent({
78
78
  const childController = this.controller.panelItems[panelItem.id];
79
79
  return vue.createVNode(vue.resolveComponent("iBizCol"), {
80
80
  "layoutPos": panelItem.layoutPos,
81
- "state": childController.state
81
+ "state": childController.state,
82
+ "class": this.semanticClass("item", {
83
+ item: childController
84
+ }),
85
+ "style": this.semanticStyle("item", {
86
+ item: childController
87
+ })
82
88
  }, _isSlot(_slot = this.renderPanelItem(panelItem, {
83
89
  providers: this.controller.providers,
84
90
  panelItems: this.controller.panelItems
package/lib/panel-component/panel-container/panel-container.cjs CHANGED
@@ -66,7 +66,13 @@ const PanelContainer = /* @__PURE__ */ vue.defineComponent({
66
66
  }
67
67
  return vue.createVNode(vue.resolveComponent("iBizCol"), {
68
68
  "layoutPos": props.modelData.layoutPos,
69
- "state": props.controller.state
69
+ "state": props.controller.state,
70
+ "class": this.semanticClass("item", {
71
+ props
72
+ }),
73
+ "style": this.semanticStyle("item", {
74
+ props
75
+ })
70
76
  }, _isSlot(slot) ? slot : {
71
77
  default: () => [slot]
72
78
  });
package/lib/panel-component/panel-container-image/panel-container-image.cjs CHANGED
@@ -89,7 +89,13 @@ const PanelContainerImage = /* @__PURE__ */ vue.defineComponent({
89
89
  }
90
90
  return vue.createVNode(vue.resolveComponent("iBizCol"), {
91
91
  "layoutPos": props.modelData.layoutPos,
92
- "state": props.controller.state
92
+ "state": props.controller.state,
93
+ "class": this.semanticClass("item", {
94
+ props
95
+ }),
96
+ "style": this.semanticStyle("item", {
97
+ props
98
+ })
93
99
  }, _isSlot(slot) ? slot : {
94
100
  default: () => [slot]
95
101
  });
package/lib/panel-component/panel-ctrl-pos/panel-ctrl-pos.cjs CHANGED
@@ -49,11 +49,15 @@ const PanelCtrlPos = /* @__PURE__ */ vue.defineComponent({
49
49
  } = this.controller;
50
50
  let content;
51
51
  if (this.$slots.default) {
52
- content = this.$slots.default();
52
+ const props = {
53
+ class: this.semanticClass("content"),
54
+ style: this.semanticStyle("content")
55
+ };
56
+ content = this.$slots.default(props);
53
57
  }
54
58
  return vue.createVNode("div", {
55
- "class": [this.ns.b(), this.ns.m(this.modelData.id), this.semanticClass("content"), ...this.controller.containerClass, this.ns.is("hidden", !state.visible)],
56
- "style": this.semanticStyle("content")
59
+ "class": [this.ns.b(), this.ns.m(this.modelData.id), this.semanticClass("root"), ...this.controller.containerClass, this.ns.is("hidden", !state.visible)],
60
+ "style": this.semanticStyle("root")
57
61
  }, [content || (ibiz.env.dev ? ibiz.i18n.t("vue3Util.panelComponent.noProvidedSlot", {
58
62
  id: this.modelData.id
59
63
  }) : "")]);
package/lib/panel-component/panel-tab-page/panel-tab-page.cjs CHANGED
@@ -55,8 +55,8 @@ const PanelTabPage = /* @__PURE__ */ vue.defineComponent({
55
55
  let _slot;
56
56
  const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
57
57
  return vue.withDirectives(vue.createVNode(vue.resolveComponent("iBizRow"), {
58
- "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.classArr, this.semanticClass("content")],
59
- "style": this.semanticStyle("content"),
58
+ "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.classArr, this.semanticClass("root")],
59
+ "style": this.semanticStyle("root"),
60
60
  "layout": this.modelData.layout,
61
61
  "element-loading-text": this.controller.state.loadingText
62
62
  }, _isSlot(_slot = defaultSlots.map((slot) => {
@@ -66,6 +66,12 @@ const PanelTabPage = /* @__PURE__ */ vue.defineComponent({
66
66
  }
67
67
  const c = props.controller;
68
68
  return vue.createVNode(vue.resolveComponent("iBizCol"), {
69
+ "class": this.semanticClass("item", {
70
+ props
71
+ }),
72
+ "style": this.semanticStyle("item", {
73
+ props
74
+ }),
69
75
  "layoutPos": c.model.layoutPos,
70
76
  "state": c.state
71
77
  }, _isSlot(slot) ? slot : {
package/lib/panel-component/scroll-container/scroll-container-item/scroll-container-item.cjs CHANGED
@@ -5,6 +5,7 @@ require('../../../use/index.cjs');
5
5
  var scrollContainerItem_controller = require('./scroll-container-item.controller.cjs');
6
6
  require('./scroll-container-item.css');
7
7
  var namespace = require('../../../use/namespace/namespace.cjs');
8
+ var useSemanticNode = require('../../../use/use-semantic-node/use-semantic-node.cjs');
8
9
 
9
10
  "use strict";
10
11
  function _isSlot(s) {
@@ -33,13 +34,19 @@ const ScrollContainerItem = /* @__PURE__ */ vue.defineComponent({
33
34
  const {
34
35
  id
35
36
  } = props.modelData;
37
+ const {
38
+ semanticClass,
39
+ semanticStyle
40
+ } = useSemanticNode.useSemanticNode(props.controller);
36
41
  const classArr = vue.computed(() => {
37
42
  const result = [ns.b(), ns.m(id), ns.is("hidden", !props.controller.state.visible)];
38
43
  return result;
39
44
  });
40
45
  return {
41
46
  ns,
42
- classArr
47
+ classArr,
48
+ semanticClass,
49
+ semanticStyle
43
50
  };
44
51
  },
45
52
  render() {
@@ -47,7 +54,8 @@ const ScrollContainerItem = /* @__PURE__ */ vue.defineComponent({
47
54
  let _slot;
48
55
  const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
49
56
  return vue.withDirectives(vue.createVNode(vue.resolveComponent("iBizRow"), {
50
- "class": this.classArr,
57
+ "class": [this.classArr, this.semanticClass("root")],
58
+ "style": this.semanticStyle("root"),
51
59
  "layout": {
52
60
  layout: "FLEX"
53
61
  },
@@ -59,6 +67,12 @@ const ScrollContainerItem = /* @__PURE__ */ vue.defineComponent({
59
67
  }
60
68
  props.modelData.layoutPos.layout = "FLEX";
61
69
  return vue.createVNode(vue.resolveComponent("iBizCol"), {
70
+ "class": this.semanticClass("item", {
71
+ props
72
+ }),
73
+ "style": this.semanticStyle("item", {
74
+ props
75
+ }),
62
76
  "layoutPos": props.modelData.layoutPos,
63
77
  "state": props.controller.state
64
78
  }, _isSlot(slot) ? slot : {
package/lib/panel-component/single-data-container/single-data-container.cjs CHANGED
@@ -72,6 +72,12 @@ const SingleDataContainer = /* @__PURE__ */ vue.defineComponent({
72
72
  let _slot;
73
73
  const childController = this.controller.panelItems[panelItem.id];
74
74
  return vue.createVNode(vue.resolveComponent("iBizCol"), {
75
+ "class": this.semanticClass("item", {
76
+ item: childController
77
+ }),
78
+ "style": this.semanticStyle("item", {
79
+ item: childController
80
+ }),
75
81
  "layoutPos": panelItem.layoutPos,
76
82
  "state": childController.state
77
83
  }, _isSlot(_slot = this.renderPanelItem(panelItem, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ibiz-template/vue3-util",
3
- "version": "0.7.41-alpha.112",
3
+ "version": "0.7.41-alpha.113",
4
4
  "description": "通用组件库(vue3)",
5
5
  "main": "lib/index.cjs",
6
6
  "types": "es/index.d.ts",
@@ -38,8 +38,8 @@
38
38
  "license": "MIT",
39
39
  "devDependencies": {
40
40
  "@ibiz-template/cli": "^0.3.23",
41
- "@ibiz-template/core": "^0.7.41-alpha.106",
42
- "@ibiz-template/runtime": "^0.7.41-alpha.112",
41
+ "@ibiz-template/core": "^0.7.41-alpha.113",
42
+ "@ibiz-template/runtime": "^0.7.41-alpha.113",
43
43
  "@ibiz-template/theme": "^0.7.39",
44
44
  "@ibiz/model-core": "^0.1.88",
45
45
  "@types/path-browserify": "^1.0.2",
@@ -68,5 +68,5 @@
68
68
  "vue": "^3.3.8",
69
69
  "vue-router": "^4.2.4"
70
70
  },
71
- "gitHead": "884c135f203cf1a0ae3977442b559b757acd6b47"
71
+ "gitHead": "74e0e6c2da67e6310ccca411945b5cf172a77955"
72
72
  }
package/src/control/panel/view-layout-panel/view-layout-panel.tsx CHANGED
@@ -169,14 +169,20 @@ export const ViewLayoutPanelControl = defineComponent({
169
169
  panelItemC.parent &&
170
170
  isSimpleDataContainer(panelItemC.parent.model)
171
171
  ) {
172
- children = () => {
172
+ children = (event: IData = {}) => {
173
173
  return slots[panelItem.id!]!({
174
174
  isSimple: true,
175
175
  data: panelItemC.data,
176
+ class: event.class,
177
+ style: event.style,
176
178
  });
177
179
  };
178
180
  } else {
179
- children = () => slots[panelItem.id!]!();
181
+ children = (event: IData = {}) =>
182
+ slots[panelItem.id!]!({
183
+ class: event.class,
184
+ style: event.style,
185
+ });
180
186
  }
181
187
  } else if (
182
188
  panelItem.itemType === 'TABPANEL' &&
package/src/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.scss CHANGED
@@ -10,6 +10,8 @@ $auth-wxmp-qrcode: (
10
10
  @include b(auth-wxmp-qrcode) {
11
11
  @include set-component-css-var('auth-wxmp-qrcode',$auth-wxmp-qrcode);
12
12
 
13
+ display: flex;
14
+ flex-direction: column;
13
15
  width: 100%;
14
16
  height: 100%;
15
17
  @include e(content) {
package/src/panel-component/multi-data-container-raw/multi-data-container-raw.tsx CHANGED
@@ -102,6 +102,8 @@ export const MultiDataContainerRaw = defineComponent({
102
102
  <iBizCol
103
103
  layoutPos={panelItem.layoutPos}
104
104
  state={childController.state}
105
+ class={this.semanticClass('item', { item: childController })}
106
+ style={this.semanticStyle('item', { item: childController })}
105
107
  >
106
108
  {this.renderPanelItem(panelItem, {
107
109
  providers: this.controller.providers,
package/src/panel-component/panel-container/panel-container.tsx CHANGED
@@ -62,6 +62,8 @@ export const PanelContainer = defineComponent({
62
62
  <iBizCol
63
63
  layoutPos={props.modelData.layoutPos}
64
64
  state={props.controller.state}
65
+ class={this.semanticClass('item', { props })}
66
+ style={this.semanticStyle('item', { props })}
65
67
  >
66
68
  {slot}
67
69
  </iBizCol>
package/src/panel-component/panel-container-image/panel-container-image.tsx CHANGED
@@ -89,6 +89,8 @@ export const PanelContainerImage = defineComponent({
89
89
  <iBizCol
90
90
  layoutPos={props.modelData.layoutPos}
91
91
  state={props.controller.state}
92
+ class={this.semanticClass('item', { props })}
93
+ style={this.semanticStyle('item', { props })}
92
94
  >
93
95
  {slot}
94
96
  </iBizCol>
package/src/panel-component/panel-ctrl-pos/panel-ctrl-pos.tsx CHANGED
@@ -46,7 +46,11 @@ export const PanelCtrlPos = defineComponent({
46
46
  let content: VNode | VNode[] | undefined;
47
47
 
48
48
  if (this.$slots.default) {
49
- content = this.$slots.default();
49
+ const props = {
50
+ class: this.semanticClass('content'),
51
+ style: this.semanticStyle('content'),
52
+ };
53
+ content = this.$slots.default(props);
50
54
  }
51
55
 
52
56
  return (
@@ -54,11 +58,11 @@ export const PanelCtrlPos = defineComponent({
54
58
  class={[
55
59
  this.ns.b(),
56
60
  this.ns.m(this.modelData.id),
57
- this.semanticClass('content'),
61
+ this.semanticClass('root'),
58
62
  ...this.controller.containerClass,
59
63
  this.ns.is('hidden', !state.visible),
60
64
  ]}
61
- style={this.semanticStyle('content')}
65
+ style={this.semanticStyle('root')}
62
66
  >
63
67
  {content ||
64
68
  (ibiz.env.dev
package/src/panel-component/panel-tab-page/panel-tab-page.tsx CHANGED
@@ -53,9 +53,9 @@ export const PanelTabPage = defineComponent({
53
53
  this.ns.b(),
54
54
  this.ns.m(this.modelData.codeName),
55
55
  this.classArr,
56
- this.semanticClass('content'),
56
+ this.semanticClass('root'),
57
57
  ]}
58
- style={this.semanticStyle('content')}
58
+ style={this.semanticStyle('root')}
59
59
  layout={this.modelData.layout}
60
60
  v-loading={this.controller.state.loading}
61
61
  element-loading-text={this.controller.state.loadingText}
@@ -67,7 +67,12 @@ export const PanelTabPage = defineComponent({
67
67
  }
68
68
  const c = props.controller;
69
69
  return (
70
- <iBizCol layoutPos={c.model.layoutPos} state={c.state}>
70
+ <iBizCol
71
+ class={this.semanticClass('item', { props })}
72
+ style={this.semanticStyle('item', { props })}
73
+ layoutPos={c.model.layoutPos}
74
+ state={c.state}
75
+ >
71
76
  {slot}
72
77
  </iBizCol>
73
78
  );
package/src/panel-component/scroll-container/scroll-container-item/scroll-container-item.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import { IPanelContainer } from '@ibiz/model-core';
2
2
  import { computed, defineComponent, PropType, VNode } from 'vue';
3
- import { useNamespace } from '../../../use';
3
+ import { useNamespace, useSemanticNode } from '../../../use';
4
4
  import { ScrollContainerItemController } from './scroll-container-item.controller';
5
5
  import './scroll-container-item.scss';
6
6
 
@@ -30,6 +30,7 @@ export const ScrollContainerItem = defineComponent({
30
30
  setup(props) {
31
31
  const ns = useNamespace('scroll-container-item');
32
32
  const { id } = props.modelData;
33
+ const { semanticClass, semanticStyle } = useSemanticNode(props.controller);
33
34
 
34
35
  // 类名控制
35
36
  const classArr = computed(() => {
@@ -41,7 +42,7 @@ export const ScrollContainerItem = defineComponent({
41
42
  return result;
42
43
  });
43
44
 
44
- return { ns, classArr };
45
+ return { ns, classArr, semanticClass, semanticStyle };
45
46
  },
46
47
  render() {
47
48
  // 内容区默认插槽处理，封装app-col
@@ -49,7 +50,8 @@ export const ScrollContainerItem = defineComponent({
49
50
 
50
51
  return (
51
52
  <iBizRow
52
- class={this.classArr}
53
+ class={[this.classArr, this.semanticClass('root')]}
54
+ style={this.semanticStyle('root')}
53
55
  layout={{ layout: 'FLEX' }}
54
56
  v-loading={this.controller.state.loading}
55
57
  element-loading-text={this.controller.state.loadingText}
@@ -63,6 +65,8 @@ export const ScrollContainerItem = defineComponent({
63
65
  props.modelData.layoutPos.layout = 'FLEX';
64
66
  return (
65
67
  <iBizCol
68
+ class={this.semanticClass('item', { props })}
69
+ style={this.semanticStyle('item', { props })}
66
70
  layoutPos={props.modelData.layoutPos}
67
71
  state={props.controller.state}
68
72
  >