@ibiz-template/vue3-components 0.7.41-alpha.1 → 0.7.41-alpha.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 (32) hide show
  1. package/dist/index-wTJRDY6L.js +4 -0
  2. package/dist/index.min.css +1 -1
  3. package/dist/index.system.min.js +1 -1
  4. package/dist/{wang-editor-6EirGFoh.js → wang-editor-F-NQHCVT.js} +1 -1
  5. package/dist/{xlsx-util-J1RHk00u.js → xlsx-util-0wARAx2L.js} +1 -1
  6. package/es/common/split/split.css +1 -1
  7. package/es/control/drtab/drtab-control.util.mjs +1 -1
  8. package/es/control/form/form-detail/form-item/form-item-container/form-item-container.css +1 -1
  9. package/es/control/form/form-detail/form-item/form-item-container/form-item-container.mjs +25 -4
  10. package/es/control/grid/grid/grid-control.util.d.ts +1 -1
  11. package/es/control/grid/grid/grid-control.util.mjs +31 -4
  12. package/es/control/grid/grid/grid.mjs +7 -5
  13. package/es/control/tree/el-tree-util.d.ts +23 -1
  14. package/es/control/tree/el-tree-util.mjs +30 -1
  15. package/es/control/tree/tree.d.ts +5 -1
  16. package/es/control/tree/tree.mjs +90 -10
  17. package/es/control/tree-grid/tree-grid.mjs +1 -1
  18. package/es/util/fullscreen/fullscreen-util.mjs +1 -1
  19. package/lib/common/split/split.css +1 -1
  20. package/lib/control/drtab/drtab-control.util.cjs +1 -1
  21. package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.cjs +25 -4
  22. package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.css +1 -1
  23. package/lib/control/grid/grid/grid-control.util.cjs +30 -3
  24. package/lib/control/grid/grid/grid.cjs +7 -5
  25. package/lib/control/tree/el-tree-util.cjs +31 -0
  26. package/lib/control/tree/tree.cjs +88 -8
  27. package/lib/control/tree-grid/tree-grid.cjs +1 -1
  28. package/lib/util/fullscreen/fullscreen-util.cjs +1 -1
  29. package/package.json +7 -7
  30. package/dist/index-eIKUlAq_.js +0 -4
  31. /package/es/node_modules/.pnpm/{@ibiz-template_core@0.7.41-alpha.1_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1 → @ibiz-template_core@0.7.41-alpha.2_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1}/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs +0 -0
  32. /package/lib/node_modules/.pnpm/{@ibiz-template_core@0.7.41-alpha.1_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1 → @ibiz-template_core@0.7.41-alpha.2_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1}/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs +0 -0
