@gct-paas/render-web 0.1.6-dev.9 → 6.0.0-dev.10
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/README.md +161 -0
- package/dist/index.min.css +1 -1
- package/dist/loader.esm.min.js +2 -1
- package/es/Event/Events.d.ts +1 -0
- package/es/Event/Events.mjs +7 -3
- package/es/_virtual/_rolldown/runtime.mjs +13 -0
- package/es/components/base-vxe-table/base-vxe-table.vue.d.ts +80 -0
- package/es/components/base-vxe-table/base-vxe-table.vue.mjs +7 -0
- package/es/components/base-vxe-table/base-vxe-table.vue_vue_type_script_setup_true_name_base-vxe-table_lang.mjs +154 -0
- package/es/components/base-vxe-table/base-vxe-table.vue_vue_type_style_index_0_scoped_bf4b3774_lang.css +10 -0
- package/es/components/base-vxe-table/utils.d.ts +25 -0
- package/es/components/base-vxe-table/utils.mjs +25 -0
- package/es/components/card-view-render/card-view-render.d.ts +2 -2
- package/es/components/card-view-render/card-view-render.mjs +21 -1
- package/es/components/collapse-detail/components/collapse-list.vue.d.ts +24 -0
- package/es/components/collapse-detail/components/collapse-list.vue.mjs +5 -0
- package/es/components/collapse-detail/components/collapse-list.vue_vue_type_script_setup_true_lang.mjs +103 -0
- package/es/components/collapse-detail/components/enum-tag-label.vue.d.ts +6 -0
- package/es/components/collapse-detail/components/enum-tag-label.vue.mjs +5 -0
- package/es/components/collapse-detail/components/enum-tag-label.vue_vue_type_script_setup_true_lang.mjs +61 -0
- package/es/components/collapse-detail/components/instance-status-label.vue.d.ts +34 -0
- package/es/components/collapse-detail/components/instance-status-label.vue.mjs +7 -0
- package/es/components/collapse-detail/components/instance-status-label.vue_vue_type_script_setup_true_lang.mjs +76 -0
- package/es/components/collapse-detail/components/instance-status-label.vue_vue_type_style_index_0_scoped_610b0bb3_lang.css +77 -0
- package/es/components/collapse-detail/components/label-tag.vue.d.ts +6 -0
- package/es/components/collapse-detail/components/label-tag.vue.mjs +7 -0
- package/es/components/collapse-detail/components/label-tag.vue_vue_type_script_setup_true_lang.mjs +34 -0
- package/es/components/collapse-detail/components/label-tag.vue_vue_type_style_index_0_scoped_b25afce5_lang.css +39 -0
- package/es/components/collapse-detail/constants/instance-theme-config.d.ts +64 -0
- package/es/components/collapse-detail/constants/instance-theme-config.mjs +100 -0
- package/es/components/collapse-detail/constants/status.d.ts +36 -0
- package/es/components/collapse-detail/constants/status.mjs +34 -0
- package/es/components/collapse-detail/index.d.ts +3 -0
- package/es/components/collapse-detail/index.mjs +1 -0
- package/es/components/collapse-detail/index.vue.d.ts +37 -0
- package/es/components/collapse-detail/index.vue.mjs +7 -0
- package/es/components/collapse-detail/index.vue_vue_type_script_setup_true_name_collapse-detail_lang.mjs +90 -0
- package/es/components/collapse-detail/index.vue_vue_type_style_index_0_scoped_b4b9903c_lang.css +83 -0
- package/es/components/collapse-detail/typing.d.ts +44 -0
- package/es/components/collapse-detail/typing.mjs +17 -0
- package/es/components/field-search-cascader/field-cascader.vue.d.ts +17 -0
- package/es/components/field-search-cascader/field-cascader.vue.mjs +8 -0
- package/es/components/field-search-cascader/field-cascader.vue_vue_type_script_setup_true_lang.mjs +297 -0
- package/es/components/field-search-cascader/field-cascader.vue_vue_type_style_index_0_scoped_cb5e4d67_lang.css +52 -0
- package/es/components/field-search-cascader/field-cascader.vue_vue_type_style_index_1_lang.css +3 -0
- package/es/components/field-search-cascader/index.d.ts +2 -0
- package/es/components/field-search-cascader/index.mjs +1 -0
- package/es/components/form-component/FieldSelect.css +22 -0
- package/es/components/form-component/FieldSelect.d.ts +9 -0
- package/es/components/form-component/FieldSelect.mjs +19 -8
- package/es/components/form-component/field-label/tag-label.vue.d.ts +1 -0
- package/es/components/form-component/field-label/tag-label.vue.mjs +2 -2
- package/es/components/form-component/field-label/tag-label.vue_vue_type_script_setup_true_name_TagLabel_lang.mjs +15 -13
- package/es/components/form-component/field-label/tag-label.vue_vue_type_style_index_0_scoped_5e1146da_lang.css +18 -0
- package/es/components/form-component/field-label/tag-span.vue.mjs +1 -1
- package/es/components/form-component/field-readonly.vue_vue_type_script_setup_true_lang.mjs +26 -44
- package/es/components/index.d.ts +7 -0
- package/es/components/index.mjs +9 -0
- package/es/components/layouts/basic-page/basic-page.vue.d.ts +30 -0
- package/es/components/layouts/basic-page/basic-page.vue.mjs +7 -0
- package/es/components/layouts/basic-page/basic-page.vue_vue_type_script_setup_true_name_basic-page_lang.mjs +30 -0
- package/es/components/layouts/basic-page/basic-page.vue_vue_type_style_index_0_scoped_23453a1b_lang.css +20 -0
- package/es/components/layouts/basic-page-render/basic-page-render.vue.d.ts +30 -0
- package/es/components/layouts/basic-page-render/basic-page-render.vue.mjs +7 -0
- package/es/components/layouts/basic-page-render/basic-page-render.vue_vue_type_script_setup_true_name_BasicPageRender_lang.mjs +30 -0
- package/es/components/layouts/basic-page-render/basic-page-render.vue_vue_type_style_index_0_scoped_3c6aba55_lang.css +20 -0
- package/es/components/multi-field/multi-field-display.vue.mjs +2 -2
- package/es/components/multi-field/multi-field-display.vue_vue_type_script_setup_true_lang.mjs +1 -1
- package/es/components/multi-field/{multi-field-display.vue_vue_type_style_index_0_scoped_0f2f02cc_lang.css → multi-field-display.vue_vue_type_style_index_0_scoped_a62c7691_lang.css} +1 -1
- package/es/components/rich-editor/index.d.ts +2 -0
- package/es/components/rich-editor/index.mjs +1 -0
- package/es/components/rich-editor/rich-editor.vue.d.ts +22 -0
- package/es/components/rich-editor/rich-editor.vue.mjs +5 -0
- package/es/components/rich-editor/rich-editor.vue_vue_type_script_setup_true_lang.mjs +150 -0
- package/es/components/rich-editor/style.css +747 -0
- package/es/constants/xlsx-parser.d.ts +15 -0
- package/es/constants/xlsx-parser.mjs +58 -0
- package/es/enums/xlsx-parser.d.ts +293 -0
- package/es/enums/xlsx-parser.mjs +36 -0
- package/es/hooks/index.d.ts +1 -0
- package/es/hooks/index.mjs +1 -0
- package/es/hooks/refCardList.d.ts +12 -2
- package/es/hooks/refCardList.mjs +74 -11
- package/es/hooks/useQuickSearch.d.ts +8 -0
- package/es/hooks/useQuickSearch.mjs +96 -0
- package/es/index.d.ts +3 -0
- package/es/index.mjs +14 -2
- package/es/interface/xlsx-parser/base.d.ts +151 -0
- package/es/interface/xlsx-parser/index.d.ts +246 -0
- package/es/locale/auto-register.d.ts +2 -0
- package/es/locale/auto-register.mjs +31 -0
- package/es/locale/sys/appDesigner.d.ts +11 -0
- package/es/locale/sys/appDesigner.mjs +11 -0
- package/es/locale/sys/bi.d.ts +4 -0
- package/es/locale/sys/bi.mjs +6 -0
- package/es/locale/sys/bpmn.d.ts +10 -0
- package/es/locale/sys/bpmn.mjs +12 -0
- package/es/locale/sys/component.d.ts +15 -0
- package/es/locale/sys/component.mjs +15 -0
- package/es/locale/sys/developer.d.ts +6 -0
- package/es/locale/sys/developer.mjs +6 -0
- package/es/locale/sys/edhr.d.ts +19 -0
- package/es/locale/sys/edhr.mjs +15 -0
- package/es/locale/sys/message.d.ts +4 -0
- package/es/locale/sys/message.mjs +6 -0
- package/es/locale/sys/model.d.ts +34 -0
- package/es/locale/sys/model.mjs +38 -0
- package/es/locale/sys/onlineForm.d.ts +8 -0
- package/es/locale/sys/onlineForm.mjs +12 -0
- package/es/locale/sys/pageDesigner.d.ts +7 -0
- package/es/locale/sys/pageDesigner.mjs +9 -0
- package/es/locale/sys.d.ts +10 -0
- package/es/locale/sys.mjs +14 -0
- package/es/modules/app-mqtt/app-mqtt.interface.d.ts +26 -0
- package/es/modules/app-mqtt/app-mqtt.service.d.ts +73 -0
- package/es/modules/app-mqtt/app-mqtt.service.mjs +134 -0
- package/es/modules/app-mqtt/index.d.ts +2 -0
- package/es/modules/app-mqtt/index.mjs +1 -0
- package/es/plugins/render-card-field/render-card-field.css +171 -0
- package/es/plugins/render-card-field/render-card-field.d.ts +48 -0
- package/es/plugins/render-card-field/render-card-field.mjs +176 -0
- package/es/plugins/render-card-field/render-card-field.provider.d.ts +7 -0
- package/es/plugins/render-card-field/render-card-field.provider.mjs +10 -0
- package/es/plugins/render-card-view-page/render-card-view-page.css +72 -0
- package/es/plugins/render-card-view-page/render-card-view-page.d.ts +33 -0
- package/es/plugins/render-card-view-page/render-card-view-page.mjs +61 -0
- package/es/plugins/render-card-view-page/render-card-view-page.provider.d.ts +7 -0
- package/es/plugins/render-card-view-page/render-card-view-page.provider.mjs +10 -0
- package/es/plugins/render-design-editor/index.d.ts +5 -0
- package/es/plugins/render-design-editor/upload-file/index.d.ts +4 -0
- package/es/plugins/render-design-editor/upload-file/upload-file.d.ts +51 -0
- package/es/plugins/render-design-editor/upload-image/index.d.ts +4 -0
- package/es/plugins/render-design-editor/upload-image/upload-image.d.ts +51 -0
- package/es/plugins/render-design-editor/user-signature/index.d.ts +4 -0
- package/es/plugins/render-design-editor/user-signature/user-signature.d.ts +51 -0
- package/es/setup-app.d.ts +2 -0
- package/es/setup-app.mjs +22 -0
- package/es/types/shims-modules.d.ts +11 -0
- package/es/utils/cell-border.d.ts +73 -0
- package/es/utils/cell-border.mjs +203 -0
- package/es/utils/index.d.ts +1 -0
- package/es/utils/index.mjs +1 -0
- package/es/utils/xlsx-parser.d.ts +141 -0
- package/es/utils/xlsx-parser.mjs +262 -0
- package/package.json +23 -12
- package/es/components/form-component/field-label/tag-label.vue_vue_type_style_index_0_scoped_6c507fe8_lang.css +0 -15
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
import './render-card-field.css';/* empty css */
|
|
2
|
+
import { RenderNodeRegister } from "@gct-paas/render";
|
|
3
|
+
import { computed, createTextVNode, createVNode, defineComponent, h, ref, resolveComponent } from "vue";
|
|
4
|
+
import { FIELD_TYPE, modelLoader, nullDisplayEnum, t, useNamespace } from "@gct-paas/core";
|
|
5
|
+
import { isString } from "lodash-es";
|
|
6
|
+
import { formatFieldValue, transformField2Component } from "@gct-paas/schema";
|
|
7
|
+
//#region src/plugins/render-card-field/render-card-field.tsx
|
|
8
|
+
function parseFieldCodeChain(fieldCodeChain) {
|
|
9
|
+
if (!fieldCodeChain) return;
|
|
10
|
+
if (typeof fieldCodeChain === "string") try {
|
|
11
|
+
return JSON.parse(fieldCodeChain);
|
|
12
|
+
} catch {
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
return fieldCodeChain;
|
|
16
|
+
}
|
|
17
|
+
/** 主模型字段取 data[key],关联模型字段取 data.__FOREIGN__[fieldLink.key] */
|
|
18
|
+
function getCardFieldText(data = {}, fieldKey, fieldCodeChain) {
|
|
19
|
+
if (!fieldKey) return "";
|
|
20
|
+
const chain = parseFieldCodeChain(fieldCodeChain);
|
|
21
|
+
if (chain?.fieldLink?.length) {
|
|
22
|
+
const path = [...chain.fieldLink, fieldKey].join(".");
|
|
23
|
+
return data?.__FOREIGN__?.[path] ?? data?.[path] ?? "";
|
|
24
|
+
}
|
|
25
|
+
return data?.[fieldKey] ?? "";
|
|
26
|
+
}
|
|
27
|
+
var RenderCardField = /* @__PURE__ */ defineComponent({
|
|
28
|
+
name: "RenderCardField",
|
|
29
|
+
props: {
|
|
30
|
+
c: { type: Object },
|
|
31
|
+
model: {
|
|
32
|
+
type: Object,
|
|
33
|
+
default: () => ({})
|
|
34
|
+
},
|
|
35
|
+
context: {
|
|
36
|
+
type: Object,
|
|
37
|
+
default: () => ({})
|
|
38
|
+
},
|
|
39
|
+
preview: {
|
|
40
|
+
type: Boolean,
|
|
41
|
+
default: false
|
|
42
|
+
},
|
|
43
|
+
pageModel: {
|
|
44
|
+
type: Object,
|
|
45
|
+
default: () => ({})
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
setup(props) {
|
|
49
|
+
const ns = useNamespace("render-card-field");
|
|
50
|
+
const pageData = computed(() => {
|
|
51
|
+
return props.pageModel?.data || {};
|
|
52
|
+
});
|
|
53
|
+
const nodeData = computed(() => {
|
|
54
|
+
return props.model?.data || {};
|
|
55
|
+
});
|
|
56
|
+
const fieldProvider = computed(() => {
|
|
57
|
+
return RenderNodeRegister.getDesignEditorNode(nodeData.value.type);
|
|
58
|
+
});
|
|
59
|
+
const fieldCom = computed(() => {
|
|
60
|
+
if (fieldProvider.value && fieldProvider.value.component) {
|
|
61
|
+
if (typeof fieldProvider.value.component === "string") return resolveComponent(fieldProvider.value.component);
|
|
62
|
+
return fieldProvider.value.component;
|
|
63
|
+
}
|
|
64
|
+
return null;
|
|
65
|
+
});
|
|
66
|
+
const layout = computed(() => {
|
|
67
|
+
return props.pageModel.data.layout_mode || "horizontal";
|
|
68
|
+
});
|
|
69
|
+
const labelWrap = computed(() => {
|
|
70
|
+
return pageData.value.wrap_mode === "wrap";
|
|
71
|
+
});
|
|
72
|
+
const labelStyle = computed(() => {
|
|
73
|
+
const style = {};
|
|
74
|
+
if (pageData.value.custom_label_width) style.width = `${pageData.value.label_width}${pageData.value.label_mode === "percent" ? "%" : "px"}`;
|
|
75
|
+
if (nodeData.value.label_font) {
|
|
76
|
+
const font_style = nodeData.value.label_font;
|
|
77
|
+
Object.assign(style, {
|
|
78
|
+
fontSize: font_style.fontSize,
|
|
79
|
+
color: font_style.color,
|
|
80
|
+
justifyContent: font_style.align === "justify" ? "space-between" : font_style.align,
|
|
81
|
+
fontWeight: font_style.bold ? "bold" : "normal",
|
|
82
|
+
fontStyle: font_style.italic ? "italic" : "normal",
|
|
83
|
+
textDecoration: font_style.textDecoration
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
return style;
|
|
87
|
+
});
|
|
88
|
+
const contentStyle = computed(() => {
|
|
89
|
+
const style = {};
|
|
90
|
+
if (nodeData.value.content_font) {
|
|
91
|
+
const font_style = nodeData.value.content_font;
|
|
92
|
+
Object.assign(style, {
|
|
93
|
+
fontSize: font_style.fontSize,
|
|
94
|
+
color: font_style.color,
|
|
95
|
+
justifyContent: font_style.align === "justify" ? "space-between" : font_style.align,
|
|
96
|
+
fontWeight: font_style.bold ? "bold" : "normal",
|
|
97
|
+
fontStyle: font_style.italic ? "italic" : "normal",
|
|
98
|
+
textDecoration: font_style.textDecoration
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
return style;
|
|
102
|
+
});
|
|
103
|
+
const field = ref(null);
|
|
104
|
+
const fieldLabel = computed(() => {
|
|
105
|
+
return nodeData.value.label || field.value?.name || "";
|
|
106
|
+
});
|
|
107
|
+
const fieldValue = computed(() => {
|
|
108
|
+
if (!field.value) return "";
|
|
109
|
+
let text = "";
|
|
110
|
+
if (props.preview === true) text = getLabelText(field.value) || "";
|
|
111
|
+
else text = getCardFieldText(props.context.data, field.value.key, nodeData.value.fieldCodeChain) || "";
|
|
112
|
+
if (text) return formatFieldValue$1(text);
|
|
113
|
+
return "";
|
|
114
|
+
});
|
|
115
|
+
function formatFieldValue$1(text) {
|
|
116
|
+
if (!field.value) return String(text || "");
|
|
117
|
+
return formatFieldValue(text, {
|
|
118
|
+
field: {
|
|
119
|
+
type: field.value.type || "",
|
|
120
|
+
mappingType: field.value.mappingType,
|
|
121
|
+
specificConfig: field.value.specificConfig
|
|
122
|
+
},
|
|
123
|
+
format: nodeData.value.format,
|
|
124
|
+
editorType: nodeData.value.editor_type,
|
|
125
|
+
currency: nodeData.value.currency,
|
|
126
|
+
timeType: nodeData.value.time_type
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
function getLabelText(field) {
|
|
130
|
+
const type = field.type === FIELD_TYPE.AGG || field.type === FIELD_TYPE.EXPRESSION ? field.mappingType : field.type;
|
|
131
|
+
const example = type ? transformField2Component(type)?.example : "";
|
|
132
|
+
let showMsg = example ? isString(example) ? t(example) : example.map((e) => t(e)) : "";
|
|
133
|
+
if (type === FIELD_TYPE.ENUM_MULTI || type === FIELD_TYPE.ENUM) showMsg = showMsg ? isString(showMsg) ? [showMsg] : showMsg : [];
|
|
134
|
+
if (showMsg instanceof Array) return showMsg.join(",");
|
|
135
|
+
else return showMsg;
|
|
136
|
+
}
|
|
137
|
+
function renderFieldValue() {
|
|
138
|
+
if (fieldValue.value === null || fieldValue.value === void 0 || fieldValue.value === "") return nullDisplayEnum[_gct.store.getEmptyDisplay];
|
|
139
|
+
const content = fieldCom.value ? h(fieldCom.value, {
|
|
140
|
+
...props,
|
|
141
|
+
field: field.value,
|
|
142
|
+
value: fieldValue.value
|
|
143
|
+
}) : fieldValue.value;
|
|
144
|
+
const tagStyle = nodeData.value.tag_style;
|
|
145
|
+
if (tagStyle && tagStyle.check === true) return createVNode("span", {
|
|
146
|
+
"class": [ns.e("value-tag"), tagStyle.mode],
|
|
147
|
+
"style": { "--ant-primary-color": tagStyle.color }
|
|
148
|
+
}, [content]);
|
|
149
|
+
return content;
|
|
150
|
+
}
|
|
151
|
+
async function loadModelField() {
|
|
152
|
+
try {
|
|
153
|
+
field.value = await modelLoader.loadField(nodeData.value.modelKey, nodeData.value.key);
|
|
154
|
+
console.log("field", field.value);
|
|
155
|
+
} catch (error) {
|
|
156
|
+
console.warn("加载模型失败:", error);
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
loadModelField();
|
|
160
|
+
return () => {
|
|
161
|
+
if (!field.value) return null;
|
|
162
|
+
return createVNode("div", { "class": [ns.b(), layout.value === "vertical" ? ns.m("vertical") : ns.m("horizontal")] }, [nodeData.value.show_label !== true ? null : createVNode("div", {
|
|
163
|
+
"class": ns.e("label"),
|
|
164
|
+
"style": labelStyle.value
|
|
165
|
+
}, [createVNode("span", {
|
|
166
|
+
"title": fieldLabel.value,
|
|
167
|
+
"class": [ns.em("label", "name"), ns.is("ellipsis", labelWrap.value !== true)]
|
|
168
|
+
}, [fieldLabel.value]), createVNode("span", { "class": ns.em("label", "colon") }, [createTextVNode(":")])]), createVNode("div", {
|
|
169
|
+
"class": ns.e("value"),
|
|
170
|
+
"style": contentStyle.value
|
|
171
|
+
}, [renderFieldValue()])]);
|
|
172
|
+
};
|
|
173
|
+
}
|
|
174
|
+
});
|
|
175
|
+
//#endregion
|
|
176
|
+
export { RenderCardField };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { RenderNodeType } from "@gct-paas/render";
|
|
2
|
+
import { DesignNodeMode } from "@gct-paas/schema";
|
|
3
|
+
//#region src/plugins/render-card-field/render-card-field.provider.ts
|
|
4
|
+
var RenderCardFieldProvider = class {
|
|
5
|
+
mode = DesignNodeMode.ITEM;
|
|
6
|
+
type = RenderNodeType.FIELD;
|
|
7
|
+
component = "RenderCardField";
|
|
8
|
+
};
|
|
9
|
+
//#endregion
|
|
10
|
+
export { RenderCardFieldProvider };
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
/* stylelint-disable scss/no-global-function-names */
|
|
3
|
+
/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
|
|
4
|
+
/**
|
|
5
|
+
* 定义 Block 块
|
|
6
|
+
* @param {String} $block - Block 块名称
|
|
7
|
+
* @example
|
|
8
|
+
* @include b('button') {
|
|
9
|
+
* padding: 10px;
|
|
10
|
+
* }
|
|
11
|
+
*/
|
|
12
|
+
/**
|
|
13
|
+
* 定义 Element 元素
|
|
14
|
+
* @param {String|List} $element - Element 元素名称,支持单个或多个
|
|
15
|
+
* @example
|
|
16
|
+
* @include b('button') {
|
|
17
|
+
* @include e('text') {
|
|
18
|
+
* color: #000;
|
|
19
|
+
* }
|
|
20
|
+
* }
|
|
21
|
+
* // 或传入多个元素
|
|
22
|
+
* @include b('button') {
|
|
23
|
+
* @include e(('text', 'icon')) {
|
|
24
|
+
* margin: 5px;
|
|
25
|
+
* }
|
|
26
|
+
* }
|
|
27
|
+
*/
|
|
28
|
+
/**
|
|
29
|
+
* 定义 Modifier 修饰符
|
|
30
|
+
* @param {String|List} $modifier - Modifier 修饰符名称,支持单个或多个
|
|
31
|
+
* @example
|
|
32
|
+
* @include b('button') {
|
|
33
|
+
* @include m('primary') {
|
|
34
|
+
* background: blue;
|
|
35
|
+
* }
|
|
36
|
+
* }
|
|
37
|
+
* // 或传入多个修饰符
|
|
38
|
+
* @include b('button') {
|
|
39
|
+
* @include m(('primary', 'large')) {
|
|
40
|
+
* background: blue;
|
|
41
|
+
* font-size: 16px;
|
|
42
|
+
* }
|
|
43
|
+
* }
|
|
44
|
+
*/
|
|
45
|
+
/**
|
|
46
|
+
* 定义状态选择器
|
|
47
|
+
* @param {String} $state - 状态名称
|
|
48
|
+
* @example
|
|
49
|
+
* @include b('button') {
|
|
50
|
+
* @include when('disabled') {
|
|
51
|
+
* opacity: 0.5;
|
|
52
|
+
* }
|
|
53
|
+
* }
|
|
54
|
+
*/
|
|
55
|
+
/**
|
|
56
|
+
* 深色主题样式
|
|
57
|
+
* @param {String} $block - Block 块名称
|
|
58
|
+
* @example
|
|
59
|
+
* @include dark('button') {
|
|
60
|
+
* background: #333;
|
|
61
|
+
* color: #fff;
|
|
62
|
+
* }
|
|
63
|
+
*/
|
|
64
|
+
/* stylelint-disable scss/no-global-function-names */
|
|
65
|
+
.gct-render-card-view-page {
|
|
66
|
+
position: relative;
|
|
67
|
+
padding: var(--gct-spacing-7);
|
|
68
|
+
overflow: hidden;
|
|
69
|
+
background-color: #fff;
|
|
70
|
+
border-radius: 4px;
|
|
71
|
+
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
|
|
72
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { IDesignNode } from '@gct-paas/schema';
|
|
3
|
+
export declare const RenderCardViewPage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
|
+
model: {
|
|
5
|
+
type: PropType<IDesignNode>;
|
|
6
|
+
default: () => {};
|
|
7
|
+
};
|
|
8
|
+
context: {
|
|
9
|
+
type: ObjectConstructor;
|
|
10
|
+
default: () => {};
|
|
11
|
+
};
|
|
12
|
+
preview: {
|
|
13
|
+
type: BooleanConstructor;
|
|
14
|
+
default: boolean;
|
|
15
|
+
};
|
|
16
|
+
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
17
|
+
model: {
|
|
18
|
+
type: PropType<IDesignNode>;
|
|
19
|
+
default: () => {};
|
|
20
|
+
};
|
|
21
|
+
context: {
|
|
22
|
+
type: ObjectConstructor;
|
|
23
|
+
default: () => {};
|
|
24
|
+
};
|
|
25
|
+
preview: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
29
|
+
}>> & Readonly<{}>, {
|
|
30
|
+
model: IDesignNode<import('@gct-paas/schema').IDesignNodeData>;
|
|
31
|
+
context: Record<string, any>;
|
|
32
|
+
preview: boolean;
|
|
33
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import './render-card-view-page.css';/* empty css */
|
|
2
|
+
import { computed, createVNode, defineComponent, resolveComponent } from "vue";
|
|
3
|
+
import { useNamespace } from "@gct-paas/core";
|
|
4
|
+
//#region src/plugins/render-card-view-page/render-card-view-page.tsx
|
|
5
|
+
var RenderCardViewPage = /* @__PURE__ */ defineComponent({
|
|
6
|
+
name: "RenderCardViewPage",
|
|
7
|
+
props: {
|
|
8
|
+
model: {
|
|
9
|
+
type: Object,
|
|
10
|
+
default: () => ({})
|
|
11
|
+
},
|
|
12
|
+
context: {
|
|
13
|
+
type: Object,
|
|
14
|
+
default: () => ({})
|
|
15
|
+
},
|
|
16
|
+
preview: {
|
|
17
|
+
type: Boolean,
|
|
18
|
+
default: false
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
setup(props, { slots }) {
|
|
22
|
+
const ns = useNamespace("render-card-view-page");
|
|
23
|
+
const style = computed(() => {
|
|
24
|
+
const { data } = props.model;
|
|
25
|
+
const style = {};
|
|
26
|
+
if (props.model) {
|
|
27
|
+
style.width = `${data.width}px`;
|
|
28
|
+
style.backgroundColor = data.background;
|
|
29
|
+
style.borderRadius = `${data.border_radius}px`;
|
|
30
|
+
const padding = data.spacing?.[1];
|
|
31
|
+
if (padding) {
|
|
32
|
+
style.paddingTop = padding.top;
|
|
33
|
+
style.paddingRight = padding.right;
|
|
34
|
+
style.paddingBottom = padding.bottom;
|
|
35
|
+
style.paddingLeft = padding.left;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
return style;
|
|
39
|
+
});
|
|
40
|
+
const data = computed(() => {
|
|
41
|
+
return props.model?.data || {};
|
|
42
|
+
});
|
|
43
|
+
return () => {
|
|
44
|
+
const items = slots.default ? slots.default() : null;
|
|
45
|
+
return createVNode("div", {
|
|
46
|
+
"class": [ns.b(), ns.is("simple", data.value.mode === "simple")],
|
|
47
|
+
"style": style.value
|
|
48
|
+
}, [createVNode(resolveComponent("a-row"), {
|
|
49
|
+
"gutter": [12, 8],
|
|
50
|
+
"wrap": true
|
|
51
|
+
}, { default: () => [items && items.map((item) => {
|
|
52
|
+
return createVNode(resolveComponent("a-col"), {
|
|
53
|
+
"class": ns.e("col"),
|
|
54
|
+
"span": data.value.colspan || 24
|
|
55
|
+
}, { default: () => item });
|
|
56
|
+
})] })]);
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
//#endregion
|
|
61
|
+
export { RenderCardViewPage };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { IRenderItemNodeProvider } from '@gct-paas/render';
|
|
2
|
+
import { DesignNodeMode } from '@gct-paas/schema';
|
|
3
|
+
export declare class RenderCardViewPageProvider implements IRenderItemNodeProvider {
|
|
4
|
+
mode: DesignNodeMode.ITEM;
|
|
5
|
+
type: string;
|
|
6
|
+
component: string;
|
|
7
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { RenderNodeType } from "@gct-paas/render";
|
|
2
|
+
import { DesignNodeMode } from "@gct-paas/schema";
|
|
3
|
+
//#region src/plugins/render-card-view-page/render-card-view-page.provider.ts
|
|
4
|
+
var RenderCardViewPageProvider = class {
|
|
5
|
+
mode = DesignNodeMode.ITEM;
|
|
6
|
+
type = RenderNodeType.PAGE;
|
|
7
|
+
component = "RenderCardViewPage";
|
|
8
|
+
};
|
|
9
|
+
//#endregion
|
|
10
|
+
export { RenderCardViewPageProvider };
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
export declare const UploadFile: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
preview: {
|
|
3
|
+
type: BooleanConstructor;
|
|
4
|
+
default: boolean;
|
|
5
|
+
};
|
|
6
|
+
c: {
|
|
7
|
+
type: import('vue').PropType<import('@gct-paas/render').IDesignRenderItemController>;
|
|
8
|
+
required: boolean;
|
|
9
|
+
};
|
|
10
|
+
model: {
|
|
11
|
+
type: import('vue').PropType<import('@gct-paas/schema').IDesignNode>;
|
|
12
|
+
required: boolean;
|
|
13
|
+
};
|
|
14
|
+
context: {
|
|
15
|
+
type: import('vue').PropType<IContext>;
|
|
16
|
+
required: boolean;
|
|
17
|
+
};
|
|
18
|
+
field: {
|
|
19
|
+
type: import('vue').PropType<IObject>;
|
|
20
|
+
required: boolean;
|
|
21
|
+
};
|
|
22
|
+
value: {
|
|
23
|
+
type: import('vue').PropType<any>;
|
|
24
|
+
};
|
|
25
|
+
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
26
|
+
preview: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
c: {
|
|
31
|
+
type: import('vue').PropType<import('@gct-paas/render').IDesignRenderItemController>;
|
|
32
|
+
required: boolean;
|
|
33
|
+
};
|
|
34
|
+
model: {
|
|
35
|
+
type: import('vue').PropType<import('@gct-paas/schema').IDesignNode>;
|
|
36
|
+
required: boolean;
|
|
37
|
+
};
|
|
38
|
+
context: {
|
|
39
|
+
type: import('vue').PropType<IContext>;
|
|
40
|
+
required: boolean;
|
|
41
|
+
};
|
|
42
|
+
field: {
|
|
43
|
+
type: import('vue').PropType<IObject>;
|
|
44
|
+
required: boolean;
|
|
45
|
+
};
|
|
46
|
+
value: {
|
|
47
|
+
type: import('vue').PropType<any>;
|
|
48
|
+
};
|
|
49
|
+
}>> & Readonly<{}>, {
|
|
50
|
+
preview: boolean;
|
|
51
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
export declare const UploadImage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
preview: {
|
|
3
|
+
type: BooleanConstructor;
|
|
4
|
+
default: boolean;
|
|
5
|
+
};
|
|
6
|
+
c: {
|
|
7
|
+
type: import('vue').PropType<import('@gct-paas/render').IDesignRenderItemController>;
|
|
8
|
+
required: boolean;
|
|
9
|
+
};
|
|
10
|
+
model: {
|
|
11
|
+
type: import('vue').PropType<import('@gct-paas/schema').IDesignNode>;
|
|
12
|
+
required: boolean;
|
|
13
|
+
};
|
|
14
|
+
context: {
|
|
15
|
+
type: import('vue').PropType<IContext>;
|
|
16
|
+
required: boolean;
|
|
17
|
+
};
|
|
18
|
+
field: {
|
|
19
|
+
type: import('vue').PropType<IObject>;
|
|
20
|
+
required: boolean;
|
|
21
|
+
};
|
|
22
|
+
value: {
|
|
23
|
+
type: import('vue').PropType<any>;
|
|
24
|
+
};
|
|
25
|
+
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
26
|
+
preview: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
c: {
|
|
31
|
+
type: import('vue').PropType<import('@gct-paas/render').IDesignRenderItemController>;
|
|
32
|
+
required: boolean;
|
|
33
|
+
};
|
|
34
|
+
model: {
|
|
35
|
+
type: import('vue').PropType<import('@gct-paas/schema').IDesignNode>;
|
|
36
|
+
required: boolean;
|
|
37
|
+
};
|
|
38
|
+
context: {
|
|
39
|
+
type: import('vue').PropType<IContext>;
|
|
40
|
+
required: boolean;
|
|
41
|
+
};
|
|
42
|
+
field: {
|
|
43
|
+
type: import('vue').PropType<IObject>;
|
|
44
|
+
required: boolean;
|
|
45
|
+
};
|
|
46
|
+
value: {
|
|
47
|
+
type: import('vue').PropType<any>;
|
|
48
|
+
};
|
|
49
|
+
}>> & Readonly<{}>, {
|
|
50
|
+
preview: boolean;
|
|
51
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
export declare const UserSignature: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
preview: {
|
|
3
|
+
type: BooleanConstructor;
|
|
4
|
+
default: boolean;
|
|
5
|
+
};
|
|
6
|
+
c: {
|
|
7
|
+
type: import('vue').PropType<import('@gct-paas/render').IDesignRenderItemController>;
|
|
8
|
+
required: boolean;
|
|
9
|
+
};
|
|
10
|
+
model: {
|
|
11
|
+
type: import('vue').PropType<import('@gct-paas/schema').IDesignNode>;
|
|
12
|
+
required: boolean;
|
|
13
|
+
};
|
|
14
|
+
context: {
|
|
15
|
+
type: import('vue').PropType<IContext>;
|
|
16
|
+
required: boolean;
|
|
17
|
+
};
|
|
18
|
+
field: {
|
|
19
|
+
type: import('vue').PropType<IObject>;
|
|
20
|
+
required: boolean;
|
|
21
|
+
};
|
|
22
|
+
value: {
|
|
23
|
+
type: import('vue').PropType<any>;
|
|
24
|
+
};
|
|
25
|
+
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
26
|
+
preview: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
c: {
|
|
31
|
+
type: import('vue').PropType<import('@gct-paas/render').IDesignRenderItemController>;
|
|
32
|
+
required: boolean;
|
|
33
|
+
};
|
|
34
|
+
model: {
|
|
35
|
+
type: import('vue').PropType<import('@gct-paas/schema').IDesignNode>;
|
|
36
|
+
required: boolean;
|
|
37
|
+
};
|
|
38
|
+
context: {
|
|
39
|
+
type: import('vue').PropType<IContext>;
|
|
40
|
+
required: boolean;
|
|
41
|
+
};
|
|
42
|
+
field: {
|
|
43
|
+
type: import('vue').PropType<IObject>;
|
|
44
|
+
required: boolean;
|
|
45
|
+
};
|
|
46
|
+
value: {
|
|
47
|
+
type: import('vue').PropType<any>;
|
|
48
|
+
};
|
|
49
|
+
}>> & Readonly<{}>, {
|
|
50
|
+
preview: boolean;
|
|
51
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
package/es/setup-app.mjs
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import basic_page_default from "./components/layouts/basic-page/basic-page.vue.mjs";
|
|
2
|
+
import basic_page_render_default from "./components/layouts/basic-page-render/basic-page-render.vue.mjs";
|
|
3
|
+
import "./components/index.mjs";
|
|
4
|
+
import { registerRenderWebLocale } from "./locale/auto-register.mjs";
|
|
5
|
+
import { RenderCardFieldProvider } from "./plugins/render-card-field/render-card-field.provider.mjs";
|
|
6
|
+
import { RenderCardViewPageProvider } from "./plugins/render-card-view-page/render-card-view-page.provider.mjs";
|
|
7
|
+
import { RenderCardField } from "./plugins/render-card-field/render-card-field.mjs";
|
|
8
|
+
import { RenderCardViewPage } from "./plugins/render-card-view-page/render-card-view-page.mjs";
|
|
9
|
+
import { DesignRenderViewPrefix, RenderNodeRegister, RenderNodeType } from "@gct-paas/render";
|
|
10
|
+
//#region src/setup-app.ts
|
|
11
|
+
function renderWebSetupApp(app) {
|
|
12
|
+
registerRenderWebLocale();
|
|
13
|
+
app.component(basic_page_default.__name || basic_page_default.name, basic_page_default);
|
|
14
|
+
app.component(basic_page_render_default.__name || basic_page_render_default.name, basic_page_render_default);
|
|
15
|
+
app.component(RenderCardField.name, RenderCardField);
|
|
16
|
+
app.component(RenderCardViewPage.name, RenderCardViewPage);
|
|
17
|
+
RenderNodeRegister.register(RenderNodeType.FIELD, () => new RenderCardFieldProvider(), DesignRenderViewPrefix.CARD_VIEW);
|
|
18
|
+
RenderNodeRegister.register(RenderNodeType.PAGE, () => new RenderCardViewPageProvider(), DesignRenderViewPrefix.CARD_VIEW);
|
|
19
|
+
RenderNodeRegister.register(RenderNodeType.PAGE_LOWER, () => new RenderCardViewPageProvider(), DesignRenderViewPrefix.CARD_VIEW);
|
|
20
|
+
}
|
|
21
|
+
//#endregion
|
|
22
|
+
export { renderWebSetupApp };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
declare module '@wangeditor/editor-for-vue' {
|
|
2
|
+
import type { DefineComponent } from 'vue';
|
|
3
|
+
|
|
4
|
+
export const Editor: DefineComponent;
|
|
5
|
+
export const Toolbar: DefineComponent;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
declare module 'unit-to-px' {
|
|
9
|
+
function toPx(length: string, element?: Element): number;
|
|
10
|
+
export default toPx;
|
|
11
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { ICellBorder } from '../interface/xlsx-parser/base';
|
|
2
|
+
import { ICell, IPaper } from '../interface/xlsx-parser';
|
|
3
|
+
/**
|
|
4
|
+
* 获取单元格坐标
|
|
5
|
+
* @param x
|
|
6
|
+
* @param y
|
|
7
|
+
* @param paper
|
|
8
|
+
* @returns
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* 获取当前单元格指定方向的单元格
|
|
12
|
+
* @param x
|
|
13
|
+
* @param y
|
|
14
|
+
* @param paper
|
|
15
|
+
*/
|
|
16
|
+
export declare class CellBorder {
|
|
17
|
+
/**
|
|
18
|
+
* 获取指定单元格的指定方向的相邻单元格
|
|
19
|
+
* @author lingxiaoming
|
|
20
|
+
* @date 2024-07-02 04:23:11
|
|
21
|
+
* @static
|
|
22
|
+
* @param {number} x
|
|
23
|
+
* @param {number} y
|
|
24
|
+
* @param {IPaper} paper
|
|
25
|
+
* @param {('top' | 'bottom' | 'left' | 'right')} position
|
|
26
|
+
* @return {*}
|
|
27
|
+
*/
|
|
28
|
+
static getAdjacentCell(x: number, y: number, paper: IPaper, position: 'top' | 'bottom' | 'left' | 'right'): ICell | undefined;
|
|
29
|
+
static setLeft(x: number, y: number, paper: IPaper, bold?: boolean, value?: boolean): void;
|
|
30
|
+
static setRight(x: number, y: number, paper: IPaper, bold?: boolean, value?: boolean): void;
|
|
31
|
+
static setTop(x: number, y: number, paper: IPaper, bold?: boolean, value?: boolean): void;
|
|
32
|
+
static setBottom(x: number, y: number, paper: IPaper, bold?: boolean, value?: boolean): void;
|
|
33
|
+
static clearBorder(x: number, y: number, paper: IPaper): void;
|
|
34
|
+
/**
|
|
35
|
+
* 获取单元格是否有下边框 作用于分页时判断最后一行是否有下边框
|
|
36
|
+
* @param x
|
|
37
|
+
* @param y
|
|
38
|
+
* @param paper
|
|
39
|
+
*/
|
|
40
|
+
static getBottomBorder(x: number, y: number, paper: IPaper): boolean;
|
|
41
|
+
/**
|
|
42
|
+
*
|
|
43
|
+
* @param x
|
|
44
|
+
* @param y
|
|
45
|
+
* @param paper
|
|
46
|
+
*/
|
|
47
|
+
static getTopBorder(x: number, y: number, paper: IPaper): boolean;
|
|
48
|
+
/**
|
|
49
|
+
*
|
|
50
|
+
* @param x
|
|
51
|
+
* @param y
|
|
52
|
+
* @param paper
|
|
53
|
+
*/
|
|
54
|
+
static getLeftBorder(x: number, y: number, paper: IPaper): boolean;
|
|
55
|
+
/**
|
|
56
|
+
*
|
|
57
|
+
* @param x
|
|
58
|
+
* @param y
|
|
59
|
+
* @param paper
|
|
60
|
+
*/
|
|
61
|
+
static getRightBorder(x: number, y: number, paper: IPaper): boolean;
|
|
62
|
+
/**
|
|
63
|
+
* 获取单元格的边框信息,合并单元格只有左上角那个一会获得汇总后的边框信息
|
|
64
|
+
* @author lingxiaoming
|
|
65
|
+
* @date 2024-07-04 06:35:10
|
|
66
|
+
* @static
|
|
67
|
+
* @param {number} x
|
|
68
|
+
* @param {number} y
|
|
69
|
+
* @param {IPaper} paper
|
|
70
|
+
* @return {*} {(ICellBorder | undefined)}
|
|
71
|
+
*/
|
|
72
|
+
static getCellBorder(x: number, y: number, paper: IPaper): ICellBorder | undefined;
|
|
73
|
+
}
|