@ibiz-template/mob-vue3-components 0.0.1-alpha.21 → 0.0.1-alpha.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.min.css +1 -1
- package/dist/index.system.min.js +6 -6
- package/dist/index.system.min.js.map +1 -1
- package/es/common/action-toolbar/action-toolbar.css +1 -1
- package/es/common/rawitem/rawitem.css +1 -1
- package/es/common/rawitem/rawitem.d.ts +2 -0
- package/es/common/rawitem/rawitem.mjs +19 -8
- package/es/control/app-menu/app-menu.css +1 -1
- package/es/control/app-menu/app-menu.mjs +1 -1
- package/es/control/calendar/calendar.css +1 -1
- package/es/control/caption-bar/caption-bar.css +1 -1
- package/es/control/dashboard/portlet/portlet-layout/portlet-layout.css +1 -1
- package/es/control/dashboard/portlet/portlet-layout/portlet-layout.mjs +2 -2
- package/es/control/data-view/data-view.css +1 -1
- package/es/control/form/form/index.mjs +0 -2
- package/es/control/form/form-detail/form-button/form-button.mjs +21 -6
- package/es/control/form/form-detail/form-druipart/form-druipart.css +1 -1
- package/es/control/form/form-detail/form-druipart/form-druipart.d.ts +1 -0
- package/es/control/form/form-detail/form-druipart/form-druipart.mjs +24 -2
- package/es/control/form/form-detail/form-druipart/index.d.ts +1 -0
- package/es/control/form/form-detail/form-item/form-item-container/form-item-container.css +1 -1
- package/es/control/form/form-detail/form-rawitem/form-rawitem.mjs +1 -0
- package/es/control/form/form-detail/index.d.ts +0 -1
- package/es/control/form/form-detail/index.mjs +0 -2
- package/es/control/form/index.mjs +0 -2
- package/es/control/form/search-form/search-form.css +1 -1
- package/es/control/index.d.ts +1 -0
- package/es/control/index.mjs +1 -2
- package/es/control/list/list.css +1 -1
- package/es/control/md-ctrl/index.d.ts +9 -0
- package/es/control/md-ctrl/md-ctrl.css +1 -1
- package/es/control/md-ctrl/md-ctrl.d.ts +9 -0
- package/es/control/md-ctrl/md-ctrl.mjs +16 -3
- package/es/control/toolbar/toolbar.css +1 -1
- package/es/control/tree/index.mjs +6 -1
- package/es/control/tree/tree.css +1 -1
- package/es/control/wizard-panel/index.d.ts +39 -0
- package/es/control/wizard-panel/index.mjs +18 -0
- package/es/control/wizard-panel/wizard-panel.css +1 -0
- package/es/control/wizard-panel/wizard-panel.d.ts +42 -0
- package/es/control/wizard-panel/wizard-panel.mjs +122 -0
- package/es/control/wizard-panel/wizard-panel.provider.d.ts +13 -0
- package/{lib/control/form/form-detail/form-mdctrl/form-mdctrl.provider.cjs → es/control/wizard-panel/wizard-panel.provider.mjs} +3 -12
- package/es/editor/cascader/ibiz-cascader/ibiz-cascader.d.ts +14 -4
- package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.d.ts +14 -4
- package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.d.ts +14 -4
- package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.d.ts +14 -4
- package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.mjs +1 -1
- package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css +1 -1
- package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.d.ts +14 -4
- package/es/editor/data-picker/ibiz-picker/ibiz-picker.css +1 -1
- package/es/editor/data-picker/ibiz-picker/ibiz-picker.d.ts +14 -4
- package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs +1 -1
- package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts +14 -4
- package/es/editor/date-picker/ibiz-date-picker/ibiz-date-picker.d.ts +14 -4
- package/es/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.d.ts +14 -4
- package/es/editor/dropdown-list/dropdown-list-editor.provider.d.ts +1 -0
- package/es/editor/dropdown-list/dropdown-list-editor.provider.mjs +5 -1
- package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.css +1 -1
- package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.d.ts +14 -4
- package/es/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.css +1 -0
- package/es/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.d.ts +69 -0
- package/es/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.mjs +182 -0
- package/es/editor/index.mjs +3 -2
- package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.css +1 -1
- package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.d.ts +14 -4
- package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.d.ts +14 -4
- package/es/editor/rate/ibiz-rate/ibiz-rate.d.ts +14 -4
- package/es/editor/slider/ibiz-slider/ibiz-slider.css +1 -1
- package/es/editor/slider/ibiz-slider/ibiz-slider.d.ts +14 -4
- package/es/editor/span/span/span.d.ts +6 -0
- package/es/editor/span/span-link/span-link.d.ts +14 -4
- package/es/editor/stepper/ibiz-stepper/ibiz-stepper.d.ts +14 -4
- package/es/editor/stepper/ibiz-stepper/ibiz-stepper.mjs +1 -1
- package/es/editor/switch/ibiz-switch/ibiz-switch.d.ts +14 -4
- package/es/editor/text-box/ibiz-input-number/ibiz-input-number.css +1 -1
- package/es/editor/text-box/ibiz-input-number/ibiz-input-number.d.ts +14 -4
- package/es/editor/text-box/ibiz-input-number/ibiz-input-number.mjs +1 -1
- package/es/editor/text-box/input/input.css +1 -1
- package/es/editor/text-box/input/input.d.ts +14 -4
- package/es/editor/text-box/input/input.mjs +1 -1
- package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.css +1 -1
- package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.d.ts +14 -4
- package/es/editor/upload/ibiz-image-select/ibiz-image-select.css +1 -1
- package/es/editor/upload/ibiz-image-select/ibiz-image-select.d.ts +14 -4
- package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.css +1 -1
- package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.d.ts +14 -4
- package/es/index.mjs +2 -0
- package/es/panel-component/index.mjs +3 -1
- package/es/panel-component/panel-button/index.d.ts +1 -1
- package/es/panel-component/panel-button/panel-button.d.ts +1 -1
- package/es/panel-component/view-header-panel-container/view-header-panel-container.css +1 -1
- package/es/panel-component/wf-action-button/wf-action-button.css +1 -1
- package/es/panel-component/wf-step-trace/wf-step-trace.css +1 -1
- package/es/view/404-view/404-view.css +1 -1
- package/es/view/login-view/login-view.css +1 -1
- package/es/view-engine/index.mjs +5 -0
- package/es/view-engine/mob-edit-view.engine.d.ts +9 -0
- package/es/view-engine/mob-edit-view.engine.mjs +29 -1
- package/es/view-engine/mob-md-view-engine.d.ts +1 -0
- package/es/view-engine/mob-md-view-engine.mjs +6 -0
- package/es/view-engine/mob-tree-view.engine.d.ts +0 -9
- package/es/view-engine/mob-tree-view.engine.mjs +1 -12
- package/es/view-engine/mob-wf-dyna-action-view.engine.mjs +2 -0
- package/es/view-engine/mob-wf-dyna-edit-view.engine.mjs +1 -0
- package/es/view-engine/mob-wizard-view-engine.d.ts +26 -0
- package/es/view-engine/mob-wizard-view-engine.mjs +36 -0
- package/lib/common/action-toolbar/action-toolbar.css +1 -1
- package/lib/common/rawitem/rawitem.cjs +19 -8
- package/lib/common/rawitem/rawitem.css +1 -1
- package/lib/control/app-menu/app-menu.cjs +1 -1
- package/lib/control/app-menu/app-menu.css +1 -1
- package/lib/control/calendar/calendar.css +1 -1
- package/lib/control/caption-bar/caption-bar.css +1 -1
- package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.cjs +2 -2
- package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.css +1 -1
- package/lib/control/data-view/data-view.css +1 -1
- package/lib/control/form/form/index.cjs +0 -2
- package/lib/control/form/form-detail/form-button/form-button.cjs +21 -6
- package/lib/control/form/form-detail/form-druipart/form-druipart.cjs +23 -1
- package/lib/control/form/form-detail/form-druipart/form-druipart.css +1 -1
- package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.css +1 -1
- package/lib/control/form/form-detail/form-rawitem/form-rawitem.cjs +1 -0
- package/lib/control/form/form-detail/index.cjs +0 -4
- package/lib/control/form/index.cjs +4 -8
- package/lib/control/form/search-form/search-form.css +1 -1
- package/lib/control/index.cjs +34 -36
- package/lib/control/list/list.css +1 -1
- package/lib/control/md-ctrl/md-ctrl.cjs +16 -3
- package/lib/control/md-ctrl/md-ctrl.css +1 -1
- package/lib/control/toolbar/toolbar.css +1 -1
- package/lib/control/tree/index.cjs +6 -1
- package/lib/control/tree/tree.css +1 -1
- package/lib/control/wizard-panel/index.cjs +23 -0
- package/lib/control/wizard-panel/wizard-panel.cjs +124 -0
- package/lib/control/wizard-panel/wizard-panel.css +1 -0
- package/{es/control/form/form-detail/form-mdctrl/form-mdctrl.provider.mjs → lib/control/wizard-panel/wizard-panel.provider.cjs} +4 -9
- package/lib/editor/color-picker/ibiz-color-picker/ibiz-color-picker.cjs +1 -1
- package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css +1 -1
- package/lib/editor/data-picker/ibiz-picker/ibiz-picker.cjs +1 -1
- package/lib/editor/data-picker/ibiz-picker/ibiz-picker.css +1 -1
- package/lib/editor/dropdown-list/dropdown-list-editor.provider.cjs +5 -1
- package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.css +1 -1
- package/lib/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.cjs +184 -0
- package/lib/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.css +1 -0
- package/lib/editor/index.cjs +3 -2
- package/lib/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.css +1 -1
- package/lib/editor/slider/ibiz-slider/ibiz-slider.css +1 -1
- package/lib/editor/stepper/ibiz-stepper/ibiz-stepper.cjs +1 -1
- package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.cjs +1 -1
- package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.css +1 -1
- package/lib/editor/text-box/input/input.cjs +1 -1
- package/lib/editor/text-box/input/input.css +1 -1
- package/lib/editor/upload/ibiz-file-upload/ibiz-file-upload.css +1 -1
- package/lib/editor/upload/ibiz-image-select/ibiz-image-select.css +1 -1
- package/lib/editor/upload/ibiz-image-upload/ibiz-image-upload.css +1 -1
- package/lib/index.cjs +2 -0
- package/lib/panel-component/index.cjs +2 -0
- package/lib/panel-component/view-header-panel-container/view-header-panel-container.css +1 -1
- package/lib/panel-component/wf-action-button/wf-action-button.css +1 -1
- package/lib/panel-component/wf-step-trace/wf-step-trace.css +1 -1
- package/lib/view/404-view/404-view.css +1 -1
- package/lib/view/login-view/login-view.css +1 -1
- package/lib/view-engine/index.cjs +5 -0
- package/lib/view-engine/mob-edit-view.engine.cjs +28 -0
- package/lib/view-engine/mob-md-view-engine.cjs +6 -0
- package/lib/view-engine/mob-tree-view.engine.cjs +1 -12
- package/lib/view-engine/mob-wf-dyna-action-view.engine.cjs +2 -0
- package/lib/view-engine/mob-wf-dyna-edit-view.engine.cjs +1 -0
- package/lib/view-engine/mob-wizard-view-engine.cjs +38 -0
- package/package.json +7 -7
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.css +0 -1
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.d.ts +0 -36
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.mjs +0 -66
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-data-view/form-mdctrl-data-view.d.ts +0 -17
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-data-view/form-mdctrl-data-view.mjs +0 -68
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.d.ts +0 -17
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.mjs +0 -80
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-list/form-mdctrl-list.d.ts +0 -17
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-list/form-mdctrl-list.mjs +0 -68
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form-shell.d.ts +0 -72
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form-shell.mjs +0 -157
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.d.ts +0 -17
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.mjs +0 -57
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.d.ts +0 -17
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.mjs +0 -55
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl.d.ts +0 -26
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl.mjs +0 -81
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl.provider.d.ts +0 -15
- package/es/control/form/form-detail/form-mdctrl/index.d.ts +0 -26
- package/es/control/form/form-detail/form-mdctrl/index.mjs +0 -26
- package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.cjs +0 -71
- package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.css +0 -1
- package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-data-view/form-mdctrl-data-view.cjs +0 -73
- package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.cjs +0 -85
- package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-list/form-mdctrl-list.cjs +0 -73
- package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form-shell.cjs +0 -159
- package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.cjs +0 -62
- package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.cjs +0 -60
- package/lib/control/form/form-detail/form-mdctrl/form-mdctrl.cjs +0 -86
- package/lib/control/form/form-detail/form-mdctrl/index.cjs +0 -32
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
import { isVNode, ref, reactive, renderSlot, createTextVNode, createVNode, resolveComponent, h, defineComponent } from 'vue';
|
|
2
|
-
import { FormMDCtrlItemController, findChildFormDetails } from '@ibiz-template/runtime';
|
|
3
|
-
import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
|
|
4
|
-
|
|
5
|
-
"use strict";
|
|
6
|
-
function _isSlot(s) {
|
|
7
|
-
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
|
8
|
-
}
|
|
9
|
-
const FormMDCtrlRepeaterFormShell = /* @__PURE__ */ defineComponent({
|
|
10
|
-
name: "IBizFormMDCtrlRepeaterFormShell",
|
|
11
|
-
props: {
|
|
12
|
-
modelData: {
|
|
13
|
-
type: Object,
|
|
14
|
-
required: true
|
|
15
|
-
},
|
|
16
|
-
context: {
|
|
17
|
-
type: Object,
|
|
18
|
-
required: true
|
|
19
|
-
},
|
|
20
|
-
params: {
|
|
21
|
-
type: Object,
|
|
22
|
-
default: () => ({})
|
|
23
|
-
},
|
|
24
|
-
data: {
|
|
25
|
-
type: Object,
|
|
26
|
-
required: true
|
|
27
|
-
},
|
|
28
|
-
index: {
|
|
29
|
-
type: Number,
|
|
30
|
-
required: true
|
|
31
|
-
},
|
|
32
|
-
controller: {
|
|
33
|
-
type: Object,
|
|
34
|
-
required: true
|
|
35
|
-
},
|
|
36
|
-
buttonVisible: {
|
|
37
|
-
type: Boolean,
|
|
38
|
-
default: true,
|
|
39
|
-
required: false
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
setup(props, {
|
|
43
|
-
slots
|
|
44
|
-
}) {
|
|
45
|
-
const c = useControlController((...args) => new FormMDCtrlItemController(...args, props.data, props.controller.parent.form));
|
|
46
|
-
const ns = useNamespace("form-mdctrl");
|
|
47
|
-
c.state.isLoaded = true;
|
|
48
|
-
const init = ref(false);
|
|
49
|
-
c.evt.on("onCreated", () => {
|
|
50
|
-
const keys = Object.keys(c.details);
|
|
51
|
-
keys.forEach((key) => {
|
|
52
|
-
const detail = c.details[key];
|
|
53
|
-
detail.state = reactive(detail.state);
|
|
54
|
-
});
|
|
55
|
-
init.value = true;
|
|
56
|
-
});
|
|
57
|
-
c.evt.on("onFormDataChange", (arg) => {
|
|
58
|
-
if (arg.data.length > 0) {
|
|
59
|
-
props.controller.onDataItemChange(arg.data[0], props.index);
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
const slotProps = {
|
|
63
|
-
form: c
|
|
64
|
-
};
|
|
65
|
-
const renderByDetailType = (detail, item, index) => {
|
|
66
|
-
let _slot;
|
|
67
|
-
if (detail.hidden) {
|
|
68
|
-
return;
|
|
69
|
-
}
|
|
70
|
-
const detailId = detail.id;
|
|
71
|
-
const controller = c.details[detailId];
|
|
72
|
-
const detailProps = {
|
|
73
|
-
modelData: detail,
|
|
74
|
-
controller,
|
|
75
|
-
key: detail.id
|
|
76
|
-
};
|
|
77
|
-
if (slots[detailId]) {
|
|
78
|
-
return renderSlot(slots, detailId, {
|
|
79
|
-
...slotProps,
|
|
80
|
-
...detailProps
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
const childSlots = {};
|
|
84
|
-
if (detail.detailType === "FORMITEM" && slots[`${detailId}_editor`]) {
|
|
85
|
-
childSlots.default = (...args) => {
|
|
86
|
-
return slots[`${detailId}_editor`](...args);
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
const childDetails = findChildFormDetails(detail);
|
|
90
|
-
if (childDetails.length) {
|
|
91
|
-
childSlots.default = () => childDetails.map((child) => {
|
|
92
|
-
return renderByDetailType(child, item, index);
|
|
93
|
-
});
|
|
94
|
-
}
|
|
95
|
-
const provider = (controller == null ? void 0 : controller.form).providers[detailId];
|
|
96
|
-
if (!provider) {
|
|
97
|
-
return createVNode("div", null, [createTextVNode("\u6682\u672A\u652F\u6301\u7684\u8868\u5355\u9879\u7C7B\u578B: "), detail.detailType, createTextVNode("\u6216\u627E\u4E0D\u5230\u5BF9\u5E94\u9002\u914D\u5668")]);
|
|
98
|
-
}
|
|
99
|
-
const component = resolveComponent(provider.component);
|
|
100
|
-
return createVNode(resolveComponent("iBizCol"), {
|
|
101
|
-
"layoutPos": detailProps.modelData.layoutPos,
|
|
102
|
-
"state": detailProps.controller.state
|
|
103
|
-
}, _isSlot(_slot = h(component, {
|
|
104
|
-
...detailProps
|
|
105
|
-
}, childSlots)) ? _slot : {
|
|
106
|
-
default: () => [_slot]
|
|
107
|
-
});
|
|
108
|
-
};
|
|
109
|
-
return {
|
|
110
|
-
c,
|
|
111
|
-
ns,
|
|
112
|
-
renderByDetailType,
|
|
113
|
-
init
|
|
114
|
-
};
|
|
115
|
-
},
|
|
116
|
-
render() {
|
|
117
|
-
if (!this.init) {
|
|
118
|
-
return;
|
|
119
|
-
}
|
|
120
|
-
const renderDetails = (item, index) => {
|
|
121
|
-
var _a;
|
|
122
|
-
if (!this.c.data) {
|
|
123
|
-
return null;
|
|
124
|
-
}
|
|
125
|
-
return (_a = this.controller.model.deformDetails) == null ? void 0 : _a.map((detail) => {
|
|
126
|
-
return this.renderByDetailType(detail, item, index);
|
|
127
|
-
});
|
|
128
|
-
};
|
|
129
|
-
return createVNode(resolveComponent("van-swipe-cell"), {
|
|
130
|
-
"class": `${this.ns.b("form-content")} ${this.ns.b("repeater-form-shell")}`
|
|
131
|
-
}, {
|
|
132
|
-
default: () => {
|
|
133
|
-
let _slot2;
|
|
134
|
-
return createVNode("div", {
|
|
135
|
-
"class": this.ns.b("form-content-container")
|
|
136
|
-
}, [createVNode(resolveComponent("iBizRow"), {
|
|
137
|
-
"layout": this.c.model.layout
|
|
138
|
-
}, _isSlot(_slot2 = renderDetails(this.data, this.index)) ? _slot2 : {
|
|
139
|
-
default: () => [_slot2]
|
|
140
|
-
})]);
|
|
141
|
-
},
|
|
142
|
-
right: () => {
|
|
143
|
-
return this.buttonVisible && this.controller.parent.isDelete && createVNode(resolveComponent("van-button"), {
|
|
144
|
-
"class": this.ns.b("btn"),
|
|
145
|
-
"type": "danger",
|
|
146
|
-
"onClick": () => {
|
|
147
|
-
this.controller.onDataRemove(this.index);
|
|
148
|
-
}
|
|
149
|
-
}, {
|
|
150
|
-
default: () => [createTextVNode("\u5220\u9664")]
|
|
151
|
-
});
|
|
152
|
-
}
|
|
153
|
-
});
|
|
154
|
-
}
|
|
155
|
-
});
|
|
156
|
-
|
|
157
|
-
export { FormMDCtrlRepeaterFormShell };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { FormMDCtrlRepeaterFormController } from '@ibiz-template/runtime';
|
|
3
|
-
export declare const FormMDCtrlRepeaterForm: import("vue").DefineComponent<{
|
|
4
|
-
controller: {
|
|
5
|
-
type: PropType<FormMDCtrlRepeaterFormController>;
|
|
6
|
-
required: true;
|
|
7
|
-
};
|
|
8
|
-
}, {
|
|
9
|
-
ns: import("@ibiz-template/core").Namespace;
|
|
10
|
-
c: FormMDCtrlRepeaterFormController;
|
|
11
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
12
|
-
controller: {
|
|
13
|
-
type: PropType<FormMDCtrlRepeaterFormController>;
|
|
14
|
-
required: true;
|
|
15
|
-
};
|
|
16
|
-
}>>, {}, {}>;
|
|
17
|
-
export default FormMDCtrlRepeaterForm;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
|
|
2
|
-
import { useNamespace, useController } from '@ibiz-template/vue3-util';
|
|
3
|
-
|
|
4
|
-
"use strict";
|
|
5
|
-
function _isSlot(s) {
|
|
6
|
-
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
|
7
|
-
}
|
|
8
|
-
const FormMDCtrlRepeaterForm = /* @__PURE__ */ defineComponent({
|
|
9
|
-
name: "IBizFormMDCtrlRepeaterForm",
|
|
10
|
-
props: {
|
|
11
|
-
controller: {
|
|
12
|
-
type: Object,
|
|
13
|
-
required: true
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
setup(props) {
|
|
17
|
-
const ns = useNamespace("form-mdctrl");
|
|
18
|
-
useController(props.controller);
|
|
19
|
-
const c = props.controller;
|
|
20
|
-
return {
|
|
21
|
-
ns,
|
|
22
|
-
c
|
|
23
|
-
};
|
|
24
|
-
},
|
|
25
|
-
render() {
|
|
26
|
-
let _slot;
|
|
27
|
-
if (!this.c) {
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
const renderContent = () => {
|
|
31
|
-
return this.c.data.map((item, index) => {
|
|
32
|
-
return createVNode(resolveComponent("iBizFormMDCtrlRepeaterFormShell"), {
|
|
33
|
-
"modelData": this.c.model,
|
|
34
|
-
"context": this.c.parent.form.context,
|
|
35
|
-
"params": this.c.parent.form.params,
|
|
36
|
-
"data": item,
|
|
37
|
-
"index": index,
|
|
38
|
-
"controller": this.c,
|
|
39
|
-
"onControllerAppear": (c) => {
|
|
40
|
-
this.c.setFromController(c);
|
|
41
|
-
}
|
|
42
|
-
}, null);
|
|
43
|
-
});
|
|
44
|
-
};
|
|
45
|
-
return createVNode(resolveComponent("formMDCtrlContainer"), {
|
|
46
|
-
"class": this.ns.b("repeater-form"),
|
|
47
|
-
"controller": this.c.parent,
|
|
48
|
-
"onInsertButtonClick": () => {
|
|
49
|
-
this.c.onDataInsert();
|
|
50
|
-
}
|
|
51
|
-
}, _isSlot(_slot = renderContent()) ? _slot : {
|
|
52
|
-
default: () => [_slot]
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
export { FormMDCtrlRepeaterForm, FormMDCtrlRepeaterForm as default };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { FormMDCtrlRepeaterFormOneController } from '@ibiz-template/runtime';
|
|
3
|
-
export declare const FormMDCtrlRepeaterFormOne: import("vue").DefineComponent<{
|
|
4
|
-
controller: {
|
|
5
|
-
type: PropType<FormMDCtrlRepeaterFormOneController>;
|
|
6
|
-
required: true;
|
|
7
|
-
};
|
|
8
|
-
}, {
|
|
9
|
-
ns: import("@ibiz-template/core").Namespace;
|
|
10
|
-
c: FormMDCtrlRepeaterFormOneController;
|
|
11
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
12
|
-
controller: {
|
|
13
|
-
type: PropType<FormMDCtrlRepeaterFormOneController>;
|
|
14
|
-
required: true;
|
|
15
|
-
};
|
|
16
|
-
}>>, {}, {}>;
|
|
17
|
-
export default FormMDCtrlRepeaterFormOne;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
|
|
2
|
-
import { useNamespace, useController } from '@ibiz-template/vue3-util';
|
|
3
|
-
import { FormMDCtrlContainer } from '../../form-mdctrl-container/form-mdctrl-container.mjs';
|
|
4
|
-
|
|
5
|
-
"use strict";
|
|
6
|
-
function _isSlot(s) {
|
|
7
|
-
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
|
8
|
-
}
|
|
9
|
-
const FormMDCtrlRepeaterFormOne = /* @__PURE__ */ defineComponent({
|
|
10
|
-
name: "IBizFormMDCtrlRepeaterFormOne",
|
|
11
|
-
props: {
|
|
12
|
-
controller: {
|
|
13
|
-
type: Object,
|
|
14
|
-
required: true
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
setup(props) {
|
|
18
|
-
const ns = useNamespace("form-mdctrl");
|
|
19
|
-
useController(props.controller);
|
|
20
|
-
const c = props.controller;
|
|
21
|
-
return {
|
|
22
|
-
ns,
|
|
23
|
-
c
|
|
24
|
-
};
|
|
25
|
-
},
|
|
26
|
-
render() {
|
|
27
|
-
let _slot;
|
|
28
|
-
if (!this.c) {
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
const renderContent = () => {
|
|
32
|
-
return createVNode(resolveComponent("iBizFormMDCtrlRepeaterFormShell"), {
|
|
33
|
-
"modelData": this.c.model,
|
|
34
|
-
"context": this.c.parent.form.context,
|
|
35
|
-
"params": this.c.parent.form.params,
|
|
36
|
-
"data": this.c.data,
|
|
37
|
-
"index": 0,
|
|
38
|
-
"controller": this.c,
|
|
39
|
-
"buttonVisible": false,
|
|
40
|
-
"onControllerAppear": (c) => {
|
|
41
|
-
this.c.setFromController(c);
|
|
42
|
-
}
|
|
43
|
-
}, null);
|
|
44
|
-
};
|
|
45
|
-
return createVNode(FormMDCtrlContainer, {
|
|
46
|
-
"class": this.ns.b("repeater-form-one"),
|
|
47
|
-
"controller": this.c.parent,
|
|
48
|
-
"buttonVisible": false
|
|
49
|
-
}, _isSlot(_slot = renderContent()) ? _slot : {
|
|
50
|
-
default: () => [_slot]
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
|
|
55
|
-
export { FormMDCtrlRepeaterFormOne, FormMDCtrlRepeaterFormOne as default };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { PropType, VNode } from 'vue';
|
|
2
|
-
import { IDEFormMDCtrl } from '@ibiz/model-core';
|
|
3
|
-
import { FormMDCtrlController } from '@ibiz-template/runtime';
|
|
4
|
-
export declare const FormMDCtrl: import("vue").DefineComponent<{
|
|
5
|
-
modelData: {
|
|
6
|
-
type: PropType<IDEFormMDCtrl>;
|
|
7
|
-
required: true;
|
|
8
|
-
};
|
|
9
|
-
controller: {
|
|
10
|
-
type: typeof FormMDCtrlController;
|
|
11
|
-
required: true;
|
|
12
|
-
};
|
|
13
|
-
}, {
|
|
14
|
-
c: FormMDCtrlController;
|
|
15
|
-
renderContentRepeater: () => VNode | undefined;
|
|
16
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
|
-
modelData: {
|
|
18
|
-
type: PropType<IDEFormMDCtrl>;
|
|
19
|
-
required: true;
|
|
20
|
-
};
|
|
21
|
-
controller: {
|
|
22
|
-
type: typeof FormMDCtrlController;
|
|
23
|
-
required: true;
|
|
24
|
-
};
|
|
25
|
-
}>>, {}, {}>;
|
|
26
|
-
export default FormMDCtrl;
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { resolveComponent, createVNode, defineComponent } from 'vue';
|
|
2
|
-
import { useController } from '@ibiz-template/vue3-util';
|
|
3
|
-
import { FormMDCtrlController } from '@ibiz-template/runtime';
|
|
4
|
-
|
|
5
|
-
"use strict";
|
|
6
|
-
const FormMDCtrl = /* @__PURE__ */ defineComponent({
|
|
7
|
-
name: "IBizFormMDCtrl",
|
|
8
|
-
props: {
|
|
9
|
-
modelData: {
|
|
10
|
-
type: Object,
|
|
11
|
-
required: true
|
|
12
|
-
},
|
|
13
|
-
controller: {
|
|
14
|
-
type: FormMDCtrlController,
|
|
15
|
-
required: true
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
setup(props) {
|
|
19
|
-
useController(props.controller);
|
|
20
|
-
const c = props.controller;
|
|
21
|
-
const renderContentRepeater = () => {
|
|
22
|
-
switch (c.model.detailStyle) {
|
|
23
|
-
case "STYLE2":
|
|
24
|
-
return createVNode(resolveComponent("iBizFormMDCtrlRepeaterGrid"), {
|
|
25
|
-
"controller": c.mdCtrlContentController
|
|
26
|
-
}, null);
|
|
27
|
-
case "STYLE3":
|
|
28
|
-
return createVNode(resolveComponent("iBizFormMDCtrlRepeaterFormOne"), {
|
|
29
|
-
"controller": c.mdCtrlContentController
|
|
30
|
-
}, null);
|
|
31
|
-
default:
|
|
32
|
-
return createVNode(resolveComponent("iBizFormMDCtrlRepeaterForm"), {
|
|
33
|
-
"controller": c.mdCtrlContentController
|
|
34
|
-
}, null);
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
return {
|
|
38
|
-
c,
|
|
39
|
-
renderContentRepeater
|
|
40
|
-
};
|
|
41
|
-
},
|
|
42
|
-
render() {
|
|
43
|
-
const renderContentByType = () => {
|
|
44
|
-
let content;
|
|
45
|
-
const {
|
|
46
|
-
model
|
|
47
|
-
} = this.c;
|
|
48
|
-
switch (model == null ? void 0 : model.contentType) {
|
|
49
|
-
case "FORM":
|
|
50
|
-
content = createVNode(resolveComponent("iBizFormMDCtrlForm"), {
|
|
51
|
-
"controller": this.c.mdCtrlContentController
|
|
52
|
-
}, null);
|
|
53
|
-
break;
|
|
54
|
-
case "GRID":
|
|
55
|
-
content = createVNode(resolveComponent("iBizFormMDCtrlGrid"), {
|
|
56
|
-
"controller": this.c.mdCtrlContentController
|
|
57
|
-
}, null);
|
|
58
|
-
break;
|
|
59
|
-
case "LIST":
|
|
60
|
-
content = createVNode(resolveComponent("iBizFormMDCtrlList"), {
|
|
61
|
-
"controller": this.c.mdCtrlContentController
|
|
62
|
-
}, null);
|
|
63
|
-
break;
|
|
64
|
-
case "DATAVIEW":
|
|
65
|
-
content = createVNode(resolveComponent("iBizFormMDCtrlDataView"), {
|
|
66
|
-
"controller": this.c.mdCtrlContentController
|
|
67
|
-
}, null);
|
|
68
|
-
break;
|
|
69
|
-
case "REPEATER":
|
|
70
|
-
content = this.renderContentRepeater();
|
|
71
|
-
break;
|
|
72
|
-
default:
|
|
73
|
-
break;
|
|
74
|
-
}
|
|
75
|
-
return content;
|
|
76
|
-
};
|
|
77
|
-
return renderContentByType();
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
|
-
|
|
81
|
-
export { FormMDCtrl, FormMDCtrl as default };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { FormController, FormMDCtrlController, IFormDetailContainerController, IFormDetailProvider } from '@ibiz-template/runtime';
|
|
2
|
-
import { IDEFormMDCtrl } from '@ibiz/model-core';
|
|
3
|
-
/**
|
|
4
|
-
* 表单多数据部件适配器
|
|
5
|
-
*
|
|
6
|
-
* @author lxm
|
|
7
|
-
* @date 2022-09-19 22:09:03
|
|
8
|
-
* @export
|
|
9
|
-
* @class FormMDCtrlProvider
|
|
10
|
-
* @implements {EditorProvider}
|
|
11
|
-
*/
|
|
12
|
-
export declare class FormMDCtrlProvider implements IFormDetailProvider {
|
|
13
|
-
component: string;
|
|
14
|
-
createController(detailModel: IDEFormMDCtrl, form: FormController, parent: IFormDetailContainerController | undefined): Promise<FormMDCtrlController>;
|
|
15
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export * from './form-mdctrl.provider';
|
|
2
|
-
export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
|
|
3
|
-
modelData: {
|
|
4
|
-
type: import("vue").PropType<import("@ibiz/model-core").IDEFormMDCtrl>;
|
|
5
|
-
required: true;
|
|
6
|
-
};
|
|
7
|
-
controller: {
|
|
8
|
-
type: typeof import("@ibiz-template/runtime").FormMDCtrlController;
|
|
9
|
-
required: true;
|
|
10
|
-
};
|
|
11
|
-
}, {
|
|
12
|
-
c: import("@ibiz-template/runtime").FormMDCtrlController;
|
|
13
|
-
renderContentRepeater: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
14
|
-
[key: string]: any;
|
|
15
|
-
}> | undefined;
|
|
16
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
|
-
modelData: {
|
|
18
|
-
type: import("vue").PropType<import("@ibiz/model-core").IDEFormMDCtrl>;
|
|
19
|
-
required: true;
|
|
20
|
-
};
|
|
21
|
-
controller: {
|
|
22
|
-
type: typeof import("@ibiz-template/runtime").FormMDCtrlController;
|
|
23
|
-
required: true;
|
|
24
|
-
};
|
|
25
|
-
}>>, {}, {}>>;
|
|
26
|
-
export default IBizFormMDCtrl;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { registerFormDetailProvider } from '@ibiz-template/runtime';
|
|
2
|
-
import { withInstall } from '@ibiz-template/vue3-util';
|
|
3
|
-
import { FormMDCtrl } from './form-mdctrl.mjs';
|
|
4
|
-
import { FormMDCtrlContainer } from './form-mdctrl-container/form-mdctrl-container.mjs';
|
|
5
|
-
import { FormMDCtrlDataView } from './form-mdctrl-data-view/form-mdctrl-data-view.mjs';
|
|
6
|
-
import { FormMDCtrlForm } from './form-mdctrl-form/form-mdctrl-form.mjs';
|
|
7
|
-
import { FormMDCtrlList } from './form-mdctrl-list/form-mdctrl-list.mjs';
|
|
8
|
-
import { FormMDCtrlRepeaterFormOne } from './form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.mjs';
|
|
9
|
-
import { FormMDCtrlRepeaterForm } from './form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.mjs';
|
|
10
|
-
import { FormMDCtrlRepeaterFormShell } from './form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form-shell.mjs';
|
|
11
|
-
import { FormMDCtrlProvider } from './form-mdctrl.provider.mjs';
|
|
12
|
-
|
|
13
|
-
"use strict";
|
|
14
|
-
const IBizFormMDCtrl = withInstall(FormMDCtrl, function(v) {
|
|
15
|
-
v.component(FormMDCtrl.name, FormMDCtrl);
|
|
16
|
-
v.component(FormMDCtrlForm.name, FormMDCtrlForm);
|
|
17
|
-
v.component(FormMDCtrlList.name, FormMDCtrlList);
|
|
18
|
-
v.component(FormMDCtrlDataView.name, FormMDCtrlDataView);
|
|
19
|
-
v.component(FormMDCtrlRepeaterForm.name, FormMDCtrlRepeaterForm);
|
|
20
|
-
v.component(FormMDCtrlRepeaterFormOne.name, FormMDCtrlRepeaterFormOne);
|
|
21
|
-
v.component(FormMDCtrlRepeaterFormShell.name, FormMDCtrlRepeaterFormShell);
|
|
22
|
-
v.component(FormMDCtrlContainer.name, FormMDCtrlContainer);
|
|
23
|
-
registerFormDetailProvider("MDCTRL", () => new FormMDCtrlProvider());
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
export { FormMDCtrlProvider, IBizFormMDCtrl, IBizFormMDCtrl as default };
|
package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.cjs
DELETED
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var vue = require('vue');
|
|
6
|
-
var vue3Util = require('@ibiz-template/vue3-util');
|
|
7
|
-
require('./form-mdctrl-container.css');
|
|
8
|
-
|
|
9
|
-
"use strict";
|
|
10
|
-
const FormMDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
|
|
11
|
-
name: "FormMDCtrlContainer",
|
|
12
|
-
props: {
|
|
13
|
-
controller: {
|
|
14
|
-
type: Object,
|
|
15
|
-
required: true
|
|
16
|
-
},
|
|
17
|
-
buttonVisible: {
|
|
18
|
-
type: Boolean,
|
|
19
|
-
default: true,
|
|
20
|
-
required: false
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
emits: ["insertButtonClick"],
|
|
24
|
-
setup(props, {
|
|
25
|
-
emit
|
|
26
|
-
}) {
|
|
27
|
-
const ns = vue3Util.useNamespace("form-mdctrl");
|
|
28
|
-
const c = props.controller;
|
|
29
|
-
const handleRemove = () => {
|
|
30
|
-
};
|
|
31
|
-
const insertButtonClick = () => {
|
|
32
|
-
emit("insertButtonClick");
|
|
33
|
-
};
|
|
34
|
-
const hasCaption = c.model.showCaption && !!c.model.caption;
|
|
35
|
-
const ns2 = vue3Util.useNamespace("form-group");
|
|
36
|
-
return {
|
|
37
|
-
ns,
|
|
38
|
-
ns2,
|
|
39
|
-
c,
|
|
40
|
-
handleRemove,
|
|
41
|
-
insertButtonClick,
|
|
42
|
-
hasCaption
|
|
43
|
-
};
|
|
44
|
-
},
|
|
45
|
-
render() {
|
|
46
|
-
const renderFormContent = () => {
|
|
47
|
-
return this.$slots.default && this.$slots.default();
|
|
48
|
-
};
|
|
49
|
-
const renderMainContent = () => {
|
|
50
|
-
return vue.createVNode("div", {
|
|
51
|
-
"class": this.ns.b("main")
|
|
52
|
-
}, [[vue.createVNode("div", {
|
|
53
|
-
"class": [this.ns.b("title"), this.ns2.b("header")]
|
|
54
|
-
}, [vue.createVNode("span", {
|
|
55
|
-
"class": this.ns.b("caption")
|
|
56
|
-
}, [this.controller.model.showCaption && this.controller.model.caption]), this.buttonVisible && this.controller.isCreate && vue.createVNode(vue.resolveComponent("van-button"), {
|
|
57
|
-
"class": this.ns.b("add-btn"),
|
|
58
|
-
"onClick": () => this.insertButtonClick(),
|
|
59
|
-
"type": "primary"
|
|
60
|
-
}, {
|
|
61
|
-
default: () => [vue.createTextVNode("\u6DFB\u52A0")]
|
|
62
|
-
})]), renderFormContent()]]);
|
|
63
|
-
};
|
|
64
|
-
return vue.createVNode("div", {
|
|
65
|
-
"class": [this.ns.b(), this.ns.b(this.c.model.codeName), this.ns.b(this.c.model.contentType.toLowerCase()), ...this.controller.containerClass, this.ns.is("no-caption", !this.hasCaption)]
|
|
66
|
-
}, [renderMainContent()]);
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
|
|
70
|
-
exports.FormMDCtrlContainer = FormMDCtrlContainer;
|
|
71
|
-
exports.default = FormMDCtrlContainer;
|
package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ibiz-form-mdctrl{min-height:var(--ibiz-form-mdctrl-min-height);--ibiz-form-mdctrl-gap:var(--ibiz-spacing-tight);--ibiz-form-mdctrl-btn-width:0;--ibiz-form-mdctrl-min-height:32px;--ibiz-form-mdctrl-content-min-height:72px}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content{display:flex;min-height:var(--ibiz-form-mdctrl-content-min-height);margin-top:var(--ibiz-spacing-tight)}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content-container{width:100%}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content-control{width:calc(100% - var(--ibiz-form-mdctrl-btn-width) - var(--ibiz-form-mdctrl-gap))}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-btn{height:100%;margin-left:var(--ibiz-form-mdctrl-gap);cursor:pointer;display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title{display:flex;align-items:center;justify-content:space-between}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title .ibiz-form-mdctrl-caption{font-size:14px;font-weight:var(--ibiz-font-weight-bold)}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main{position:relative}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main>.ibiz-form-mdctrl-form-content:nth-child(2) .ibiz-form-mdctrl-btn{position:relative;top:40px;height:-moz-fit-content;height:fit-content}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title{position:absolute;top:0;right:0;z-index:2}.ibiz-form-mdctrl .ibiz-form-mdctrl-add-btn{height:30px}
|
package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-data-view/form-mdctrl-data-view.cjs
DELETED
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var vue = require('vue');
|
|
6
|
-
var vue3Util = require('@ibiz-template/vue3-util');
|
|
7
|
-
var formMdctrlContainer = require('../form-mdctrl-container/form-mdctrl-container.cjs');
|
|
8
|
-
|
|
9
|
-
"use strict";
|
|
10
|
-
function _isSlot(s) {
|
|
11
|
-
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
|
|
12
|
-
}
|
|
13
|
-
const FormMDCtrlDataView = /* @__PURE__ */ vue.defineComponent({
|
|
14
|
-
name: "IBizFormMDCtrlDataView",
|
|
15
|
-
props: {
|
|
16
|
-
controller: {
|
|
17
|
-
type: Object,
|
|
18
|
-
required: true
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
setup(props) {
|
|
22
|
-
const ns = vue3Util.useNamespace("form-mdctrl");
|
|
23
|
-
vue3Util.useController(props.controller);
|
|
24
|
-
const c = props.controller;
|
|
25
|
-
c.state = vue.reactive(c.state);
|
|
26
|
-
return {
|
|
27
|
-
ns,
|
|
28
|
-
c
|
|
29
|
-
};
|
|
30
|
-
},
|
|
31
|
-
render() {
|
|
32
|
-
let _slot;
|
|
33
|
-
const c = this.c;
|
|
34
|
-
const renderContent = () => {
|
|
35
|
-
if (c.controlModel && c.provider) {
|
|
36
|
-
const tempContext = c.parent.form.context.clone();
|
|
37
|
-
const controlProps = {
|
|
38
|
-
modelData: c.controlModel,
|
|
39
|
-
context: tempContext,
|
|
40
|
-
params: c.parent.form.params,
|
|
41
|
-
onSelectionChange: (arg) => c.onSelectionChange(arg),
|
|
42
|
-
onCreated: (event) => c.onDataViewCreated(event),
|
|
43
|
-
class: this.ns.b("form-content-control")
|
|
44
|
-
};
|
|
45
|
-
const controlComponent = vue.h(vue.resolveComponent(c.provider.component), controlProps);
|
|
46
|
-
return vue.createVNode("div", {
|
|
47
|
-
"class": this.ns.b("form-content")
|
|
48
|
-
}, [controlComponent, vue.createVNode("div", {
|
|
49
|
-
"class": this.ns.b("btn")
|
|
50
|
-
}, [c.parent.isDelete && vue.createVNode(vue.resolveComponent("van-button"), {
|
|
51
|
-
"type": "danger",
|
|
52
|
-
"class": this.ns.b("remove-btn"),
|
|
53
|
-
"disabled": !this.c.state.isSelect,
|
|
54
|
-
"onClick": () => this.c.onDataRemove()
|
|
55
|
-
}, {
|
|
56
|
-
default: () => [vue.createTextVNode("\u5220\u9664")]
|
|
57
|
-
})])]);
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
|
|
61
|
-
"class": this.ns.b("data-view"),
|
|
62
|
-
"controller": c.parent,
|
|
63
|
-
"onInsertButtonClick": () => {
|
|
64
|
-
c.onDataInsert();
|
|
65
|
-
}
|
|
66
|
-
}, _isSlot(_slot = renderContent()) ? _slot : {
|
|
67
|
-
default: () => [_slot]
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
|
|
72
|
-
exports.FormMDCtrlDataView = FormMDCtrlDataView;
|
|
73
|
-
exports.default = FormMDCtrlDataView;
|