@ibiz-template/vue3-components 0.2.6 → 0.2.8
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 +4 -4
- package/dist/index.system.min.js.map +1 -1
- package/dist/map-chart-yT41jdRg.js +2 -0
- package/dist/map-chart-yT41jdRg.js.map +1 -0
- package/es/common/index.mjs +7 -0
- package/es/common/map-chart/map-chart.css +1 -0
- package/es/common/map-chart/map-chart.d.ts +127 -0
- package/es/common/map-chart/map-chart.mjs +216 -0
- package/es/common/map-chart/map-chart.util.d.ts +20 -0
- package/es/common/map-chart/map-chart.util.mjs +21 -0
- package/es/common/map-chart/map-json.d.ts +1 -0
- package/es/common/map-chart/map-json.mjs +9 -0
- package/es/common/map-chart/map-manager.d.ts +20 -0
- package/es/common/map-chart/map-manager.mjs +121 -0
- package/es/common/rawitem/rawitem.mjs +2 -2
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.css +1 -1
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.d.ts +1 -1
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.mjs +2 -2
- package/es/control/index.d.ts +1 -0
- package/es/control/index.mjs +1 -0
- package/es/control/map/index.d.ts +5 -0
- package/es/control/map/index.mjs +13 -0
- package/es/control/map/map.css +1 -0
- package/es/control/map/map.d.ts +62 -0
- package/es/control/map/map.mjs +71 -0
- package/es/control/map/map.provider.d.ts +13 -0
- package/es/control/map/map.provider.mjs +14 -0
- package/es/control/pickup-view-panel/pickup-view-panel.mjs +2 -11
- package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.css +1 -1
- package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css +1 -1
- package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs +5 -1
- package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.css +1 -1
- package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.mjs +1 -1
- package/es/editor/date-picker/ibiz-date-picker/ibiz-date-picker.css +1 -1
- package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.css +1 -1
- package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.css +1 -1
- package/es/editor/text-box/input/input.css +1 -1
- package/es/index.mjs +3 -1
- package/es/view-engine/index-view.engine.mjs +12 -12
- package/es/view-engine/mpickup-view-engine.mjs +9 -0
- package/es/view-engine/wf-dyna-edit-view.engine.mjs +2 -1
- package/lib/common/index.cjs +7 -0
- package/lib/common/map-chart/map-chart.cjs +221 -0
- package/lib/common/map-chart/map-chart.css +1 -0
- package/lib/common/map-chart/map-chart.util.cjs +24 -0
- package/lib/common/map-chart/map-json.cjs +11 -0
- package/lib/common/map-chart/map-manager.cjs +123 -0
- package/lib/common/rawitem/rawitem.cjs +2 -2
- package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.cjs +2 -2
- package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.css +1 -1
- package/lib/control/index.cjs +2 -0
- package/lib/control/map/index.cjs +18 -0
- package/lib/control/map/map.cjs +75 -0
- package/lib/control/map/map.css +1 -0
- package/lib/control/map/map.provider.cjs +16 -0
- package/lib/control/pickup-view-panel/pickup-view-panel.cjs +1 -10
- package/lib/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.css +1 -1
- package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs +5 -1
- package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css +1 -1
- package/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.cjs +1 -1
- package/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.css +1 -1
- package/lib/editor/date-picker/ibiz-date-picker/ibiz-date-picker.css +1 -1
- package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.css +1 -1
- package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.css +1 -1
- package/lib/editor/text-box/input/input.css +1 -1
- package/lib/index.cjs +52 -49
- package/lib/view-engine/index-view.engine.cjs +12 -12
- package/lib/view-engine/mpickup-view-engine.cjs +9 -0
- package/lib/view-engine/wf-dyna-edit-view.engine.cjs +2 -1
- package/package.json +12 -12
package/es/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.mjs
CHANGED
|
@@ -27,7 +27,7 @@ const FormMDCtrlContainer = /* @__PURE__ */ defineComponent({
|
|
|
27
27
|
const insertButtonClick = () => {
|
|
28
28
|
emit("insertButtonClick");
|
|
29
29
|
};
|
|
30
|
-
const hasCaption = !!c.model.caption;
|
|
30
|
+
const hasCaption = c.model.showCaption && !!c.model.caption;
|
|
31
31
|
return {
|
|
32
32
|
ns,
|
|
33
33
|
c,
|
|
@@ -47,7 +47,7 @@ const FormMDCtrlContainer = /* @__PURE__ */ defineComponent({
|
|
|
47
47
|
"class": this.ns.b("title")
|
|
48
48
|
}, [createVNode("span", {
|
|
49
49
|
"class": this.ns.b("caption")
|
|
50
|
-
}, [this.controller.model.caption]), withDirectives(createVNode(resolveComponent("el-button"), {
|
|
50
|
+
}, [this.controller.model.showCaption && this.controller.model.caption]), withDirectives(createVNode(resolveComponent("el-button"), {
|
|
51
51
|
"class": this.ns.b("add-btn"),
|
|
52
52
|
"onClick": () => this.insertButtonClick()
|
|
53
53
|
}, {
|
package/es/control/index.d.ts
CHANGED
package/es/control/index.mjs
CHANGED
|
@@ -22,6 +22,7 @@ export { IBizKanbanControl } from './kanban/index.mjs';
|
|
|
22
22
|
export { IBizTreeGridExControl } from './tree-grid-ex/index.mjs';
|
|
23
23
|
export { IBizTreeGridControl } from './tree-grid/index.mjs';
|
|
24
24
|
export { IBizMEditViewPanelControl } from './medit-view-panel/index.mjs';
|
|
25
|
+
export { IBizMapControl } from './map/index.mjs';
|
|
25
26
|
export { AppMenuProvider } from './app-menu/app-menu.provider.mjs';
|
|
26
27
|
export { AppMenuIconViewProvider } from './app-menu-icon-view/app-menu-icon-view.provider.mjs';
|
|
27
28
|
export { GridProvider } from './grid/grid/grid.provider.mjs';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
|
|
2
|
+
import MapControl from './map.mjs';
|
|
3
|
+
import { MapProvider } from './map.provider.mjs';
|
|
4
|
+
|
|
5
|
+
"use strict";
|
|
6
|
+
const IBizMapControl = {
|
|
7
|
+
install(v) {
|
|
8
|
+
v.component(MapControl.name, MapControl);
|
|
9
|
+
registerControlProvider(ControlType.MAP, () => new MapProvider());
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export { IBizMapControl, IBizMapControl as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ibiz-control-map{width:100%;height:100%}.ibiz-control-map__map{width:100%;height:100%}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { ISysMap } from '@ibiz/model-core';
|
|
3
|
+
import './map.scss';
|
|
4
|
+
import { MapController, IControlProvider } from '@ibiz-template/runtime';
|
|
5
|
+
declare const MapControl: import("vue").DefineComponent<{
|
|
6
|
+
modelData: {
|
|
7
|
+
type: PropType<ISysMap>;
|
|
8
|
+
required: true;
|
|
9
|
+
};
|
|
10
|
+
context: {
|
|
11
|
+
type: PropType<IContext>;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
params: {
|
|
15
|
+
type: PropType<IParams>;
|
|
16
|
+
default: () => {};
|
|
17
|
+
};
|
|
18
|
+
provider: {
|
|
19
|
+
type: PropType<IControlProvider>;
|
|
20
|
+
};
|
|
21
|
+
mdctrlActiveMode: {
|
|
22
|
+
type: NumberConstructor;
|
|
23
|
+
default: undefined;
|
|
24
|
+
};
|
|
25
|
+
loadDefault: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
29
|
+
}, {
|
|
30
|
+
c: MapController;
|
|
31
|
+
ns: import("@ibiz-template/core").Namespace;
|
|
32
|
+
mapRef: import("vue").Ref<any>;
|
|
33
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
34
|
+
modelData: {
|
|
35
|
+
type: PropType<ISysMap>;
|
|
36
|
+
required: true;
|
|
37
|
+
};
|
|
38
|
+
context: {
|
|
39
|
+
type: PropType<IContext>;
|
|
40
|
+
required: true;
|
|
41
|
+
};
|
|
42
|
+
params: {
|
|
43
|
+
type: PropType<IParams>;
|
|
44
|
+
default: () => {};
|
|
45
|
+
};
|
|
46
|
+
provider: {
|
|
47
|
+
type: PropType<IControlProvider>;
|
|
48
|
+
};
|
|
49
|
+
mdctrlActiveMode: {
|
|
50
|
+
type: NumberConstructor;
|
|
51
|
+
default: undefined;
|
|
52
|
+
};
|
|
53
|
+
loadDefault: {
|
|
54
|
+
type: BooleanConstructor;
|
|
55
|
+
default: boolean;
|
|
56
|
+
};
|
|
57
|
+
}>>, {
|
|
58
|
+
params: IParams;
|
|
59
|
+
mdctrlActiveMode: number;
|
|
60
|
+
loadDefault: boolean;
|
|
61
|
+
}, {}>;
|
|
62
|
+
export default MapControl;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { ref, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
|
|
2
|
+
import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
|
|
3
|
+
import './map.css';
|
|
4
|
+
import { MapController } from '@ibiz-template/runtime';
|
|
5
|
+
|
|
6
|
+
"use strict";
|
|
7
|
+
const MapControl = /* @__PURE__ */ defineComponent({
|
|
8
|
+
name: "IBizMapControl",
|
|
9
|
+
props: {
|
|
10
|
+
modelData: {
|
|
11
|
+
type: Object,
|
|
12
|
+
required: true
|
|
13
|
+
},
|
|
14
|
+
context: {
|
|
15
|
+
type: Object,
|
|
16
|
+
required: true
|
|
17
|
+
},
|
|
18
|
+
params: {
|
|
19
|
+
type: Object,
|
|
20
|
+
default: () => ({})
|
|
21
|
+
},
|
|
22
|
+
provider: {
|
|
23
|
+
type: Object
|
|
24
|
+
},
|
|
25
|
+
mdctrlActiveMode: {
|
|
26
|
+
type: Number,
|
|
27
|
+
default: void 0
|
|
28
|
+
},
|
|
29
|
+
loadDefault: {
|
|
30
|
+
type: Boolean,
|
|
31
|
+
default: true
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
setup() {
|
|
35
|
+
const c = useControlController((...args) => new MapController(...args));
|
|
36
|
+
const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
|
|
37
|
+
const mapRef = ref();
|
|
38
|
+
onMounted(() => {
|
|
39
|
+
});
|
|
40
|
+
return {
|
|
41
|
+
c,
|
|
42
|
+
ns,
|
|
43
|
+
mapRef
|
|
44
|
+
};
|
|
45
|
+
},
|
|
46
|
+
render() {
|
|
47
|
+
const {
|
|
48
|
+
state
|
|
49
|
+
} = this.c;
|
|
50
|
+
return createVNode(resolveComponent("iBizControlBase"), {
|
|
51
|
+
"controller": this.c
|
|
52
|
+
}, {
|
|
53
|
+
default: () => [state.isLoaded && createVNode(resolveComponent("iBizMapChart"), {
|
|
54
|
+
"areaData": state.areaData,
|
|
55
|
+
"pointData": state.pointData,
|
|
56
|
+
"class": this.ns.e("map"),
|
|
57
|
+
"onMapChange": (e) => {
|
|
58
|
+
this.c.onMapChange(e.areaCode);
|
|
59
|
+
},
|
|
60
|
+
"onPointChange": (e) => {
|
|
61
|
+
this.c.onAreaClick(e);
|
|
62
|
+
},
|
|
63
|
+
"onAreaChange": (e) => {
|
|
64
|
+
this.c.onPointClick(e);
|
|
65
|
+
}
|
|
66
|
+
}, null)]
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
export { MapControl as default };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { IControlProvider } from '@ibiz-template/runtime';
|
|
2
|
+
/**
|
|
3
|
+
* 地图适配器
|
|
4
|
+
*
|
|
5
|
+
* @author lxm
|
|
6
|
+
* @date 2022-10-25 18:10:57
|
|
7
|
+
* @export
|
|
8
|
+
* @class ChartProvider
|
|
9
|
+
* @implements {IControlProvider}
|
|
10
|
+
*/
|
|
11
|
+
export declare class MapProvider implements IControlProvider {
|
|
12
|
+
component: string;
|
|
13
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4
|
+
var __publicField = (obj, key, value) => {
|
|
5
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
6
|
+
return value;
|
|
7
|
+
};
|
|
8
|
+
class MapProvider {
|
|
9
|
+
constructor() {
|
|
10
|
+
__publicField(this, "component", "IBizMapControl");
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { MapProvider };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { resolveComponent, h, createVNode, defineComponent } from 'vue';
|
|
2
2
|
import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
|
|
3
3
|
import { PickupViewPanelController } from '@ibiz-template/runtime';
|
|
4
4
|
import './pickup-view-panel.css';
|
|
@@ -38,18 +38,9 @@ const PickupViewPanelControl = /* @__PURE__ */ defineComponent({
|
|
|
38
38
|
default: false
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
|
-
setup(
|
|
41
|
+
setup() {
|
|
42
42
|
const c = useControlController((...args) => new PickupViewPanelController(...args));
|
|
43
43
|
const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
|
|
44
|
-
const {
|
|
45
|
-
context,
|
|
46
|
-
params
|
|
47
|
-
} = toRefs(props);
|
|
48
|
-
watch([context, params], () => {
|
|
49
|
-
c.context = toRaw(props.context);
|
|
50
|
-
c.params = toRaw(props.params);
|
|
51
|
-
c.initNavParam();
|
|
52
|
-
});
|
|
53
44
|
const onCreated = (event) => {
|
|
54
45
|
c.setEmbedView(event.view);
|
|
55
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-checkbox-list__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-checkbox-list--readonly{color:var(--ibiz-form-item-readonly-color)}
|
|
1
|
+
.ibiz-checkbox-list__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-checkbox-list--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.ibiz-mpicker{display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:relative;right:11px;display:inline-block}.ibiz-mpicker__btns{position:absolute;right:0;height:100%;color:var(--ibiz-form-item-placeholder-color);display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color)}
|
|
1
|
+
@charset "UTF-8";.ibiz-mpicker{display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:relative;right:11px;display:inline-block}.ibiz-mpicker__btns{position:absolute;right:0;height:100%;color:var(--ibiz-form-item-placeholder-color);display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}
|
|
@@ -50,7 +50,11 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
|
|
|
50
50
|
});
|
|
51
51
|
});
|
|
52
52
|
} else {
|
|
53
|
-
|
|
53
|
+
try {
|
|
54
|
+
selectItems.value = JSON.parse(newVal);
|
|
55
|
+
} catch (error) {
|
|
56
|
+
ibiz.log.error(`SIMPLE\u7C7B\u578B\u5730\u5740\u680F\u503C\u683C\u5F0F${newVal}\u4E0D\u7B26\u5408JSON\u5B57\u7B26\u4E32\u8981\u6C42`);
|
|
57
|
+
}
|
|
54
58
|
}
|
|
55
59
|
selectItems.value.forEach((item) => {
|
|
56
60
|
curValue.value.push(item[c.keyName]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-picker-dropdown .el-select{width:100%}.ibiz-picker-dropdown .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-picker-dropdown .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-picker-dropdown--readonly{color:var(--ibiz-form-item-readonly-color)}
|
|
1
|
+
.ibiz-picker-dropdown .el-select{width:100%}.ibiz-picker-dropdown .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-picker-dropdown .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-picker-dropdown--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}
|
|
@@ -169,7 +169,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
|
|
|
169
169
|
}, [renderString(this.curValue)]);
|
|
170
170
|
}
|
|
171
171
|
return createVNode("div", {
|
|
172
|
-
"class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : ""]
|
|
172
|
+
"class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
|
|
173
173
|
}, [this.readonly ? this.value : createVNode(resolveComponent("el-select"), {
|
|
174
174
|
"modelValue": this.refValue,
|
|
175
175
|
"onUpdate:modelValue": ($event) => this.refValue = $event,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-date-picker .el-date-editor{width:100%}.ibiz-date-picker input{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-date-picker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-date-picker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-date-picker input[disabled]{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-date-picker--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-date-picker .el-input__wrapper .el-input__prefix{display:none}
|
|
1
|
+
.ibiz-date-picker .el-date-editor{width:100%}.ibiz-date-picker input{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-date-picker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-date-picker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-date-picker input[disabled]{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-date-picker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-date-picker .el-input__wrapper .el-input__prefix{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}
|
|
1
|
+
.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--readonly{color:var(--ibiz-form-item-readonly-color)}
|
|
1
|
+
.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-input{height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:
|
|
1
|
+
.ibiz-input{height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}
|
package/es/index.mjs
CHANGED
|
@@ -43,6 +43,7 @@ import { IBizKanbanControl } from './control/kanban/index.mjs';
|
|
|
43
43
|
import { IBizTreeGridExControl } from './control/tree-grid-ex/index.mjs';
|
|
44
44
|
import { IBizMEditViewPanelControl } from './control/medit-view-panel/index.mjs';
|
|
45
45
|
import { IBizChartExpBarControl } from './control/exp-bar/chart-exp-bar/index.mjs';
|
|
46
|
+
import { IBizMapControl } from './control/map/index.mjs';
|
|
46
47
|
export { IBizIcon } from './common/icon/icon.mjs';
|
|
47
48
|
export { IBizRouterView } from './common/router-view/router-view.mjs';
|
|
48
49
|
export { IBizCol } from './common/col/col.mjs';
|
|
@@ -255,8 +256,9 @@ var index = {
|
|
|
255
256
|
v.use(IBizTreeGridExControl);
|
|
256
257
|
v.use(IBizMEditViewPanelControl);
|
|
257
258
|
v.use(IBizChartExpBarControl);
|
|
259
|
+
v.use(IBizMapControl);
|
|
258
260
|
v.use(IBizEditor);
|
|
259
261
|
}
|
|
260
262
|
};
|
|
261
263
|
|
|
262
|
-
export { IBizAppMenuControl, IBizAppMenuIconViewControl, IBizCalendarControl, IBizCalendarExpBarControl, IBizCaptionBarControl, IBizChartControl, IBizChartExpBarControl, IBizCommonComponents, IBizDRBarControl, IBizDRTabControl, IBizDashboardControl, IBizDataViewControl, IBizDataViewExpBarControl, IBizEditFormControl, IBizEditor, IBizFormControl, IBizGridControl, IBizGridExpBarControl, IBizKanbanControl, IBizListControl, IBizListExpBarControl, IBizMEditViewPanelControl, IBizPanelComponents, IBizPanelControl, IBizPickupViewPanelControl, IBizPortalView, IBizSearchBarControl, IBizSearchFormControl, IBizTabExpPanelControl, IBizToolbarControl, IBizTreeControl, IBizTreeExpBarControl, IBizTreeGridControl, IBizTreeGridExControl, IBizView, IBizViewLayoutPanelControl, IBizWFStepTraceView, IBizWizardPanelControl, index as default };
|
|
264
|
+
export { IBizAppMenuControl, IBizAppMenuIconViewControl, IBizCalendarControl, IBizCalendarExpBarControl, IBizCaptionBarControl, IBizChartControl, IBizChartExpBarControl, IBizCommonComponents, IBizDRBarControl, IBizDRTabControl, IBizDashboardControl, IBizDataViewControl, IBizDataViewExpBarControl, IBizEditFormControl, IBizEditor, IBizFormControl, IBizGridControl, IBizGridExpBarControl, IBizKanbanControl, IBizListControl, IBizListExpBarControl, IBizMEditViewPanelControl, IBizMapControl, IBizPanelComponents, IBizPanelControl, IBizPickupViewPanelControl, IBizPortalView, IBizSearchBarControl, IBizSearchFormControl, IBizTabExpPanelControl, IBizToolbarControl, IBizTreeControl, IBizTreeExpBarControl, IBizTreeGridControl, IBizTreeGridExControl, IBizView, IBizViewLayoutPanelControl, IBizWFStepTraceView, IBizWizardPanelControl, index as default };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ViewEngineBase, ViewCallTag } from '@ibiz-template/runtime';
|
|
2
|
+
import { isNil, isEmpty } from 'ramda';
|
|
2
3
|
|
|
3
4
|
"use strict";
|
|
4
5
|
class IndexViewEngine extends ViewEngineBase {
|
|
@@ -74,31 +75,30 @@ class IndexViewEngine extends ViewEngineBase {
|
|
|
74
75
|
setTheme() {
|
|
75
76
|
const viewStyle = this.view.model.viewStyle;
|
|
76
77
|
const htmlDom = document.querySelector("html");
|
|
77
|
-
let
|
|
78
|
-
let addClass = "";
|
|
78
|
+
let themeClass = "";
|
|
79
79
|
if (htmlDom && viewStyle) {
|
|
80
80
|
switch (viewStyle) {
|
|
81
81
|
case "DEFAULT":
|
|
82
|
-
|
|
83
|
-
|
|
82
|
+
if (!isNil(ibiz.config.theme) && !isEmpty(ibiz.config.theme)) {
|
|
83
|
+
themeClass = ibiz.config.theme;
|
|
84
|
+
} else {
|
|
85
|
+
themeClass = "light";
|
|
86
|
+
}
|
|
84
87
|
break;
|
|
85
88
|
case "STYLE2":
|
|
86
|
-
|
|
87
|
-
addClass = "dark";
|
|
89
|
+
themeClass = "dark";
|
|
88
90
|
break;
|
|
89
91
|
case "STYLE3":
|
|
90
|
-
|
|
91
|
-
addClass = "omni-oa";
|
|
92
|
+
themeClass = "omni-oa";
|
|
92
93
|
break;
|
|
93
94
|
default:
|
|
94
|
-
|
|
95
|
-
addClass = "light";
|
|
95
|
+
themeClass = "light";
|
|
96
96
|
break;
|
|
97
97
|
}
|
|
98
|
-
|
|
98
|
+
htmlDom.classList.forEach((removeClass) => {
|
|
99
99
|
htmlDom.classList.remove(removeClass);
|
|
100
100
|
});
|
|
101
|
-
htmlDom.classList.add(
|
|
101
|
+
htmlDom.classList.add(themeClass);
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
104
|
calcViewHeaderVisible() {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { RuntimeModelError } from '@ibiz-template/core';
|
|
1
2
|
import { SysUIActionTag } from '@ibiz-template/runtime';
|
|
2
3
|
import { PickupViewEngine } from './pickup-view.engine.mjs';
|
|
3
4
|
|
|
@@ -24,6 +25,14 @@ class MPickupViewEngine extends PickupViewEngine {
|
|
|
24
25
|
*/
|
|
25
26
|
async onCreated() {
|
|
26
27
|
await super.onCreated();
|
|
28
|
+
if (!this.view.providers.simplelist) {
|
|
29
|
+
throw new RuntimeModelError(
|
|
30
|
+
this.view.model,
|
|
31
|
+
"\u7F3A\u5C11\u914D\u7F6E\u53EBsimplelist\u7684\u5217\u8868\u90E8\u4EF6"
|
|
32
|
+
);
|
|
33
|
+
}
|
|
34
|
+
const { childNames } = this.view;
|
|
35
|
+
childNames.push("simplelist");
|
|
27
36
|
if (this.view.params.selectedData) {
|
|
28
37
|
this.selectData = JSON.parse(this.view.params.selectedData);
|
|
29
38
|
delete this.view.params.selectedData;
|
|
@@ -106,7 +106,8 @@ class WFDynaEditViewEngine extends EditViewEngine {
|
|
|
106
106
|
async calcProcessFormName() {
|
|
107
107
|
const res = await this.entityService.wf.getWFStep(this.view.params);
|
|
108
108
|
this.isEditable = res.data.isEditable === "true";
|
|
109
|
-
const
|
|
109
|
+
const key = `process-${ibiz.env.isMob ? "mob" : ""}form`;
|
|
110
|
+
const processForm = res.data[key] ? `wfform_${res.data[key]}` : "form";
|
|
110
111
|
return processForm;
|
|
111
112
|
}
|
|
112
113
|
/**
|
package/lib/common/index.cjs
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var vue = require('vue');
|
|
5
6
|
var actionToolbar = require('./action-toolbar/action-toolbar.cjs');
|
|
6
7
|
var col = require('./col/col.cjs');
|
|
7
8
|
var icon = require('./icon/icon.cjs');
|
|
@@ -41,6 +42,12 @@ const IBizCommonComponents = {
|
|
|
41
42
|
v.component(viewMessage.ViewMessage.name, viewMessage.ViewMessage);
|
|
42
43
|
v.component(pagination.IBizPagination.name, pagination.IBizPagination);
|
|
43
44
|
v.component(sortBar.IBizSortBar.name, sortBar.IBizSortBar);
|
|
45
|
+
v.component(
|
|
46
|
+
"IBizMapChart",
|
|
47
|
+
vue.defineAsyncComponent({
|
|
48
|
+
loader: () => Promise.resolve().then(function () { return require('./map-chart/map-chart.cjs'); })
|
|
49
|
+
})
|
|
50
|
+
);
|
|
44
51
|
}
|
|
45
52
|
};
|
|
46
53
|
|
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
var ramda = require('ramda');
|
|
7
|
+
var vue3Util = require('@ibiz-template/vue3-util');
|
|
8
|
+
var mapChart_util = require('./map-chart.util.cjs');
|
|
9
|
+
var mapManager = require('./map-manager.cjs');
|
|
10
|
+
require('./map-chart.css');
|
|
11
|
+
|
|
12
|
+
"use strict";
|
|
13
|
+
const IBizMapChart = /* @__PURE__ */ vue.defineComponent({
|
|
14
|
+
name: "IBizMapChart",
|
|
15
|
+
props: {
|
|
16
|
+
areaData: {
|
|
17
|
+
type: Array
|
|
18
|
+
},
|
|
19
|
+
pointData: {
|
|
20
|
+
type: Array
|
|
21
|
+
},
|
|
22
|
+
options: {
|
|
23
|
+
type: Object,
|
|
24
|
+
default: () => ({})
|
|
25
|
+
},
|
|
26
|
+
defaultAreaCode: {
|
|
27
|
+
type: String,
|
|
28
|
+
required: true,
|
|
29
|
+
default: "320000"
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
setup(props, {
|
|
33
|
+
emit
|
|
34
|
+
}) {
|
|
35
|
+
const ns = vue3Util.useNamespace("map-chart");
|
|
36
|
+
const options = vue.computed(() => ramda.mergeDeepRight(mapChart_util.defaultOpts, props.options));
|
|
37
|
+
const findData = (id, type) => {
|
|
38
|
+
if (type === "area" && props.areaData) {
|
|
39
|
+
return props.areaData.find((item) => item._id === id);
|
|
40
|
+
}
|
|
41
|
+
if (type === "point" && props.pointData) {
|
|
42
|
+
return props.pointData.find((item) => item._id === id);
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
const {
|
|
46
|
+
chartRef,
|
|
47
|
+
historyNames,
|
|
48
|
+
changeMap,
|
|
49
|
+
getCityName,
|
|
50
|
+
goBack,
|
|
51
|
+
refresh
|
|
52
|
+
} = mapManager.useMapManager(options, (mapName) => {
|
|
53
|
+
const {
|
|
54
|
+
visualMap,
|
|
55
|
+
pointSymbol
|
|
56
|
+
} = options.value;
|
|
57
|
+
const areaData2 = props.areaData || [];
|
|
58
|
+
const pointData2 = props.pointData || [];
|
|
59
|
+
const result = {
|
|
60
|
+
geo: {
|
|
61
|
+
map: mapName
|
|
62
|
+
},
|
|
63
|
+
tooltip: {
|
|
64
|
+
trigger: "item",
|
|
65
|
+
// 全局的tooltip样式
|
|
66
|
+
textStyle: {
|
|
67
|
+
color: "#fff",
|
|
68
|
+
fontSize: 12
|
|
69
|
+
},
|
|
70
|
+
backgroundColor: "rgba(0, 0, 0, 0.47)",
|
|
71
|
+
borderWidth: 0,
|
|
72
|
+
extraCssText: "backdrop-filter: blur(3px);"
|
|
73
|
+
},
|
|
74
|
+
visualMap: {
|
|
75
|
+
min: visualMap.min,
|
|
76
|
+
max: visualMap.max,
|
|
77
|
+
text: visualMap.text,
|
|
78
|
+
realtime: false,
|
|
79
|
+
hoverLink: false,
|
|
80
|
+
inRange: {
|
|
81
|
+
color: visualMap.rangeColor
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
series: [
|
|
85
|
+
// 地图区块序列
|
|
86
|
+
{
|
|
87
|
+
type: "map",
|
|
88
|
+
map: mapName,
|
|
89
|
+
// 地图JSON里和name匹配的属性名称
|
|
90
|
+
nameProperty: "adcodeStr",
|
|
91
|
+
itemStyle: {
|
|
92
|
+
borderColor: "#FFF",
|
|
93
|
+
borderWidth: 2
|
|
94
|
+
},
|
|
95
|
+
tooltip: {
|
|
96
|
+
formatter: (params) => {
|
|
97
|
+
if (!params.data) {
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
const find = findData(params.data._id, "area");
|
|
101
|
+
if (!find) {
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
return find._tooltip;
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
label: {
|
|
108
|
+
// 区块文字固定显示
|
|
109
|
+
show: true,
|
|
110
|
+
// 字体样式
|
|
111
|
+
color: "#000000",
|
|
112
|
+
fontSize: 14,
|
|
113
|
+
formatter: (params) => {
|
|
114
|
+
return getCityName(params.name);
|
|
115
|
+
}
|
|
116
|
+
},
|
|
117
|
+
select: {
|
|
118
|
+
disabled: true
|
|
119
|
+
},
|
|
120
|
+
data: areaData2.map((item) => ({
|
|
121
|
+
name: `${item._areaCode}`,
|
|
122
|
+
value: item._value,
|
|
123
|
+
_id: item._id
|
|
124
|
+
}))
|
|
125
|
+
},
|
|
126
|
+
// 地图散点序列
|
|
127
|
+
{
|
|
128
|
+
type: "scatter",
|
|
129
|
+
coordinateSystem: "geo",
|
|
130
|
+
symbol: pointSymbol,
|
|
131
|
+
symbolSize: 20,
|
|
132
|
+
visualMap: false,
|
|
133
|
+
itemStyle: {
|
|
134
|
+
color: "#FF1D00"
|
|
135
|
+
},
|
|
136
|
+
label: {
|
|
137
|
+
show: true,
|
|
138
|
+
// 字体样式
|
|
139
|
+
color: "#000000",
|
|
140
|
+
fontSize: 14,
|
|
141
|
+
textShadowBlur: 0,
|
|
142
|
+
formatter: (params) => {
|
|
143
|
+
const find = findData(params.data._id, "point");
|
|
144
|
+
return find == null ? void 0 : find._text;
|
|
145
|
+
},
|
|
146
|
+
// 偏移
|
|
147
|
+
position: "left",
|
|
148
|
+
offset: [10, -15]
|
|
149
|
+
},
|
|
150
|
+
tooltip: {
|
|
151
|
+
formatter: (params) => {
|
|
152
|
+
const find = findData(params.data._id, "point");
|
|
153
|
+
return find == null ? void 0 : find._tooltip;
|
|
154
|
+
}
|
|
155
|
+
},
|
|
156
|
+
data: pointData2.map((item) => {
|
|
157
|
+
return {
|
|
158
|
+
_id: item._id,
|
|
159
|
+
symbol: item._symbol ? `image://${item._symbol}` : void 0,
|
|
160
|
+
value: [Number(item._longitude), Number(item._latitude)],
|
|
161
|
+
// 每个点逃离visualMap
|
|
162
|
+
visualMap: false
|
|
163
|
+
};
|
|
164
|
+
})
|
|
165
|
+
}
|
|
166
|
+
]
|
|
167
|
+
};
|
|
168
|
+
return result;
|
|
169
|
+
}, (name, e) => {
|
|
170
|
+
switch (name) {
|
|
171
|
+
case "mapChange":
|
|
172
|
+
emit("mapChange", e);
|
|
173
|
+
break;
|
|
174
|
+
case "pointClick":
|
|
175
|
+
emit("pointClick", {
|
|
176
|
+
data: findData(e._id, "point")
|
|
177
|
+
});
|
|
178
|
+
break;
|
|
179
|
+
case "areaClick":
|
|
180
|
+
emit("areaClick", {
|
|
181
|
+
data: findData(e._id, "area")
|
|
182
|
+
});
|
|
183
|
+
break;
|
|
184
|
+
default:
|
|
185
|
+
break;
|
|
186
|
+
}
|
|
187
|
+
});
|
|
188
|
+
vue.onMounted(() => {
|
|
189
|
+
changeMap(props.defaultAreaCode, true);
|
|
190
|
+
});
|
|
191
|
+
const {
|
|
192
|
+
areaData,
|
|
193
|
+
pointData
|
|
194
|
+
} = vue.toRefs(props);
|
|
195
|
+
vue.watch([areaData, pointData], () => {
|
|
196
|
+
refresh();
|
|
197
|
+
});
|
|
198
|
+
return {
|
|
199
|
+
ns,
|
|
200
|
+
chartRef,
|
|
201
|
+
historyNames,
|
|
202
|
+
goBack
|
|
203
|
+
};
|
|
204
|
+
},
|
|
205
|
+
render() {
|
|
206
|
+
return vue.createVNode("div", {
|
|
207
|
+
"class": this.ns.b()
|
|
208
|
+
}, [vue.createVNode("div", {
|
|
209
|
+
"class": this.ns.e("chart"),
|
|
210
|
+
"ref": "chartRef"
|
|
211
|
+
}, null), this.historyNames.length > 1 && vue.createVNode("div", {
|
|
212
|
+
"class": this.ns.e("goback"),
|
|
213
|
+
"onClick": () => {
|
|
214
|
+
this.goBack();
|
|
215
|
+
}
|
|
216
|
+
}, [vue.createTextVNode("\u8FD4\u56DE")])]);
|
|
217
|
+
}
|
|
218
|
+
});
|
|
219
|
+
|
|
220
|
+
exports.IBizMapChart = IBizMapChart;
|
|
221
|
+
exports.default = IBizMapChart;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ibiz-map-chart{position:relative;min-width:300px;min-height:300px}.ibiz-map-chart__chart{width:100%;height:100%}.ibiz-map-chart__goback{position:absolute;top:60px;right:0;width:100px;height:100px;font-size:20px;color:#002a5f;text-decoration:underline;letter-spacing:6px;cursor:pointer}
|