@@ -1 +1 @@
1
- .ibiz-split-wrapper{position:relative;width:100%;height:100%}.ibiz-split-wrapper.is-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split--horizontal{display:flex;height:100%}.ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}.ibiz-split-pane{position:absolute}.ibiz-split-pane--left{top:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--right{top:0;right:0;bottom:0;overflow:hidden}.ibiz-split-pane--top{top:0;right:0;left:0;overflow:hidden}.ibiz-split-pane--bottom{right:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--moving{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}
1
+ .ibiz-split-wrapper{position:relative;width:100%;height:100%}.ibiz-split-wrapper.is-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-pane{position:absolute}.ibiz-split-pane--left{top:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--right{top:0;right:0;bottom:0;overflow:hidden}.ibiz-split-pane--top{top:0;right:0;left:0;overflow:hidden}.ibiz-split-pane--bottom{right:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--moving{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}.ibiz-split--horizontal{display:flex;height:100%}.ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}
@@ -1,5 +1,5 @@
1
1
  import { ref, watch, watchEffect, onUnmounted } from 'vue';
2
- import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.1_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
2
+ import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.2_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
3
3
 
4
4
  "use strict";
5
5
  function useAppDRTab(c, controlRef, counterData) {
@@ -1 +1 @@
1
- .ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:0 var(--ibiz-spacing-base-tight) 0 0;--ibiz-form-item-container-label-right-padding:0 0 0 var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--content{display:flex;align-items:center;max-width:100%}.ibiz-form-item-container__label--content.is-tooltip{cursor:pointer}.ibiz-form-item-container__label--icon{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__label--text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item-container__popper.el-popper{padding:var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-border);border-radius:0;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-form-item-container__popper.el-popper table{border-spacing:0;border-collapse:collapse}.ibiz-form-item-container__popper.el-popper table tr td,.ibiz-form-item-container__popper.el-popper table tr th{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-form-item-container__popper.el-popper .el-popper__arrow{display:block}.ibiz-form-item-container__popper--content{max-width:500px;padding:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__popper--content a{color:var(--ibiz-color-link)}.ibiz-form-item-container__popper--tooltip{min-width:50px;min-height:20px}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--left .ibiz-form-item-container__content,.ibiz-form-item-container--right .ibiz-form-item-container__content{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label--content{float:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--right .ibiz-form-item-container__label--content{float:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label--content::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .ibiz-form-item-container__editor .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}
1
+ .ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:0 var(--ibiz-spacing-base-tight) 0 0;--ibiz-form-item-container-label-right-padding:0 0 0 var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--content{display:flex;align-items:center;max-width:100%}.ibiz-form-item-container__label--content.is-tooltip{cursor:pointer}.ibiz-form-item-container__label--icon{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__label--text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item-container__popper.el-popper{padding:var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-border);border-radius:0;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-form-item-container__popper.el-popper table{border-spacing:0;border-collapse:collapse}.ibiz-form-item-container__popper.el-popper table tr td,.ibiz-form-item-container__popper.el-popper table tr th{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-form-item-container__popper.el-popper .el-popper__arrow{display:block}.ibiz-form-item-container__popper--content{max-width:500px;padding:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__popper--content a{color:var(--ibiz-color-link)}.ibiz-form-item-container__popper--tooltip{min-width:50px;min-height:20px}.ibiz-form-item-container__popper.is-md.el-popper.el-popper{padding:0}.ibiz-form-item-container__popper.is-md.el-popper.el-popper .ibiz-form-item-container__popper--content{padding:0}.ibiz-form-item-container__popper.is-md .ibiz-markdown{max-height:100vh;padding:0 calc(var(--ibiz-spacing-extra-tight) + var(--ibiz-spacing-extra-tight));overflow:auto}.ibiz-form-item-container__popper.is-md .ibiz-form-item-container__popper--tooltip{padding:calc(var(--ibiz-spacing-extra-tight) + var(--ibiz-spacing-extra-tight)) 0}.ibiz-form-item-container__popper.is-md .ibiz-markdown-cherry{width:auto!important}.ibiz-form-item-container__popper.is-md .cherry-previewer p:only-child{margin:0}.ibiz-form-item-container__popper.is-md .cherry-previewer>p:first-child{margin-top:0}.ibiz-form-item-container__popper.is-md .cherry-sidebar,.ibiz-form-item-container__popper.is-md .cherry-toolbar,.ibiz-form-item-container__popper.is-md .cherry-toolbar-button{display:none}.ibiz-form-item-container__popper.is-md .cherry{font-size:inherit;line-height:inherit}.ibiz-form-item-container__popper.is-md .cherry,.ibiz-form-item-container__popper.is-md .cherry .cherry-previewer{padding:0;background-color:transparent;border:none!important;box-shadow:none}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--left .ibiz-form-item-container__content,.ibiz-form-item-container--right .ibiz-form-item-container__content{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label--content{float:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--right .ibiz-form-item-container__label--content{float:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label--content::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .ibiz-form-item-container__editor .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}
@@ -26,12 +26,34 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
26
26
  c.loadInputTip();
27
27
  });
28
28
  onUnmounted(() => c.clearTipsCache());
29
+ const renderTipContent = () => {
30
+ const {
31
+ inputTip
32
+ } = c.state;
33
+ switch (ibiz.config.tooltiprendermode) {
34
+ case "none":
35
+ return createVNode("span", {
36
+ "class": ns.m("text")
37
+ }, [inputTip]);
38
+ case "html":
39
+ return createVNode("div", {
40
+ "class": ns.m("html"),
41
+ "innerHTML": inputTip
42
+ }, null);
43
+ case "md":
44
+ default:
45
+ return createVNode(resolveComponent("iBizMarkDown"), {
46
+ "value": inputTip,
47
+ "disabled": true
48
+ }, null);
49
+ }
50
+ };
29
51
  const renderInputTip = () => {
30
52
  return createVNode(resolveComponent("el-tooltip"), {
31
53
  "effect": "light",
32
54
  "visible": visible.value,
33
55
  "onUpdate:visible": ($event) => visible.value = $event,
34
- "popper-class": ns.e("popper"),
56
+ "popper-class": [ns.e("popper"), ns.is(ibiz.config.tooltiprendermode.toLowerCase(), true)],
35
57
  "disabled": !enableInputTip,
36
58
  "placement": labelPos === "RIGHT" ? "right" : "left"
37
59
  }, {
@@ -52,9 +74,8 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
52
74
  return createVNode("div", {
53
75
  "class": ns.em("popper", "content")
54
76
  }, [createVNode("div", {
55
- "class": ns.em("popper", "tooltip"),
56
- "innerHTML": c.state.inputTip
57
- }, null), c.state.inputTipUrl && createVNode("a", {
77
+ "class": ns.em("popper", "tooltip")
78
+ }, [renderTipContent()]), c.state.inputTipUrl && createVNode("a", {
58
79
  "target": "_blank",
59
80
  "href": c.state.inputTipUrl,
60
81
  "title": ibiz.i18n.t("component.formItemContainer.more")
@@ -69,7 +69,7 @@ export declare function useAppGridPagination(c: GridController): {
69
69
  onPageSizeChange: (size: number) => void;
70
70
  onPageRefresh: () => void;
71
71
  };
72
- export declare function useAppGridBase(c: GridController, props: IGridProps): {
72
+ export declare function useAppGridBase(c: GridController, props: IGridProps, tableRef: Ref<IData | undefined>): {
73
73
  tableData: Ref<IData>;
74
74
  renderColumns: Ref<IDEGridColumn[]>;
75
75
  defaultSort: Ref<IData>;
@@ -1,5 +1,5 @@
1
1
  import { NOOP, eventPath, listenJSEvent, recursiveIterate } from '@ibiz-template/core';
2
- import { Srfuf, ControlVO, GridRowState } from '@ibiz-template/runtime';
2
+ import { Srfuf, ControlVO, GridRowState, ScriptFactory } from '@ibiz-template/runtime';
3
3
  import { orderBy, chunk } from 'lodash-es';
4
4
  import { ref, computed, watch, nextTick, watchEffect, onUnmounted } from 'vue';
5
5
  import '../../../util/index.mjs';
@@ -71,6 +71,14 @@ function useITableEvent(c) {
71
71
  }
72
72
  }, 300);
73
73
  }
74
+ const allGridColumns = [];
75
+ recursiveIterate(
76
+ c.model,
77
+ (column) => {
78
+ allGridColumns.push(column);
79
+ },
80
+ { childrenFields: ["degridColumns"] }
81
+ );
74
82
  c.evt.on("onToggleRowExpansion", (event) => {
75
83
  const { row, expand } = event;
76
84
  if (tableRef.value) {
@@ -357,8 +365,7 @@ function useITableEvent(c) {
357
365
  _rowIndex,
358
366
  _columnIndex
359
367
  }) {
360
- var _a;
361
- const columnModel = (_a = c.model.degridColumns) == null ? void 0 : _a.find((gridColumn) => {
368
+ const columnModel = allGridColumns.find((gridColumn) => {
362
369
  return gridColumn.codeName === column.property;
363
370
  });
364
371
  if (columnModel && columnModel.headerSysCss && columnModel.headerSysCss.cssName) {
@@ -433,7 +440,7 @@ function useAppGridPagination(c) {
433
440
  }
434
441
  return { onPageChange, onPageSizeChange, onPageRefresh };
435
442
  }
436
- function useAppGridBase(c, props) {
443
+ function useAppGridBase(c, props, tableRef) {
437
444
  const initSimpleData = () => {
438
445
  if (!props.data) {
439
446
  return;
@@ -588,6 +595,26 @@ function useAppGridBase(c, props) {
588
595
  rowIndex,
589
596
  columnIndex
590
597
  }) => {
598
+ var _a;
599
+ const spanMethodAttribute = (_a = c.model.controlAttributes) == null ? void 0 : _a.find((item) => {
600
+ return item.attrName === "span-method" && item.attrValue;
601
+ });
602
+ if (spanMethodAttribute) {
603
+ return ScriptFactory.execScriptFn(
604
+ {
605
+ ...c.getEventArgs(),
606
+ metadata: {
607
+ row,
608
+ column,
609
+ rowIndex,
610
+ columnIndex,
611
+ items: tableRef.value.store.states.data.value
612
+ }
613
+ },
614
+ spanMethodAttribute.attrValue,
615
+ { isAsync: false }
616
+ );
617
+ }
591
618
  const { property } = column;
592
619
  const { rowspankeys = [], colspankeys = [] } = c.controlParams;
593
620
  if (rowspankeys.length > 0 && rowspankeys.includes(property)) {
@@ -18,10 +18,12 @@ function renderAttrs(model, params) {
18
18
  var _a;
19
19
  const attrs = {};
20
20
  (_a = model.controlAttributes) == null ? void 0 : _a.forEach((item) => {
21
- if (item.attrName && item.attrValue) {
22
- attrs[item.attrName] = ScriptFactory.execSingleLine(item.attrValue, {
23
- ...params
24
- });
21
+ if (item.attrName !== "span-method") {
22
+ if (item.attrName && item.attrValue) {
23
+ attrs[item.attrName] = ScriptFactory.execSingleLine(item.attrValue, {
24
+ ...params
25
+ });
26
+ }
25
27
  }
26
28
  });
27
29
  return attrs;
@@ -390,7 +392,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
390
392
  summaryMethod,
391
393
  spanMethod,
392
394
  headerDragend
393
- } = useAppGridBase(c, props);
395
+ } = useAppGridBase(c, props, tableRef);
394
396
  const {
395
397
  renderPopover
396
398
  } = useRowEditPopover(tableRef, c);
@@ -1,5 +1,5 @@
1
1
  import { IControlProvider, ITreeController, ITreeNodeData, TreeController } from '@ibiz-template/runtime';
2
- import { IDETree } from '@ibiz/model-core';
2
+ import { IControlRender, IDETree, IPanel } from '@ibiz/model-core';
3
3
  import { ElTree } from 'element-plus';
4
4
  import { NodeDropType } from 'element-plus/es/components/tree/src/tree.type';
5
5
  import { Ref } from 'vue';
@@ -956,3 +956,25 @@ export declare function useAppTreeBase(c: TreeController, props: ITreeProps): vo
956
956
  * @param {IData} curItem
957
957
  */
958
958
  export declare function findChildItems(c: TreeController, modelData: IData, curItem: IData): IData[];
959
+ /**
960
+ * 获取树节点布局面板
961
+ *
962
+ * @param {{
963
+ * controlRenders?: IControlRender[];
964
+ * }} control
965
+ * @return {*} {(IPanel | undefined)}
966
+ */
967
+ export declare function getNodeControlPanel(control: {
968
+ controlRenders?: IControlRender[];
969
+ }): IPanel | undefined;
970
+ /**
971
+ * 获取新建树节点布局面板
972
+ *
973
+ * @param {{
974
+ * controlRenders?: IControlRender[];
975
+ * }} control
976
+ * @return {*} {(IPanel | undefined)}
977
+ */
978
+ export declare function getNewNodeControlPanel(control: {
979
+ controlRenders?: IControlRender[];
980
+ }): IPanel | undefined;
@@ -1,4 +1,5 @@
1
1
  import { RuntimeError } from '@ibiz-template/core';
2
+ import { getControlPanel, ScriptFactory } from '@ibiz-template/runtime';
2
3
  import { createUUID } from 'qx-util';
3
4
  import { debounce, cloneDeep } from 'lodash-es';
4
5
  import { watch } from 'vue';
@@ -141,5 +142,33 @@ function findChildItems(c, modelData, curItem) {
141
142
  });
142
143
  return children;
143
144
  }
145
+ function getNodeControlPanel(control) {
146
+ if (control.controlRenders) {
147
+ const controlRenders = control.controlRenders.filter(
148
+ (item) => (item.id || "").split("_")[0] !== "newnoderender"
149
+ );
150
+ return getControlPanel({ controlRenders });
151
+ }
152
+ }
153
+ function getNewNodeControlPanel(control) {
154
+ if (control.controlRenders) {
155
+ const controlRender = control.controlRenders.find(
156
+ (item) => (item.id || "").split("_")[0] === "newnoderender"
157
+ );
158
+ if (!controlRender)
159
+ return;
160
+ if (controlRender.renderType === "LAYOUTPANEL_MODEL" && controlRender.layoutPanelModel) {
161
+ const layoutPanelModel = ScriptFactory.execScriptFn(
162
+ {},
163
+ controlRender.layoutPanelModel,
164
+ { isAsync: false }
165
+ );
166
+ return layoutPanelModel;
167
+ }
168
+ if (controlRender.renderType === "LAYOUTPANEL" && controlRender.layoutPanel) {
169
+ return controlRender.layoutPanel;
170
+ }
171
+ }
172
+ }
144
173
 
145
- export { findChildItems, findNodeData, formatNodeDropType, useAppTreeBase, useElTreeUtil };
174
+ export { findChildItems, findNodeData, formatNodeDropType, getNewNodeControlPanel, getNodeControlPanel, useAppTreeBase, useElTreeUtil };
@@ -257,7 +257,11 @@ export declare const TreeControl: import("vue").DefineComponent<{
257
257
  }>;
258
258
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
259
259
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
260
- $emit: (event: "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", ...args: any[]) => void;
260
+ $emit: (event: "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", ...args: any[]) => void; /**
261
+ * 处理键盘ESC事件
262
+ * @author tony001
263
+ * @date 2023-12-15 05:37:03
264
+ */
261
265
  $el: any;
262
266
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
263
267
  data: {
@@ -2,11 +2,11 @@ import { isVNode, ref, reactive, onUnmounted, watch, computed, nextTick, resolve
2
2
  import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
3
3
  import { createUUID } from 'qx-util';
4
4
  import { cloneDeep, debounce } from 'lodash-es';
5
- import { TreeController, getControlPanel } from '@ibiz-template/runtime';
5
+ import { TreeController, AppDataEntity, PanelItemEventName } from '@ibiz-template/runtime';
6
6
  import './tree.css';
7
7
  import { RuntimeError } from '@ibiz-template/core';
8
8
  import { isNil } from 'ramda';
9
- import { useAppTreeBase, findNodeData, useElTreeUtil, findChildItems, formatNodeDropType } from './el-tree-util.mjs';
9
+ import { useAppTreeBase, getNewNodeControlPanel, findNodeData, useElTreeUtil, findChildItems, formatNodeDropType, getNodeControlPanel } from './el-tree-util.mjs';
10
10
 
11
11
  "use strict";
12
12
  function _isSlot(s) {
@@ -133,21 +133,38 @@ const TreeControl = /* @__PURE__ */ defineComponent({
133
133
  const treeNodeTextInputRef = ref(null);
134
134
  const editingNodeKey = ref(null);
135
135
  const editingNodeText = ref(null);
136
+ const newNodePanelRef = ref();
136
137
  const newTreeNodeText = ref(null);
137
138
  const newNodeModel = ref(null);
138
139
  const newDefaultValue = ref(null);
139
140
  const newNodeKey = ref("".concat(createUUID(), "-").concat(createUUID()));
140
141
  const newNodeData = ref(null);
141
- c.evt.on("onNewTreeNode", (args) => {
142
+ const newNodeDeData = ref(null);
143
+ const newNodeControlPanel = ref(null);
144
+ c.evt.on("onNewTreeNode", async (args) => {
145
+ var _a;
142
146
  const {
143
147
  nodeModel,
144
148
  defaultValue,
145
149
  parentNodeData
146
150
  } = args;
147
- newNodeModel.value = nodeModel;
151
+ const {
152
+ appId,
153
+ appDataEntityId
154
+ } = nodeModel;
155
+ const entityModel = await ibiz.hub.getAppDataEntity(appDataEntityId, appId);
156
+ const layoutPanel = getNewNodeControlPanel(nodeModel);
157
+ if (layoutPanel) {
158
+ newNodeDeData.value = new AppDataEntity(entityModel, {});
159
+ newNodeControlPanel.value = layoutPanel || null;
160
+ }
148
161
  newDefaultValue.value = defaultValue;
149
162
  editingNodeKey.value = null;
150
163
  editingNodeText.value = null;
164
+ if (newNodeData.value) {
165
+ (_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
166
+ newNodeData.value = null;
167
+ }
151
168
  if (parentNodeData && treeRef.value) {
152
169
  const _newNodeData = {};
153
170
  Object.assign(_newNodeData, {
@@ -158,6 +175,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
158
175
  treeRef.value.append(_newNodeData, parentNodeData);
159
176
  newNodeData.value = _newNodeData;
160
177
  }
178
+ newNodeModel.value = nodeModel;
161
179
  });
162
180
  watch(() => treeNodeTextInputRef.value, (newVal) => {
163
181
  if (newVal) {
@@ -189,7 +207,28 @@ const TreeControl = /* @__PURE__ */ defineComponent({
189
207
  }
190
208
  }
191
209
  if (newNodeModel.value) {
192
- if (newTreeNodeText.value) {
210
+ const hasNonNullValue = newNodeDeData.value && Object.values(newNodeDeData.value).some((_val) => !!_val);
211
+ if (newNodeControlPanel.value && hasNonNullValue) {
212
+ const {
213
+ textAppDEFieldId,
214
+ id
215
+ } = newNodeModel.value;
216
+ const nodeData = {
217
+ _nodeId: id,
218
+ _text: [newNodeDeData.value[textAppDEFieldId]],
219
+ _deData: {}
220
+ };
221
+ Object.assign(nodeData._deData, newNodeDeData.value);
222
+ if (newDefaultValue.value) {
223
+ Object.keys(newDefaultValue.value).forEach((_key) => {
224
+ if (!nodeData._deData[_key])
225
+ Object.assign(nodeData._deData, {
226
+ [_key]: newDefaultValue.value[_key]
227
+ });
228
+ });
229
+ }
230
+ await c.createDeNodeData([nodeData]);
231
+ } else if (newTreeNodeText.value) {
193
232
  const {
194
233
  textAppDEFieldId,
195
234
  id
@@ -213,6 +252,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
213
252
  newNodeModel.value = null;
214
253
  newTreeNodeText.value = null;
215
254
  newDefaultValue.value = null;
255
+ newNodeDeData.value = null;
256
+ newNodeControlPanel.value = null;
257
+ newNodePanelRef.value = null;
216
258
  if (newNodeData.value)
217
259
  (_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
218
260
  newNodeData.value = null;
@@ -228,6 +270,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
228
270
  newNodeModel.value = null;
229
271
  newTreeNodeText.value = null;
230
272
  newDefaultValue.value = null;
273
+ newNodeDeData.value = null;
274
+ newNodeControlPanel.value = null;
275
+ newNodePanelRef.value = null;
231
276
  if (newNodeData.value)
232
277
  (_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
233
278
  newNodeData.value = null;
@@ -242,6 +287,20 @@ const TreeControl = /* @__PURE__ */ defineComponent({
242
287
  onNodeTextEditEsc();
243
288
  }
244
289
  };
290
+ const onPanelItemEvent = (_args) => {
291
+ if (!_args)
292
+ return;
293
+ const {
294
+ panelItemEventName
295
+ } = _args;
296
+ if (panelItemEventName === PanelItemEventName.ENTER) {
297
+ onNodeTextEditBlur();
298
+ }
299
+ };
300
+ const onPanelItemKeydown = (e) => {
301
+ if (e.code === "Escape" || e.keyCode === 27)
302
+ onNodeTextEditEsc();
303
+ };
245
304
  const {
246
305
  updateUI,
247
306
  triggerNodeExpand
@@ -594,12 +653,20 @@ const TreeControl = /* @__PURE__ */ defineComponent({
594
653
  editCurrentNodeText();
595
654
  }
596
655
  };
656
+ const handleMouseup = () => {
657
+ var _a;
658
+ const isFoucs = (_a = newNodePanelRef.value) == null ? void 0 : _a.$el.querySelector(".is-focus");
659
+ if (newNodeControlPanel.value && !isFoucs)
660
+ onNodeTextEditBlur();
661
+ };
597
662
  onMounted(() => {
598
663
  var _a;
664
+ document.addEventListener("mouseup", handleMouseup.bind(this));
599
665
  (_a = treeviewRef.value) == null ? void 0 : _a.$el.addEventListener("keydown", keydownHandle);
600
666
  });
601
667
  onUnmounted(() => {
602
668
  var _a;
669
+ document.removeEventListener("mouseup", handleMouseup.bind(this));
603
670
  (_a = treeviewRef.value) == null ? void 0 : _a.$el.removeEventListener("keydown", keydownHandle);
604
671
  });
605
672
  const renderCounter = (nodeModel) => {
@@ -618,19 +685,32 @@ const TreeControl = /* @__PURE__ */ defineComponent({
618
685
  }
619
686
  };
620
687
  const renderNewNode = () => {
621
- var _a, _b, _c;
688
+ var _a, _b, _c, _d;
622
689
  if (!newNodeModel.value) {
623
690
  return null;
624
691
  }
692
+ if (newNodeControlPanel.value) {
693
+ return createVNode(resolveComponent("iBizControlShell"), {
694
+ "class": [ns.b("new-node"), (_a = newNodeModel.value.sysCss) == null ? void 0 : _a.cssName],
695
+ "ref": newNodePanelRef,
696
+ "data": newNodeDeData.value,
697
+ "modelData": newNodeControlPanel.value,
698
+ "context": c.context,
699
+ "params": c.params,
700
+ "onMouseup": (_e) => _e.stopPropagation(),
701
+ "onPanelItemEvent": onPanelItemEvent,
702
+ "onKeydown": onPanelItemKeydown
703
+ }, null);
704
+ }
625
705
  return createVNode("div", {
626
- "class": [ns.b("new-node"), (_a = newNodeModel.value.sysCss) == null ? void 0 : _a.cssName],
706
+ "class": [ns.b("new-node"), (_b = newNodeModel.value.sysCss) == null ? void 0 : _b.cssName],
627
707
  "onClick": (_e) => {
628
708
  _e.preventDefault();
629
709
  _e.stopPropagation();
630
710
  }
631
- }, [((_b = newNodeModel.value) == null ? void 0 : _b.sysImage) ? createVNode(iBizIcon, {
711
+ }, [((_c = newNodeModel.value) == null ? void 0 : _c.sysImage) ? createVNode(iBizIcon, {
632
712
  "class": ns.be("node", "icon"),
633
- "icon": (_c = newNodeModel.value) == null ? void 0 : _c.sysImage
713
+ "icon": (_d = newNodeModel.value) == null ? void 0 : _d.sysImage
634
714
  }, null) : null, createVNode(resolveComponent("el-input"), {
635
715
  "modelValue": newTreeNodeText.value,
636
716
  "onUpdate:modelValue": ($event) => newTreeNodeText.value = $event,
@@ -757,7 +837,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
757
837
  }
758
838
  }, null)]);
759
839
  }
760
- const layoutPanel = getControlPanel(nodeModel);
840
+ const layoutPanel = getNodeControlPanel(nodeModel);
761
841
  let content;
762
842
  if (layoutPanel) {
763
843
  content = createVNode(resolveComponent("iBizControlShell"), {
@@ -110,7 +110,7 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
110
110
  defaultSort,
111
111
  summaryMethod,
112
112
  headerDragend
113
- } = useAppGridBase(c, props);
113
+ } = useAppGridBase(c, props, tableRef);
114
114
  const {
115
115
  renderPopover
116
116
  } = useRowEditPopover(tableRef, c);
@@ -1,6 +1,6 @@
1
1
  import { createApp } from 'vue';
2
2
  import ElementPlus from 'element-plus';
3
- import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.1_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
3
+ import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.2_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
4
4
  import { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
5
5
 
6
6
  "use strict";
@@ -1 +1 @@
1
- .ibiz-split-wrapper{position:relative;width:100%;height:100%}.ibiz-split-wrapper.is-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split--horizontal{display:flex;height:100%}.ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}.ibiz-split-pane{position:absolute}.ibiz-split-pane--left{top:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--right{top:0;right:0;bottom:0;overflow:hidden}.ibiz-split-pane--top{top:0;right:0;left:0;overflow:hidden}.ibiz-split-pane--bottom{right:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--moving{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}
1
+ .ibiz-split-wrapper{position:relative;width:100%;height:100%}.ibiz-split-wrapper.is-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-pane{position:absolute}.ibiz-split-pane--left{top:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--right{top:0;right:0;bottom:0;overflow:hidden}.ibiz-split-pane--top{top:0;right:0;left:0;overflow:hidden}.ibiz-split-pane--bottom{right:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--moving{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}.ibiz-split--horizontal{display:flex;height:100%}.ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var vue = require('vue');
4
- var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.1_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
4
+ var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.2_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
5
5
 
6
6
  "use strict";
7
7
  function useAppDRTab(c, controlRef, counterData) {
@@ -28,12 +28,34 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
28
28
  c.loadInputTip();
29
29
  });
30
30
  vue.onUnmounted(() => c.clearTipsCache());
31
+ const renderTipContent = () => {
32
+ const {
33
+ inputTip
34
+ } = c.state;
35
+ switch (ibiz.config.tooltiprendermode) {
36
+ case "none":
37
+ return vue.createVNode("span", {
38
+ "class": ns.m("text")
39
+ }, [inputTip]);
40
+ case "html":
41
+ return vue.createVNode("div", {
42
+ "class": ns.m("html"),
43
+ "innerHTML": inputTip
44
+ }, null);
45
+ case "md":
46
+ default:
47
+ return vue.createVNode(vue.resolveComponent("iBizMarkDown"), {
48
+ "value": inputTip,
49
+ "disabled": true
50
+ }, null);
51
+ }
52
+ };
31
53
  const renderInputTip = () => {
32
54
  return vue.createVNode(vue.resolveComponent("el-tooltip"), {
33
55
  "effect": "light",
34
56
  "visible": visible.value,
35
57
  "onUpdate:visible": ($event) => visible.value = $event,
36
- "popper-class": ns.e("popper"),
58
+ "popper-class": [ns.e("popper"), ns.is(ibiz.config.tooltiprendermode.toLowerCase(), true)],
37
59
  "disabled": !enableInputTip,
38
60
  "placement": labelPos === "RIGHT" ? "right" : "left"
39
61
  }, {
@@ -54,9 +76,8 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
54
76
  return vue.createVNode("div", {
55
77
  "class": ns.em("popper", "content")
56
78
  }, [vue.createVNode("div", {
57
- "class": ns.em("popper", "tooltip"),
58
- "innerHTML": c.state.inputTip
59
- }, null), c.state.inputTipUrl && vue.createVNode("a", {
79
+ "class": ns.em("popper", "tooltip")
80
+ }, [renderTipContent()]), c.state.inputTipUrl && vue.createVNode("a", {
60
81
  "target": "_blank",
61
82
  "href": c.state.inputTipUrl,
62
83
  "title": ibiz.i18n.t("component.formItemContainer.more")
@@ -1 +1 @@
1
- .ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:0 var(--ibiz-spacing-base-tight) 0 0;--ibiz-form-item-container-label-right-padding:0 0 0 var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--content{display:flex;align-items:center;max-width:100%}.ibiz-form-item-container__label--content.is-tooltip{cursor:pointer}.ibiz-form-item-container__label--icon{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__label--text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item-container__popper.el-popper{padding:var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-border);border-radius:0;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-form-item-container__popper.el-popper table{border-spacing:0;border-collapse:collapse}.ibiz-form-item-container__popper.el-popper table tr td,.ibiz-form-item-container__popper.el-popper table tr th{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-form-item-container__popper.el-popper .el-popper__arrow{display:block}.ibiz-form-item-container__popper--content{max-width:500px;padding:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__popper--content a{color:var(--ibiz-color-link)}.ibiz-form-item-container__popper--tooltip{min-width:50px;min-height:20px}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--left .ibiz-form-item-container__content,.ibiz-form-item-container--right .ibiz-form-item-container__content{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label--content{float:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--right .ibiz-form-item-container__label--content{float:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label--content::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .ibiz-form-item-container__editor .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}
1
+ .ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:0 var(--ibiz-spacing-base-tight) 0 0;--ibiz-form-item-container-label-right-padding:0 0 0 var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--content{display:flex;align-items:center;max-width:100%}.ibiz-form-item-container__label--content.is-tooltip{cursor:pointer}.ibiz-form-item-container__label--icon{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__label--text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item-container__popper.el-popper{padding:var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-border);border-radius:0;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-form-item-container__popper.el-popper table{border-spacing:0;border-collapse:collapse}.ibiz-form-item-container__popper.el-popper table tr td,.ibiz-form-item-container__popper.el-popper table tr th{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-form-item-container__popper.el-popper .el-popper__arrow{display:block}.ibiz-form-item-container__popper--content{max-width:500px;padding:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__popper--content a{color:var(--ibiz-color-link)}.ibiz-form-item-container__popper--tooltip{min-width:50px;min-height:20px}.ibiz-form-item-container__popper.is-md.el-popper.el-popper{padding:0}.ibiz-form-item-container__popper.is-md.el-popper.el-popper .ibiz-form-item-container__popper--content{padding:0}.ibiz-form-item-container__popper.is-md .ibiz-markdown{max-height:100vh;padding:0 calc(var(--ibiz-spacing-extra-tight) + var(--ibiz-spacing-extra-tight));overflow:auto}.ibiz-form-item-container__popper.is-md .ibiz-form-item-container__popper--tooltip{padding:calc(var(--ibiz-spacing-extra-tight) + var(--ibiz-spacing-extra-tight)) 0}.ibiz-form-item-container__popper.is-md .ibiz-markdown-cherry{width:auto!important}.ibiz-form-item-container__popper.is-md .cherry-previewer p:only-child{margin:0}.ibiz-form-item-container__popper.is-md .cherry-previewer>p:first-child{margin-top:0}.ibiz-form-item-container__popper.is-md .cherry-sidebar,.ibiz-form-item-container__popper.is-md .cherry-toolbar,.ibiz-form-item-container__popper.is-md .cherry-toolbar-button{display:none}.ibiz-form-item-container__popper.is-md .cherry{font-size:inherit;line-height:inherit}.ibiz-form-item-container__popper.is-md .cherry,.ibiz-form-item-container__popper.is-md .cherry .cherry-previewer{padding:0;background-color:transparent;border:none!important;box-shadow:none}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--left .ibiz-form-item-container__content,.ibiz-form-item-container--right .ibiz-form-item-container__content{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label--content{float:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--right .ibiz-form-item-container__label--content{float:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label--content::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .ibiz-form-item-container__editor .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}