@ibiz-template/vue3-util 0.3.1 → 0.3.3

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 (94) hide show
  1. package/dist/index.min.css +1 -1
  2. package/dist/index.system.min.js +1 -1
  3. package/dist/index.system.min.js.map +1 -1
  4. package/es/common/code-list/code-list.d.ts +6 -2
  5. package/es/common/code-list/code-list.d.ts.map +1 -1
  6. package/es/common/code-list/code-list.mjs +14 -1
  7. package/es/common/control-base/control-base.d.ts.map +1 -1
  8. package/es/common/control-base/control-base.mjs +1 -0
  9. package/es/index.mjs +3 -0
  10. package/es/panel-component/index.d.ts +1 -0
  11. package/es/panel-component/index.d.ts.map +1 -1
  12. package/es/panel-component/index.mjs +3 -0
  13. package/es/panel-component/panel-container-image/index.d.ts +28 -0
  14. package/es/panel-component/panel-container-image/index.d.ts.map +1 -0
  15. package/es/panel-component/panel-container-image/index.mjs +21 -0
  16. package/es/panel-component/panel-container-image/panel-container-image.controller.d.ts +15 -0
  17. package/es/panel-component/panel-container-image/panel-container-image.controller.d.ts.map +1 -0
  18. package/es/panel-component/panel-container-image/panel-container-image.controller.mjs +12 -0
  19. package/es/panel-component/panel-container-image/panel-container-image.css +1 -0
  20. package/es/panel-component/panel-container-image/panel-container-image.d.ts +28 -0
  21. package/es/panel-component/panel-container-image/panel-container-image.d.ts.map +1 -0
  22. package/es/panel-component/panel-container-image/panel-container-image.mjs +93 -0
  23. package/es/panel-component/panel-container-image/panel-container-image.provider.d.ts +16 -0
  24. package/es/panel-component/panel-container-image/panel-container-image.provider.d.ts.map +1 -0
  25. package/es/panel-component/panel-container-image/panel-container-image.provider.mjs +15 -0
  26. package/es/panel-component/panel-container-image/panel-container-image.state.d.ts +13 -0
  27. package/es/panel-component/panel-container-image/panel-container-image.state.d.ts.map +1 -0
  28. package/es/panel-component/panel-container-image/panel-container-image.state.mjs +7 -0
  29. package/es/props/editor/array.d.ts +6 -0
  30. package/es/props/editor/array.d.ts.map +1 -1
  31. package/es/props/editor/autocomplete.d.ts +6 -0
  32. package/es/props/editor/autocomplete.d.ts.map +1 -1
  33. package/es/props/editor/cascader.d.ts +6 -0
  34. package/es/props/editor/cascader.d.ts.map +1 -1
  35. package/es/props/editor/check-box-list.d.ts +6 -0
  36. package/es/props/editor/check-box-list.d.ts.map +1 -1
  37. package/es/props/editor/check-box.d.ts +6 -0
  38. package/es/props/editor/check-box.d.ts.map +1 -1
  39. package/es/props/editor/code.d.ts +6 -0
  40. package/es/props/editor/code.d.ts.map +1 -1
  41. package/es/props/editor/color-picker.d.ts +6 -0
  42. package/es/props/editor/color-picker.d.ts.map +1 -1
  43. package/es/props/editor/common.d.ts +5 -0
  44. package/es/props/editor/common.d.ts.map +1 -1
  45. package/es/props/editor/common.mjs +5 -2
  46. package/es/props/editor/data-picker.d.ts +6 -0
  47. package/es/props/editor/data-picker.d.ts.map +1 -1
  48. package/es/props/editor/date-picker.d.ts +6 -0
  49. package/es/props/editor/date-picker.d.ts.map +1 -1
  50. package/es/props/editor/date-range.d.ts +6 -0
  51. package/es/props/editor/date-range.d.ts.map +1 -1
  52. package/es/props/editor/dropdown-list.d.ts +6 -0
  53. package/es/props/editor/dropdown-list.d.ts.map +1 -1
  54. package/es/props/editor/html.d.ts +6 -0
  55. package/es/props/editor/html.d.ts.map +1 -1
  56. package/es/props/editor/list-box.d.ts +6 -0
  57. package/es/props/editor/list-box.d.ts.map +1 -1
  58. package/es/props/editor/markdown.d.ts +6 -0
  59. package/es/props/editor/markdown.d.ts.map +1 -1
  60. package/es/props/editor/number-range.d.ts +6 -0
  61. package/es/props/editor/number-range.d.ts.map +1 -1
  62. package/es/props/editor/radio-button-list.d.ts +6 -0
  63. package/es/props/editor/radio-button-list.d.ts.map +1 -1
  64. package/es/props/editor/rate.d.ts +6 -0
  65. package/es/props/editor/rate.d.ts.map +1 -1
  66. package/es/props/editor/raw.d.ts +6 -0
  67. package/es/props/editor/raw.d.ts.map +1 -1
  68. package/es/props/editor/slider.d.ts +6 -0
  69. package/es/props/editor/slider.d.ts.map +1 -1
  70. package/es/props/editor/span.d.ts +6 -0
  71. package/es/props/editor/span.d.ts.map +1 -1
  72. package/es/props/editor/stepper.d.ts +6 -0
  73. package/es/props/editor/stepper.d.ts.map +1 -1
  74. package/es/props/editor/switch.d.ts +6 -0
  75. package/es/props/editor/switch.d.ts.map +1 -1
  76. package/es/props/editor/text-box.d.ts +18 -0
  77. package/es/props/editor/text-box.d.ts.map +1 -1
  78. package/es/props/editor/upload.d.ts +6 -0
  79. package/es/props/editor/upload.d.ts.map +1 -1
  80. package/es/view/common/view.d.ts.map +1 -1
  81. package/es/view/common/view.mjs +1 -0
  82. package/lib/index.cjs +15 -9
  83. package/package.json +5 -5
  84. package/src/common/code-list/code-list.tsx +14 -1
  85. package/src/common/control-base/control-base.tsx +1 -0
  86. package/src/panel-component/index.ts +1 -0
  87. package/src/panel-component/panel-container-image/index.ts +22 -0
  88. package/src/panel-component/panel-container-image/panel-container-image.controller.ts +18 -0
  89. package/src/panel-component/panel-container-image/panel-container-image.provider.ts +30 -0
  90. package/src/panel-component/panel-container-image/panel-container-image.scss +18 -0
  91. package/src/panel-component/panel-container-image/panel-container-image.state.ts +12 -0
  92. package/src/panel-component/panel-container-image/panel-container-image.tsx +95 -0
  93. package/src/props/editor/common.ts +3 -0
  94. package/src/view/common/view.tsx +1 -0
@@ -30,7 +30,9 @@ export declare const IBizCodeList: import("vue").DefineComponent<{
30
30
  items: import("vue").Ref<IData[]>;
31
31
  ns: import("@ibiz-template/core").Namespace;
32
32
  emptyText: string | undefined;
33
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
33
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
34
+ infoTextChange: (_text: string) => true;
35
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
34
36
  codeListItems: {
35
37
  type: {
36
38
  (arrayLength: number): CodeListItem[];
@@ -54,5 +56,7 @@ export declare const IBizCodeList: import("vue").DefineComponent<{
54
56
  value: {
55
57
  type: (StringConstructor | NumberConstructor)[];
56
58
  };
57
- }>>, {}, {}>;
59
+ }>> & {
60
+ onInfoTextChange?: ((_text: string) => any) | undefined;
61
+ }, {}, {}>;
58
62
  //# sourceMappingURL=code-list.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"code-list.d.ts","sourceRoot":"","sources":["../../../src/common/code-list/code-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAmB,QAAQ,EAAc,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,kBAAkB,CAAC;AAG1B,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAoGvB,CAAC"}
1
+ {"version":3,"file":"code-list.d.ts","sourceRoot":"","sources":["../../../src/common/code-list/code-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAmB,QAAQ,EAAc,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,kBAAkB,CAAC;AAG1B,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAeG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;UAkGhC,CAAC"}
@@ -19,9 +19,22 @@ const IBizCodeList = /* @__PURE__ */ defineComponent({
19
19
  type: [String, Number]
20
20
  }
21
21
  },
22
- setup(props) {
22
+ emits: {
23
+ infoTextChange: (_text) => true
24
+ },
25
+ setup(props, {
26
+ emit
27
+ }) {
23
28
  const ns = useNamespace("code-list");
24
29
  const items = ref([]);
30
+ watch(items, (newVal) => {
31
+ var _a;
32
+ let infoText = "";
33
+ if (newVal.length > 0) {
34
+ infoText = newVal.map((item) => item.text).join((_a = props.codeList) == null ? void 0 : _a.textSeparator);
35
+ }
36
+ emit("infoTextChange", infoText);
37
+ });
25
38
  const findCodeListItem = (codelist, value) => {
26
39
  if (codelist) {
27
40
  const findItem = codelist.find((item) => item.value == value);
@@ -1 +1 @@
1
- {"version":3,"file":"control-base.d.ts","sourceRoot":"","sources":["../../../src/common/control-base/control-base.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,eAAe,EAAE,GA6G5B,CAAC"}
1
+ {"version":3,"file":"control-base.d.ts","sourceRoot":"","sources":["../../../src/common/control-base/control-base.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,eAAe,EAAE,GA8G5B,CAAC"}
@@ -86,6 +86,7 @@ const IBizControlBase = /* @__PURE__ */ defineComponent({
86
86
  context: this.controller.context,
87
87
  params: this.controller.params,
88
88
  provider,
89
+ container: this.controller,
89
90
  onControllerAppear: this.onLayoutPanelCreated
90
91
  }, slots);
91
92
  }
package/es/index.mjs CHANGED
@@ -39,6 +39,9 @@ export { IBizSingleDataContainer } from './panel-component/single-data-container
39
39
  export { GridContainerState } from './panel-component/grid-container/grid-container.state.mjs';
40
40
  export { GridContainerController } from './panel-component/grid-container/grid-container.controller.mjs';
41
41
  export { IBizGridContainer } from './panel-component/grid-container/index.mjs';
42
+ export { PanelContainerImageState } from './panel-component/panel-container-image/panel-container-image.state.mjs';
43
+ export { PanelContainerImageController } from './panel-component/panel-container-image/panel-container-image.controller.mjs';
44
+ export { IBizPanelContainerImage } from './panel-component/panel-container-image/index.mjs';
42
45
  export { AppRedirectView } from './view/app-redirect-view/app-redirect-view.mjs';
43
46
  export { IBizView } from './view/common/index.mjs';
44
47
  export { TodoRedirect } from './view/todo-redirect/todo-redirect.mjs';
@@ -7,4 +7,5 @@ export * from './panel-rawitem';
7
7
  export * from './multi-data-container';
8
8
  export * from './single-data-container';
9
9
  export * from './grid-container';
10
+ export * from './panel-container-image';
10
11
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/panel-component/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/panel-component/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC"}
@@ -7,6 +7,7 @@ export { IBizPanelRawItem } from './panel-rawitem/index.mjs';
7
7
  export { IBizMultiDataContainer } from './multi-data-container/index.mjs';
8
8
  export { IBizSingleDataContainer } from './single-data-container/index.mjs';
9
9
  export { IBizGridContainer } from './grid-container/index.mjs';
10
+ export { IBizPanelContainerImage } from './panel-container-image/index.mjs';
10
11
  export { PanelContainerState } from './panel-container/panel-container.state.mjs';
11
12
  export { PanelContainerController } from './panel-container/panel-container.controller.mjs';
12
13
  export { PanelCtrlPosController } from './panel-ctrl-pos/panel-ctrl-pos.controller.mjs';
@@ -24,5 +25,7 @@ export { SingleDataContainerState } from './single-data-container/single-data-co
24
25
  export { SingleDataContainerController } from './single-data-container/single-data-container.controller.mjs';
25
26
  export { GridContainerState } from './grid-container/grid-container.state.mjs';
26
27
  export { GridContainerController } from './grid-container/grid-container.controller.mjs';
28
+ export { PanelContainerImageState } from './panel-container-image/panel-container-image.state.mjs';
29
+ export { PanelContainerImageController } from './panel-container-image/panel-container-image.controller.mjs';
27
30
 
28
31
  "use strict";
@@ -0,0 +1,28 @@
1
+ import { PanelContainerImageState } from './panel-container-image.state';
2
+ import { PanelContainerImageController } from './panel-container-image.controller';
3
+ export { PanelContainerImageState, PanelContainerImageController };
4
+ export declare const IBizPanelContainerImage: import("../../util").TypeWithInstall<import("vue").DefineComponent<{
5
+ modelData: {
6
+ type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
7
+ required: true;
8
+ };
9
+ controller: {
10
+ type: typeof PanelContainerImageController;
11
+ required: true;
12
+ };
13
+ }, {
14
+ ns: import("@ibiz-template/core").Namespace;
15
+ classArr: import("vue").ComputedRef<(string | false)[]>;
16
+ backgroundStyle: import("vue").ComputedRef<{}>;
17
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
18
+ modelData: {
19
+ type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
20
+ required: true;
21
+ };
22
+ controller: {
23
+ type: typeof PanelContainerImageController;
24
+ required: true;
25
+ };
26
+ }>>, {}, {}>>;
27
+ export default IBizPanelContainerImage;
28
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,OAAO,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,CAAC;AAEnE,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;aASnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { registerPanelItemProvider } from '@ibiz-template/runtime';
2
+ import '../../util/index.mjs';
3
+ import { PanelContainerImage } from './panel-container-image.mjs';
4
+ import { PanelContainerImageProvider } from './panel-container-image.provider.mjs';
5
+ export { PanelContainerImageState } from './panel-container-image.state.mjs';
6
+ export { PanelContainerImageController } from './panel-container-image.controller.mjs';
7
+ import { withInstall } from '../../util/install.mjs';
8
+
9
+ "use strict";
10
+ const IBizPanelContainerImage = withInstall(
11
+ PanelContainerImage,
12
+ function(v) {
13
+ v.component(PanelContainerImage.name, PanelContainerImage);
14
+ registerPanelItemProvider(
15
+ "CONTAINER_CONTAINER_IMAGE",
16
+ () => new PanelContainerImageProvider()
17
+ );
18
+ }
19
+ );
20
+
21
+ export { IBizPanelContainerImage, IBizPanelContainerImage as default };
@@ -0,0 +1,15 @@
1
+ import { PanelItemController } from '@ibiz-template/runtime';
2
+ import { IPanelContainer } from '@ibiz/model-core';
3
+ import { PanelContainerImageState } from './panel-container-image.state';
4
+ /**
5
+ * 面板图片容器控制器
6
+ *
7
+ * @export
8
+ * @class PanelContainerImageController
9
+ * @extends {PanelItemController}
10
+ */
11
+ export declare class PanelContainerImageController extends PanelItemController<IPanelContainer> {
12
+ state: PanelContainerImageState;
13
+ protected createState(): PanelContainerImageState;
14
+ }
15
+ //# sourceMappingURL=panel-container-image.controller.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"panel-container-image.controller.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/panel-container-image.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE;;;;;;GAMG;AACH,qBAAa,6BAA8B,SAAQ,mBAAmB,CAAC,eAAe,CAAC;IAC7E,KAAK,EAAE,wBAAwB,CAAC;IAExC,SAAS,CAAC,WAAW,IAAI,wBAAwB;CAGlD"}
@@ -0,0 +1,12 @@
1
+ import { PanelItemController } from '@ibiz-template/runtime';
2
+ import { PanelContainerImageState } from './panel-container-image.state.mjs';
3
+
4
+ "use strict";
5
+ class PanelContainerImageController extends PanelItemController {
6
+ createState() {
7
+ var _a;
8
+ return new PanelContainerImageState((_a = this.parent) == null ? void 0 : _a.state);
9
+ }
10
+ }
11
+
12
+ export { PanelContainerImageController };
@@ -0,0 +1 @@
1
+ .ibiz-panel-container-image{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center}.ibiz-panel-container-image>.ibiz-row{height:100%;overflow-x:hidden;overflow-y:auto}.ibiz-panel-container-image.is-hidden{display:none}
@@ -0,0 +1,28 @@
1
+ import { IPanelContainer } from '@ibiz/model-core';
2
+ import { PropType } from 'vue';
3
+ import { PanelContainerImageController } from './panel-container-image.controller';
4
+ import './panel-container-image.scss';
5
+ export declare const PanelContainerImage: import("vue").DefineComponent<{
6
+ modelData: {
7
+ type: PropType<IPanelContainer>;
8
+ required: true;
9
+ };
10
+ controller: {
11
+ type: typeof PanelContainerImageController;
12
+ required: true;
13
+ };
14
+ }, {
15
+ ns: import("@ibiz-template/core").Namespace;
16
+ classArr: import("vue").ComputedRef<(string | false)[]>;
17
+ backgroundStyle: import("vue").ComputedRef<{}>;
18
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
19
+ modelData: {
20
+ type: PropType<IPanelContainer>;
21
+ required: true;
22
+ };
23
+ controller: {
24
+ type: typeof PanelContainerImageController;
25
+ required: true;
26
+ };
27
+ }>>, {}, {}>;
28
+ //# sourceMappingURL=panel-container-image.d.ts.map
@@ -0,0 +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,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;YAuF9B,CAAC"}
@@ -0,0 +1,93 @@
1
+ import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
2
+ import { isSvg } from '@ibiz-template/core';
3
+ import '../../use/index.mjs';
4
+ import { PanelContainerImageController } from './panel-container-image.controller.mjs';
5
+ import './panel-container-image.css';
6
+ import { useNamespace } from '../../use/namespace/namespace.mjs';
7
+
8
+ "use strict";
9
+ function _isSlot(s) {
10
+ return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
11
+ }
12
+ const PanelContainerImage = /* @__PURE__ */ defineComponent({
13
+ name: "IBizPanelContainerImage",
14
+ props: {
15
+ modelData: {
16
+ type: Object,
17
+ required: true
18
+ },
19
+ controller: {
20
+ type: PanelContainerImageController,
21
+ required: true
22
+ }
23
+ },
24
+ setup(props) {
25
+ const ns = useNamespace("panel-container-image");
26
+ const {
27
+ id
28
+ } = props.modelData;
29
+ const classArr = computed(() => {
30
+ let result = [ns.b(), ns.m(id)];
31
+ result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
32
+ return result;
33
+ });
34
+ const backgroundStyle = computed(() => {
35
+ const image = props.controller.model.sysImage;
36
+ const styles = {};
37
+ let imgStr = "";
38
+ if (image == null ? void 0 : image.rawContent) {
39
+ if (isSvg(image.rawContent)) {
40
+ imgStr = `url(data:image/svg+xml;base64,${btoa(image.rawContent)})`;
41
+ } else {
42
+ imgStr = `url(${image.rawContent})`;
43
+ }
44
+ } else if (image == null ? void 0 : image.imagePath) {
45
+ imgStr = `url(${image.imagePath})`;
46
+ }
47
+ if (imgStr) {
48
+ Object.assign(styles, {
49
+ backgroundImage: imgStr
50
+ });
51
+ }
52
+ return styles;
53
+ });
54
+ return {
55
+ ns,
56
+ classArr,
57
+ backgroundStyle
58
+ };
59
+ },
60
+ render() {
61
+ var _a, _b;
62
+ let _slot;
63
+ const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
64
+ const content = createVNode(resolveComponent("iBizRow"), {
65
+ "slot": "content",
66
+ "layout": this.modelData.layout
67
+ }, _isSlot(_slot = defaultSlots.map((slot) => {
68
+ const props = slot.props;
69
+ if (!props || !props.controller) {
70
+ return slot;
71
+ }
72
+ return createVNode(resolveComponent("iBizCol"), {
73
+ "layoutPos": props.modelData.layoutPos,
74
+ "state": props.controller.state
75
+ }, _isSlot(slot) ? slot : {
76
+ default: () => [slot]
77
+ });
78
+ })) ? _slot : {
79
+ default: () => [_slot]
80
+ });
81
+ return createVNode("div", {
82
+ "class": this.classArr,
83
+ "onClick": () => {
84
+ this.controller.onClick();
85
+ },
86
+ "style": this.backgroundStyle
87
+ }, [this.controller.model.cssStyle ? createVNode("style", {
88
+ "type": "text/css"
89
+ }, [this.controller.model.cssStyle]) : null, content]);
90
+ }
91
+ });
92
+
93
+ export { PanelContainerImage };
@@ -0,0 +1,16 @@
1
+ import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
2
+ import { IPanelContainer } from '@ibiz/model-core';
3
+ /**
4
+ * 面板图片容器适配器
5
+ *
6
+ * @author lxm
7
+ * @date 2022-09-19 22:09:03
8
+ * @export
9
+ * @class PanelContainerImageProvider
10
+ * @implements {EditorProvider}
11
+ */
12
+ export declare class PanelContainerImageProvider implements IPanelItemProvider {
13
+ component: string;
14
+ createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
15
+ }
16
+ //# sourceMappingURL=panel-container-image.provider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"panel-container-image.provider.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/panel-container-image.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD;;;;;;;;GAQG;AACH,qBAAa,2BAA4B,YAAW,kBAAkB;IACpE,SAAS,EAAE,MAAM,CAA6B;IAExC,gBAAgB,CACpB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,mBAAmB,GAAG,SAAS,GACtC,OAAO,CAAC,mBAAmB,CAAC;CAKhC"}
@@ -0,0 +1,15 @@
1
+ import { PanelContainerImageController } from './panel-container-image.controller.mjs';
2
+
3
+ "use strict";
4
+ class PanelContainerImageProvider {
5
+ constructor() {
6
+ this.component = "IBizPanelContainerImage";
7
+ }
8
+ async createController(panelItem, panel, parent) {
9
+ const c = new PanelContainerImageController(panelItem, panel, parent);
10
+ await c.init();
11
+ return c;
12
+ }
13
+ }
14
+
15
+ export { PanelContainerImageProvider };
@@ -0,0 +1,13 @@
1
+ import { PanelItemState } from '@ibiz-template/runtime';
2
+ /**
3
+ * 面板图片容器状态
4
+ *
5
+ * @author lxm
6
+ * @date 2023-02-07 06:04:27
7
+ * @export
8
+ * @class PanelContainerImageState
9
+ * @extends {PanelItemState}
10
+ */
11
+ export declare class PanelContainerImageState extends PanelItemState {
12
+ }
13
+ //# sourceMappingURL=panel-container-image.state.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"panel-container-image.state.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-image/panel-container-image.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD;;;;;;;;GAQG;AACH,qBAAa,wBAAyB,SAAQ,cAAc;CAAG"}
@@ -0,0 +1,7 @@
1
+ import { PanelItemState } from '@ibiz-template/runtime';
2
+
3
+ "use strict";
4
+ class PanelContainerImageState extends PanelItemState {
5
+ }
6
+
7
+ export { PanelContainerImageState };
@@ -48,6 +48,9 @@ export declare function getArrayProps<C>(): {
48
48
  type: BooleanConstructor;
49
49
  default: boolean;
50
50
  };
51
+ overflowMode: {
52
+ type: StringConstructor;
53
+ };
51
54
  };
52
55
  /**
53
56
  * 获取表格数组编辑器的props
@@ -102,5 +105,8 @@ export declare function getGridArrayProps<C>(): {
102
105
  type: BooleanConstructor;
103
106
  default: boolean;
104
107
  };
108
+ overflowMode: {
109
+ type: StringConstructor;
110
+ };
105
111
  };
106
112
  //# sourceMappingURL=array.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../../src/props/editor/array.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAE9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAElC"}
1
+ {"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../../src/props/editor/array.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAE9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAElC"}
@@ -22,6 +22,9 @@ export declare function getAutoCompleteProps<C>(): {
22
22
  type: BooleanConstructor;
23
23
  default: boolean;
24
24
  };
25
+ overflowMode: {
26
+ type: StringConstructor;
27
+ };
25
28
  };
26
29
  /**
27
30
  * 获取表格自动完成的props
@@ -50,5 +53,8 @@ export declare function getGridAutoCompleteProps<C>(): {
50
53
  type: BooleanConstructor;
51
54
  default: boolean;
52
55
  };
56
+ overflowMode: {
57
+ type: StringConstructor;
58
+ };
53
59
  };
54
60
  //# sourceMappingURL=autocomplete.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/props/editor/autocomplete.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,CAAC;;;;;;;;;;;;;;;EAErC;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,CAAC;;;;;;;;;;;;;;;;;;EAEzC"}
1
+ {"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/props/editor/autocomplete.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,CAAC;;;;;;;;;;;;;;;;;;EAErC;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;EAEzC"}
@@ -22,6 +22,9 @@ export declare function getCascaderProps<C>(): {
22
22
  type: BooleanConstructor;
23
23
  default: boolean;
24
24
  };
25
+ overflowMode: {
26
+ type: StringConstructor;
27
+ };
25
28
  };
26
29
  /**
27
30
  * 获取表格级联选择器的props
@@ -50,5 +53,8 @@ export declare function getGridCascaderProps<C>(): {
50
53
  type: BooleanConstructor;
51
54
  default: boolean;
52
55
  };
56
+ overflowMode: {
57
+ type: StringConstructor;
58
+ };
53
59
  };
54
60
  //# sourceMappingURL=cascader.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["../../../src/props/editor/cascader.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,CAAC;;;;;;;;;;;;;;;EAEjC;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,CAAC;;;;;;;;;;;;;;;;;;EAErC"}
1
+ {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["../../../src/props/editor/cascader.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,CAAC;;;;;;;;;;;;;;;;;;EAEjC;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;EAErC"}
@@ -22,6 +22,9 @@ export declare function getCheckboxListProps<C>(): {
22
22
  type: BooleanConstructor;
23
23
  default: boolean;
24
24
  };
25
+ overflowMode: {
26
+ type: StringConstructor;
27
+ };
25
28
  };
26
29
  /**
27
30
  * 获取表格选项框列表的props
@@ -50,5 +53,8 @@ export declare function getGridCheckboxListProps<C>(): {
50
53
  type: BooleanConstructor;
51
54
  default: boolean;
52
55
  };
56
+ overflowMode: {
57
+ type: StringConstructor;
58
+ };
53
59
  };
54
60
  //# sourceMappingURL=check-box-list.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"check-box-list.d.ts","sourceRoot":"","sources":["../../../src/props/editor/check-box-list.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,CAAC;;;;;;;;;;;;;;;EAErC;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,CAAC;;;;;;;;;;;;;;;;;;EAEzC"}
1
+ {"version":3,"file":"check-box-list.d.ts","sourceRoot":"","sources":["../../../src/props/editor/check-box-list.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,CAAC;;;;;;;;;;;;;;;;;;EAErC;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;EAEzC"}
@@ -22,6 +22,9 @@ export declare function getCheckboxProps<C>(): {
22
22
  type: BooleanConstructor;
23
23
  default: boolean;
24
24
  };
25
+ overflowMode: {
26
+ type: StringConstructor;
27
+ };
25
28
  };
26
29
  /**
27
30
  * 获取表格选项框列表的props
@@ -50,5 +53,8 @@ export declare function getGridCheckboxProps<C>(): {
50
53
  type: BooleanConstructor;
51
54
  default: boolean;
52
55
  };
56
+ overflowMode: {
57
+ type: StringConstructor;
58
+ };
53
59
  };
54
60
  //# sourceMappingURL=check-box.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"check-box.d.ts","sourceRoot":"","sources":["../../../src/props/editor/check-box.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,CAAC;;;;;;;;;;;;;;;EAEjC;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,CAAC;;;;;;;;;;;;;;;;;;EAErC"}
1
+ {"version":3,"file":"check-box.d.ts","sourceRoot":"","sources":["../../../src/props/editor/check-box.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,CAAC;;;;;;;;;;;;;;;;;;EAEjC;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;EAErC"}
@@ -37,6 +37,9 @@ export declare function getCodeProps<C>(): {
37
37
  type: BooleanConstructor;
38
38
  default: boolean;
39
39
  };
40
+ overflowMode: {
41
+ type: StringConstructor;
42
+ };
40
43
  };
41
44
  /**
42
45
  * 获取表格代码编辑器的props
@@ -80,5 +83,8 @@ export declare function getGridCodeProps<C>(): {
80
83
  type: BooleanConstructor;
81
84
  default: boolean;
82
85
  };
86
+ overflowMode: {
87
+ type: StringConstructor;
88
+ };
83
89
  };
84
90
  //# sourceMappingURL=code.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../src/props/editor/code.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,CAAC;;;;;;;;;IAa9B;;;;;;;;OAQG;;;;;;;;;;;;;EAVF;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,CAAC;;;;;;;;;;;;IATlC;;;;;;;;OAQG;;;;;;;;;;;;;EAGF"}
1
+ {"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../src/props/editor/code.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,CAAC;;;;;;;;;IAa9B;;;;;;;;OAQG;;;;;;;;;;;;;;;;EAVF;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,CAAC;;;;;;;;;;;;IATlC;;;;;;;;OAQG;;;;;;;;;;;;;;;;EAGF"}
@@ -22,6 +22,9 @@ export declare function getColorPickerProps<C>(): {
22
22
  type: BooleanConstructor;
23
23
  default: boolean;
24
24
  };
25
+ overflowMode: {
26
+ type: StringConstructor;
27
+ };
25
28
  };
26
29
  /**
27
30
  * 获取表格颜色选择器的props
@@ -50,5 +53,8 @@ export declare function getGridColorPickerProps<C>(): {
50
53
  type: BooleanConstructor;
51
54
  default: boolean;
52
55
  };
56
+ overflowMode: {
57
+ type: StringConstructor;
58
+ };
53
59
  };
54
60
  //# sourceMappingURL=color-picker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../src/props/editor/color-picker.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,CAAC;;;;;;;;;;;;;;;EAEpC;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,CAAC;;;;;;;;;;;;;;;;;;EAExC"}
1
+ {"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../src/props/editor/color-picker.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,CAAC;;;;;;;;;;;;;;;;;;EAEpC;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;EAExC"}
@@ -24,6 +24,9 @@ export declare function getEditorProps<C>(): {
24
24
  type: BooleanConstructor;
25
25
  default: boolean;
26
26
  };
27
+ overflowMode: {
28
+ type: StringConstructor;
29
+ };
27
30
  };
28
31
  /**
29
32
  * 获取编辑器通用emits
@@ -43,6 +46,8 @@ export declare function getEditorEmits<V>(): {
43
46
  focus: (_event?: IData) => boolean;
44
47
  /** 回车事件 */
45
48
  enter: (_event?: IData) => boolean;
49
+ /** 信息文本变更事件 */
50
+ infoTextChange: (_text: string) => boolean;
46
51
  };
47
52
  /**
48
53
  * 获取表格列编辑器通用emits
@@ -1 +1 @@
1
- {"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/props/editor/common.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;EAiB/B;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC;IAE5B,YAAY;qBACK,CAAC,UAAU,MAAM;IAClC,WAAW;oBACK,KAAK;IACrB,WAAW;qBACM,KAAK;IACtB,WAAW;qBACM,KAAK;EAEzB;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,CAAC;IAEhC,YAAY;qBACK,CAAC,UAAU,MAAM;IAClC,eAAe;;EAGlB;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB;;;;EAMvC"}
1
+ {"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/props/editor/common.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;;EAkB/B;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC;IAE5B,YAAY;qBACK,CAAC,UAAU,MAAM;IAClC,WAAW;oBACK,KAAK;IACrB,WAAW;qBACM,KAAK;IACtB,WAAW;qBACM,KAAK;IACtB,eAAe;4BACS,MAAM;EAEjC;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,CAAC;IAEhC,YAAY;qBACK,CAAC,UAAU,MAAM;IAClC,eAAe;;EAGlB;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB;;;;EAMvC"}
@@ -16,7 +16,8 @@ function getEditorProps() {
16
16
  autoFocus: {
17
17
  type: Boolean,
18
18
  default: false
19
- }
19
+ },
20
+ overflowMode: { type: String }
20
21
  };
21
22
  }
22
23
  function getEditorEmits() {
@@ -28,7 +29,9 @@ function getEditorEmits() {
28
29
  /** 聚焦事件 */
29
30
  focus: (_event) => true,
30
31
  /** 回车事件 */
31
- enter: (_event) => true
32
+ enter: (_event) => true,
33
+ /** 信息文本变更事件 */
34
+ infoTextChange: (_text) => true
32
35
  };
33
36
  }
34
37
  function getGridEditorEmits() {
@@ -22,6 +22,9 @@ export declare function getDataPickerProps<C>(): {
22
22
  type: BooleanConstructor;
23
23
  default: boolean;
24
24
  };
25
+ overflowMode: {
26
+ type: StringConstructor;
27
+ };
25
28
  };
26
29
  /**
27
30
  * 获取表格数据选择的props
@@ -50,5 +53,8 @@ export declare function getGridDataPickerProps<C>(): {
50
53
  type: BooleanConstructor;
51
54
  default: boolean;
52
55
  };
56
+ overflowMode: {
57
+ type: StringConstructor;
58
+ };
53
59
  };
54
60
  //# sourceMappingURL=data-picker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"data-picker.d.ts","sourceRoot":"","sources":["../../../src/props/editor/data-picker.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,CAAC;;;;;;;;;;;;;;;EAEnC;AAED;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,CAAC;;;;;;;;;;;;;;;;;;EAEvC"}
1
+ {"version":3,"file":"data-picker.d.ts","sourceRoot":"","sources":["../../../src/props/editor/data-picker.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,CAAC;;;;;;;;;;;;;;;;;;EAEnC;AAED;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;EAEvC"}