@kp-ui/lowcode-pc 1.0.6 → 1.0.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/assets/styles/style.css +54 -54
- package/core/src/components/common/RenderWidgetList.vue.js +1 -1
- package/core/src/components/common/RenderWidgetList.vue2.js +13 -2
- package/core/src/components/common/RenderWidgetList.vue2.js.map +1 -1
- package/core/src/components/common/render/Debugger.vue.js +1 -1
- package/core/src/components/common/render/Debugger.vue2.js +1 -12
- package/core/src/components/common/render/Debugger.vue2.js.map +1 -1
- package/core/src/hooks/useAppRef.js +1 -0
- package/core/src/hooks/useAppRef.js.map +1 -1
- package/core/src/hooks/useDesigner.js +4 -0
- package/core/src/hooks/useDesigner.js.map +1 -1
- package/core/src/hooks/useField.js +7 -4
- package/core/src/hooks/useField.js.map +1 -1
- package/core/src/hooks/useWebMCP.js +73 -0
- package/core/src/hooks/useWebMCP.js.map +1 -1
- package/core/src/lang/en-US.js +5 -0
- package/core/src/lang/en-US.js.map +1 -1
- package/core/src/lang/zh-CN.js +6 -0
- package/core/src/lang/zh-CN.js.map +1 -1
- package/package.json +1 -1
- package/src/components/desginer/form-widget/container-widget/data-table-widget.vue.js +1 -1
- package/src/components/desginer/form-widget/container-widget/data-table-widget.vue2.js +15 -3
- package/src/components/desginer/form-widget/container-widget/data-table-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/grid-col-widget.vue2.js +1 -2
- package/src/components/desginer/form-widget/container-widget/grid-col-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue2.js +1 -2
- package/src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/grid-widget.vue2.js +1 -2
- package/src/components/desginer/form-widget/container-widget/grid-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/tab-widget.vue.js +1 -1
- package/src/components/desginer/form-widget/container-widget/tab-widget.vue2.js +9 -7
- package/src/components/desginer/form-widget/container-widget/tab-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/useTableWidget.js +24 -5
- package/src/components/desginer/form-widget/container-widget/useTableWidget.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/vf-box-widget.vue2.js +1 -2
- package/src/components/desginer/form-widget/container-widget/vf-box-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/vf-collapse-widget.vue2.js +1 -2
- package/src/components/desginer/form-widget/container-widget/vf-collapse-widget.vue2.js.map +1 -1
- package/src/components/desginer/form-widget/container-widget/vf-dialog-widget.vue2.js +2 -3
- package/src/components/desginer/form-widget/container-widget/vf-dialog-widget.vue2.js.map +1 -1
- package/src/components/desginer/widget-panel/advanced/data-table.js +7 -0
- package/src/components/desginer/widget-panel/advanced/data-table.js.map +1 -1
- package/src/components/field-widget/bpmn-editor-widget.vue2.js +0 -1
- package/src/components/field-widget/bpmn-editor-widget.vue2.js.map +1 -1
- package/src/components/field-widget/button-list-widget.vue2.js +1 -2
- package/src/components/field-widget/button-list-widget.vue2.js.map +1 -1
- package/src/components/field-widget/button-widget.vue2.js +0 -1
- package/src/components/field-widget/button-widget.vue2.js.map +1 -1
- package/src/components/field-widget/cascader-widget.vue2.js +0 -1
- package/src/components/field-widget/cascader-widget.vue2.js.map +1 -1
- package/src/components/field-widget/checkbox-widget.vue2.js +0 -1
- package/src/components/field-widget/checkbox-widget.vue2.js.map +1 -1
- package/src/components/field-widget/code-editor-widget.vue2.js +0 -1
- package/src/components/field-widget/code-editor-widget.vue2.js.map +1 -1
- package/src/components/field-widget/color-widget.vue2.js +0 -1
- package/src/components/field-widget/color-widget.vue2.js.map +1 -1
- package/src/components/field-widget/date-range-widget.vue2.js +0 -1
- package/src/components/field-widget/date-range-widget.vue2.js.map +1 -1
- package/src/components/field-widget/date-widget.vue2.js +0 -1
- package/src/components/field-widget/date-widget.vue2.js.map +1 -1
- package/src/components/field-widget/divider-widget.vue2.js +0 -1
- package/src/components/field-widget/divider-widget.vue2.js.map +1 -1
- package/src/components/field-widget/diy-compontent-widget.vue2.js +12 -4
- package/src/components/field-widget/diy-compontent-widget.vue2.js.map +1 -1
- package/src/components/field-widget/dropdown-widget.vue2.js +0 -1
- package/src/components/field-widget/dropdown-widget.vue2.js.map +1 -1
- package/src/components/field-widget/file-upload-widget.vue2.js +0 -1
- package/src/components/field-widget/file-upload-widget.vue2.js.map +1 -1
- package/src/components/field-widget/form-item-wrapper.vue.js +1 -1
- package/src/components/field-widget/form-item-wrapper.vue2.js +2 -2
- package/src/components/field-widget/form-item-wrapper.vue2.js.map +1 -1
- package/src/components/field-widget/html-text-widget.vue2.js +0 -1
- package/src/components/field-widget/html-text-widget.vue2.js.map +1 -1
- package/src/components/field-widget/input-widget.vue2.js +0 -1
- package/src/components/field-widget/input-widget.vue2.js.map +1 -1
- package/src/components/field-widget/number-widget.vue2.js +0 -1
- package/src/components/field-widget/number-widget.vue2.js.map +1 -1
- package/src/components/field-widget/radio-widget.vue2.js +0 -1
- package/src/components/field-widget/radio-widget.vue2.js.map +1 -1
- package/src/components/field-widget/rate-widget.vue2.js +0 -1
- package/src/components/field-widget/rate-widget.vue2.js.map +1 -1
- package/src/components/field-widget/rich-editor-widget.vue2.js +0 -1
- package/src/components/field-widget/rich-editor-widget.vue2.js.map +1 -1
- package/src/components/field-widget/select-widget.vue2.js +0 -1
- package/src/components/field-widget/select-widget.vue2.js.map +1 -1
- package/src/components/field-widget/slider-widget.vue2.js +0 -1
- package/src/components/field-widget/slider-widget.vue2.js.map +1 -1
- package/src/components/field-widget/static-text-widget.vue2.js +0 -1
- package/src/components/field-widget/static-text-widget.vue2.js.map +1 -1
- package/src/components/field-widget/switch-widget.vue2.js +0 -1
- package/src/components/field-widget/switch-widget.vue2.js.map +1 -1
- package/src/components/field-widget/textarea-widget.vue2.js +0 -1
- package/src/components/field-widget/textarea-widget.vue2.js.map +1 -1
- package/src/components/field-widget/time-range-widget.vue2.js +0 -1
- package/src/components/field-widget/time-range-widget.vue2.js.map +1 -1
- package/src/components/field-widget/time-widget.vue2.js +0 -1
- package/src/components/field-widget/time-widget.vue2.js.map +1 -1
- package/src/components/field-widget/tree-widget.vue2.js +0 -1
- package/src/components/field-widget/tree-widget.vue2.js.map +1 -1
- package/src/components/field-widget/treeSelect-widget.vue2.js +0 -1
- package/src/components/field-widget/treeSelect-widget.vue2.js.map +1 -1
- package/src/components/field-widget/vue-render-widget.vue2.js +0 -1
- package/src/components/field-widget/vue-render-widget.vue2.js.map +1 -1
- package/src/components/form-render/RenderWigetList.vue2.js +7 -6
- package/src/components/form-render/RenderWigetList.vue2.js.map +1 -1
- package/src/components/form-render/container-items/data-table-widget.vue2.js +1 -2
- package/src/components/form-render/container-items/data-table-widget.vue2.js.map +1 -1
- package/src/components/form-render/container-items/grid-col-widget.vue2.js +1 -2
- package/src/components/form-render/container-items/grid-col-widget.vue2.js.map +1 -1
- package/src/components/form-render/container-items/grid-sub-form-widget.vue.js +1 -1
- package/src/components/form-render/container-items/grid-sub-form-widget.vue2.js +2 -6
- package/src/components/form-render/container-items/grid-sub-form-widget.vue2.js.map +1 -1
- package/src/components/form-render/container-items/grid-widget.vue2.js +1 -2
- package/src/components/form-render/container-items/grid-widget.vue2.js.map +1 -1
- package/src/components/form-render/container-items/tab-widget.vue.js +1 -1
- package/src/components/form-render/container-items/tab-widget.vue2.js +10 -4
- package/src/components/form-render/container-items/tab-widget.vue2.js.map +1 -1
- package/src/components/form-render/container-items/vf-box-widget.vue.js +1 -1
- package/src/components/form-render/container-items/vf-box-widget.vue2.js +4 -6
- package/src/components/form-render/container-items/vf-box-widget.vue2.js.map +1 -1
- package/src/components/form-render/container-items/vf-collapse-widget.vue2.js +1 -2
- package/src/components/form-render/container-items/vf-collapse-widget.vue2.js.map +1 -1
- package/src/components/public/ActionButtonListRender.vue.js +50 -127
- package/src/components/public/ActionButtonListRender.vue.js.map +1 -1
- package/src/components/public/ActionButtonListRender.vue2.js +130 -0
- package/src/components/public/{ActionButtonListRender.vue3.js.map → ActionButtonListRender.vue2.js.map} +1 -1
- package/src/components/public/ConfigView/CustomPageRender.vue.js +1 -1
- package/src/components/public/CustomerModal/CustomerModal.vue2.js +1 -1
- package/src/components/public/DynamicDialog.vue.js +1 -1
- package/src/components/render/index.vue2.js +1 -1
- package/stats.html +1 -1
- package/src/components/public/ActionButtonListRender.vue3.js +0 -53
|
@@ -18,17 +18,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
18
18
|
parentList: {},
|
|
19
19
|
indexOfParentList: {},
|
|
20
20
|
subFormRowIndex: {},
|
|
21
|
-
subFormRowId: {},
|
|
22
21
|
subFormColIndex: {}
|
|
23
22
|
},
|
|
24
23
|
setup(__props, { expose: __expose }) {
|
|
25
24
|
const props = __props;
|
|
26
|
-
const {
|
|
25
|
+
const {
|
|
26
|
+
rules,
|
|
27
|
+
fieldEditor,
|
|
28
|
+
field,
|
|
29
|
+
fieldModel,
|
|
30
|
+
formModel,
|
|
31
|
+
handleHidden,
|
|
32
|
+
defineExposed,
|
|
33
|
+
executeFunction
|
|
34
|
+
} = useField(props);
|
|
27
35
|
const renderCompont = () => {
|
|
28
36
|
const component = executeFunction({
|
|
29
37
|
functionBody: field.options.customRender,
|
|
30
|
-
params: { data: fieldModel.value },
|
|
31
|
-
keys: ["data"]
|
|
38
|
+
params: { data: fieldModel.value, formData: formModel.value },
|
|
39
|
+
keys: ["data", "formData"]
|
|
32
40
|
});
|
|
33
41
|
if (isVNode(component)) {
|
|
34
42
|
return h(CustomItemRender, { is: component, stopPropagation: false });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"diy-compontent-widget.vue2.js","sources":["../../../../src/components/field-widget/diy-compontent-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div class=\"slot-wrapper-render\">\n <component ref=\"fieldEditor\" :is=\"renderCompont\" />\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import FormItemWrapper from './form-item-wrapper.vue';\n import { type FieldProps, useField } from '@kp-ui/lowcode-core';\n import { h, isVNode } from 'vue';\n import { CustomItemRender } from 'tmgc2-share';\n\n defineOptions({\n name: WidgetTypeEnum.bpmnEditor,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {
|
|
1
|
+
{"version":3,"file":"diy-compontent-widget.vue2.js","sources":["../../../../src/components/field-widget/diy-compontent-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div class=\"slot-wrapper-render\">\n <component ref=\"fieldEditor\" :is=\"renderCompont\" />\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import FormItemWrapper from './form-item-wrapper.vue';\n import { type FieldProps, useField } from '@kp-ui/lowcode-core';\n import { h, isVNode } from 'vue';\n import { CustomItemRender } from 'tmgc2-share';\n\n defineOptions({\n name: WidgetTypeEnum.bpmnEditor,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n fieldEditor,\n field,\n fieldModel,\n formModel,\n handleHidden,\n defineExposed,\n executeFunction\n } = useField(props);\n\n const renderCompont = () => {\n const component = executeFunction({\n functionBody: field.options.customRender,\n params: { data: fieldModel.value, formData: formModel.value },\n keys: ['data', 'formData']\n });\n\n if (isVNode(component)) {\n return h(CustomItemRender, { is: component, stopPropagation: false });\n }\n return component;\n };\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmBI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,gBAAgB,MAAM;AACxB,YAAM,YAAY,gBAAgB;AAAA,QAC9B,cAAc,MAAM,QAAQ;AAAA,QAC5B,QAAQ,EAAE,MAAM,WAAW,OAAO,UAAU,UAAU,MAAA;AAAA,QACtD,MAAM,CAAC,QAAQ,UAAU;AAAA,MAAA,CAC5B;AAED,UAAI,QAAQ,SAAS,GAAG;AACpB,eAAO,EAAE,kBAAkB,EAAE,IAAI,WAAW,iBAAiB,OAAO;AAAA,MACxE;AACA,aAAO;AAAA,IACX;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cA9CwCA,MAAA,YAAA,KAAzCC,aAAAC,YAIoB,iBAJpBC,WAIoB,EAAA,KAAA,EAAA,GAJO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAEM;AAAA,UAFNI,mBAEM,OAFN,YAEM;AAAA,aADFH,aAAAC,YAAmDG,wBAAjB,aAAa,GAAA;AAAA,uBAAhC;AAAA,cAAJ,KAAI;AAAA,YAAA;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-widget.vue2.js","sources":["../../../../src/components/field-widget/dropdown-widget.vue"],"sourcesContent":["<template>\n <a-dropdown\n v-if=\"!handleHidden\"\n :size=\"size\"\n ref=\"fieldEditor\"\n :disabled=\"handleDisabled\"\n :placement=\"field.options.placement\"\n >\n <template #overlay>\n <a-menu @click=\"handleMenuClick\">\n <a-menu-item :key=\"item.value\" v-for=\"item in field.options.menuList || []\">\n {{ item.label }}\n </a-menu-item>\n </a-menu>\n </template>\n <a-button\n :type=\"field.options.type\"\n :size=\"field.options.size\"\n :class=\"[field.options.label === '' ? 'hide-text-span' : '', 'tpf-button']\"\n :shape=\"field.options.shape\"\n :danger=\"field.options.danger\"\n :ghost=\"field.options.ghost\"\n :disabled=\"handleDisabled\"\n >\n {{ field.options.label }}\n <DownOutlined />\n </a-button>\n </a-dropdown>\n</template>\n\n<script lang=\"ts\" setup>\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import { type FieldProps, useField } from '@kp-ui/lowcode-core';\n import { DownOutlined } from '@ant-design/icons-vue';\n\n defineOptions({\n name: WidgetTypeEnum.dropdown,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { executeFunction, fieldEditor, size, handleDisabled, handleHidden, defineExposed } =\n useField(props);\n\n const handleMenuClick = (menuItem: any) => {\n const { onMenuClick } = props.field.options;\n if (onMenuClick) {\n executeFunction({\n functionBody: onMenuClick,\n keys: ['menuItem'],\n params: { menuItem }\n });\n }\n };\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .hide-text-span :deep(span) {\n display: none;\n }\n</style>\n"],"names":["_unref","_createBlock","field","_createVNode","_openBlock","_createElementBlock","_Fragment","_createTextVNode","_toDisplayString","_normalizeClass"],"mappings":"
|
|
1
|
+
{"version":3,"file":"dropdown-widget.vue2.js","sources":["../../../../src/components/field-widget/dropdown-widget.vue"],"sourcesContent":["<template>\n <a-dropdown\n v-if=\"!handleHidden\"\n :size=\"size\"\n ref=\"fieldEditor\"\n :disabled=\"handleDisabled\"\n :placement=\"field.options.placement\"\n >\n <template #overlay>\n <a-menu @click=\"handleMenuClick\">\n <a-menu-item :key=\"item.value\" v-for=\"item in field.options.menuList || []\">\n {{ item.label }}\n </a-menu-item>\n </a-menu>\n </template>\n <a-button\n :type=\"field.options.type\"\n :size=\"field.options.size\"\n :class=\"[field.options.label === '' ? 'hide-text-span' : '', 'tpf-button']\"\n :shape=\"field.options.shape\"\n :danger=\"field.options.danger\"\n :ghost=\"field.options.ghost\"\n :disabled=\"handleDisabled\"\n >\n {{ field.options.label }}\n <DownOutlined />\n </a-button>\n </a-dropdown>\n</template>\n\n<script lang=\"ts\" setup>\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import { type FieldProps, useField } from '@kp-ui/lowcode-core';\n import { DownOutlined } from '@ant-design/icons-vue';\n\n defineOptions({\n name: WidgetTypeEnum.dropdown,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { executeFunction, fieldEditor, size, handleDisabled, handleHidden, defineExposed } =\n useField(props);\n\n const handleMenuClick = (menuItem: any) => {\n const { onMenuClick } = props.field.options;\n if (onMenuClick) {\n executeFunction({\n functionBody: onMenuClick,\n keys: ['menuItem'],\n params: { menuItem }\n });\n }\n };\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .hide-text-span :deep(span) {\n display: none;\n }\n</style>\n"],"names":["_unref","_createBlock","field","_createVNode","_openBlock","_createElementBlock","_Fragment","_createTextVNode","_toDisplayString","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuCI,UAAM,QAAQ;AAEd,UAAM,EAAE,iBAAiB,aAAa,MAAM,gBAAgB,cAAc,cAAA,IACtE,SAAS,KAAK;AAElB,UAAM,kBAAkB,CAAC,aAAkB;AACvC,YAAM,EAAE,YAAA,IAAgB,MAAM,MAAM;AACpC,UAAI,aAAa;AACb,wBAAgB;AAAA,UACZ,cAAc;AAAA,UACd,MAAM,CAAC,UAAU;AAAA,UACjB,QAAQ,EAAE,SAAA;AAAA,QAAS,CACtB;AAAA,MACL;AAAA,IACJ;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;;;;cAvDUA,MAAA,YAAA,kBADXC,YA0Ba,uBAAA;AAAA;QAxBR,MAAMD,MAAA,IAAA;AAAA,iBACH;AAAA,QAAJ,KAAI;AAAA,QACH,UAAUA,MAAA,cAAA;AAAA,QACV,WAAWE,KAAAA,MAAM,QAAQ;AAAA,MAAA;QAEf,iBACP,MAIS;AAAA,UAJTC,YAIS,mBAAA,EAJA,SAAO,mBAAe;AAAA,6BACI,MAA4C;AAAA,eAA3EC,UAAA,IAAA,GAAAC,mBAEcC,2BAFgCJ,KAAAA,MAAM,QAAQ,iBAAtB,SAAI;oCAA1CD,YAEc,wBAAA;AAAA,kBAFA,KAAK,KAAK;AAAA,gBAAA;mCACpB,MAAgB;AAAA,oBAAbM,gBAAAC,gBAAA,KAAK,KAAK,GAAA,CAAA;AAAA,kBAAA;;;;;;;;yBAIzB,MAWW;AAAA,UAXXL,YAWW,qBAAA;AAAA,YAVN,MAAMD,KAAAA,MAAM,QAAQ;AAAA,YACpB,MAAMA,KAAAA,MAAM,QAAQ;AAAA,YACpB,OAAKO,eAAA,CAAGP,KAAAA,MAAM,QAAQ,UAAK,KAAA,mBAAA,IAAA,YAAA,CAAA;AAAA,YAC3B,OAAOA,KAAAA,MAAM,QAAQ;AAAA,YACrB,QAAQA,KAAAA,MAAM,QAAQ;AAAA,YACtB,OAAOA,KAAAA,MAAM,QAAQ;AAAA,YACrB,UAAUF,MAAA,cAAA;AAAA,UAAA;6BAEX,MAAyB;AAAA,cAAtBE,gBAAAA,gBAAAA,KAAAA,MAAM,QAAQ,KAAK,IAAG,KACzB,CAAA;AAAA,cAAAC,YAAgBH,MAAA,YAAA,CAAA;AAAA,YAAA;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-upload-widget.vue2.js","sources":["../../../../src/components/field-widget/file-upload-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <template v-if=\"!handleDisabled && !isReadMode\">\n <a-upload\n ref=\"fieldEditor\"\n :disabled=\"handleDisabled || isReadMode\"\n class=\"dynamicPseudoAfter\"\n :class=\"['tpf-upload', { isReadonly: isReadMode }]\"\n :multiple=\"field.options.multiple\"\n :accept=\"acceptType\"\n v-model:file-list=\"fieldModel\"\n :listType=\"field.options.uploadListType\"\n :customRequest=\"customRequest\"\n :iconRender=\"iconRender\"\n @preview=\"handlePreview\"\n @remove=\"removeFile\"\n >\n <a-space :size=\"10\" align=\"start\" v-if=\"isShowUploader\">\n <span\n :loading=\"loading\"\n class=\"tpf-button\"\n type=\"primary\"\n :disabled=\"handleDisabled\"\n >\n <SvgIcon icon-class=\"daochu\" /> 上传文件\n </span>\n </a-space>\n </a-upload>\n <div :gutter=\"20\" class=\"fileUploadTip\">\n <div v-for=\"(item, inx) in descCol\" :key=\"inx\">\n <span v-if=\"descCol.length > 1\">{{ inx + 1 }}、{{ item }}</span>\n <span v-else>{{ item }}</span>\n </div>\n </div>\n </template>\n <template v-else>\n <AttachmentRender :data=\"fieldModel\" />\n </template>\n <TpfModal v-model:visible=\"previewVisible\" :title=\"previewTitle\" :footer=\"null\">\n <img style=\"width: 100%\" :src=\"previewImage\" />\n </TpfModal>\n </form-item-wrapper>\n</template>\n\n<script lang=\"tsx\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n import { computed, onMounted } from 'vue';\n import {\n AttachmentRender,\n useFilePreview,\n TpfModal,\n SvgIcon,\n useFilesystemApi,\n FileIcon\n } from 'tmgc2-share';\n import { message } from 'ant-design-vue';\n\n const filesystemApi = useFilesystemApi();\n defineOptions({\n name: WidgetTypeEnum.fileUpload,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n loading,\n rules,\n i18nt,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n designState,\n handleHidden,\n handleDisabled,\n defineExposed,\n executeFunction\n } = useField(props);\n\n const handleOnBeforeUpload = file => {\n if (field.options.onBeforeUpload) {\n const result = executeFunction({\n functionBody: field.options.onBeforeUpload,\n params: {\n file\n },\n keys: ['file']\n });\n if (typeof result === 'boolean') {\n return result;\n } else {\n return true;\n }\n }\n return true;\n };\n\n const isShowUploader = computed(\n () => (fieldModel.value?.length || 0) < (field.options.limit || 1)\n );\n\n const customRequest = async upload => {\n const { accept, maxSize, limit, businessType, multiple } = field.options;\n const fileName = upload.file.name;\n const fieldTypesArr = accept.map(item => item.toLowerCase());\n const fieldTypes = fileName.slice(fileName.lastIndexOf('.'));\n\n if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) {\n return message.error(`目前仅支持${accept}格式的文件`);\n }\n\n if (maxSize && upload.file.size > maxSize * 1024 * 1024) {\n message.error(`文件大小不能超过${maxSize}M`);\n return;\n }\n\n const flag = handleOnBeforeUpload(upload);\n\n if (!flag) return;\n loading.value = true;\n try {\n const res = await filesystemApi.uploadFileObject({\n businessType: businessType,\n file: upload.file\n });\n\n const { fileName: name } = res.data.object;\n\n if (limit > 1) {\n const findIndex = fieldModel.value.findIndex(item => item.name === name);\n if (findIndex > -1) {\n fieldModel.value.splice(findIndex, 1);\n }\n if (fieldModel.value.length < limit) {\n fieldModel.value.push({ ...res.data.object, name });\n }\n } else {\n fieldModel.value = [{ ...res.data.object, name }];\n }\n } finally {\n loading.value = false;\n }\n };\n\n /**\n * 初始化文件列表\n */\n const initFileListFieldModel = () => {\n // 初始化上传组件的已上传文件列表\n if (designState) {\n return;\n }\n\n if (fieldModel.value) {\n if (typeof fieldModel.value === 'string') {\n fieldModel.value = JSON.parse(fieldModel.value);\n }\n }\n };\n\n const acceptType = computed(() => {\n const { accept } = field.options;\n if (accept?.length) {\n return accept.join(',');\n } else {\n return '*';\n }\n });\n\n const { handlePreview, previewVisible, previewImage, previewTitle } = useFilePreview();\n\n const iconRender = ({ file }: { file: File }) => {\n const fileObj = {\n fileName: file.name,\n fileType: file.name.slice(file.name.lastIndexOf('.'))\n };\n return <FileIcon file={fileObj} />;\n };\n\n const removeFile = file => {\n const findInx = fieldModel.value.findIndex(item => item.uid === file.uid);\n fieldModel.value.splice(findInx, 1);\n };\n\n const descCol = computed(() => {\n const { accept, maxSize } = field.options;\n const acceptList = (accept || []).join(',');\n return [\n acceptList.length ? i18nt('支持扩展名') + `${acceptList}` : '',\n maxSize ? i18nt('支持文件大小') + `${maxSize}M` : ''\n ].filter(Boolean);\n });\n\n onMounted(() => {\n initFileListFieldModel();\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .fileUploadTip {\n font-size: 12px;\n margin-top: 10px;\n }\n</style>\n"],"names":["filesystemApi","useFilesystemApi","props","__props","loading","rules","i18nt","fieldEditor","field","fieldModel","isReadMode","designState","handleHidden","handleDisabled","defineExposed","executeFunction","useField","handleOnBeforeUpload","file","options","onBeforeUpload","result","functionBody","params","keys","isShowUploader","computed","value","length","limit","customRequest","upload","accept","maxSize","businessType","multiple","fileName","name","fieldTypesArr","map","item","toLowerCase","fieldTypes","slice","lastIndexOf","includes","message","error","size","flag","res","uploadFileObject","data","object","findIndex","splice","push","initFileListFieldModel","JSON","parse","acceptType","join","handlePreview","previewVisible","previewImage","previewTitle","useFilePreview","iconRender","fileObj","fileType","_createVNode2","FileIcon","removeFile","findInx","uid","descCol","acceptList","filter","Boolean","onMounted","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","key","_createElementBlock","_Fragment","_createVNode","_component_a_upload","ref","disabled","class","_normalizeClass","isReadonly","$event","listType","uploadListType","onPreview","onRemove","_component_a_space","align","_createElementVNode","type","SvgIcon","_hoisted_2","_renderList","inx","_hoisted_3","_toDisplayString","AttachmentRender","TpfModal","visible","title","footer","style","src"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"file-upload-widget.vue2.js","sources":["../../../../src/components/field-widget/file-upload-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <template v-if=\"!handleDisabled && !isReadMode\">\n <a-upload\n ref=\"fieldEditor\"\n :disabled=\"handleDisabled || isReadMode\"\n class=\"dynamicPseudoAfter\"\n :class=\"['tpf-upload', { isReadonly: isReadMode }]\"\n :multiple=\"field.options.multiple\"\n :accept=\"acceptType\"\n v-model:file-list=\"fieldModel\"\n :listType=\"field.options.uploadListType\"\n :customRequest=\"customRequest\"\n :iconRender=\"iconRender\"\n @preview=\"handlePreview\"\n @remove=\"removeFile\"\n >\n <a-space :size=\"10\" align=\"start\" v-if=\"isShowUploader\">\n <span\n :loading=\"loading\"\n class=\"tpf-button\"\n type=\"primary\"\n :disabled=\"handleDisabled\"\n >\n <SvgIcon icon-class=\"daochu\" /> 上传文件\n </span>\n </a-space>\n </a-upload>\n <div :gutter=\"20\" class=\"fileUploadTip\">\n <div v-for=\"(item, inx) in descCol\" :key=\"inx\">\n <span v-if=\"descCol.length > 1\">{{ inx + 1 }}、{{ item }}</span>\n <span v-else>{{ item }}</span>\n </div>\n </div>\n </template>\n <template v-else>\n <AttachmentRender :data=\"fieldModel\" />\n </template>\n <TpfModal v-model:visible=\"previewVisible\" :title=\"previewTitle\" :footer=\"null\">\n <img style=\"width: 100%\" :src=\"previewImage\" />\n </TpfModal>\n </form-item-wrapper>\n</template>\n\n<script lang=\"tsx\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n import { computed, onMounted } from 'vue';\n import {\n AttachmentRender,\n useFilePreview,\n TpfModal,\n SvgIcon,\n useFilesystemApi,\n FileIcon\n } from 'tmgc2-share';\n import { message } from 'ant-design-vue';\n\n const filesystemApi = useFilesystemApi();\n defineOptions({\n name: WidgetTypeEnum.fileUpload,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n loading,\n rules,\n i18nt,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n designState,\n handleHidden,\n handleDisabled,\n defineExposed,\n executeFunction\n } = useField(props);\n\n const handleOnBeforeUpload = file => {\n if (field.options.onBeforeUpload) {\n const result = executeFunction({\n functionBody: field.options.onBeforeUpload,\n params: {\n file\n },\n keys: ['file']\n });\n if (typeof result === 'boolean') {\n return result;\n } else {\n return true;\n }\n }\n return true;\n };\n\n const isShowUploader = computed(\n () => (fieldModel.value?.length || 0) < (field.options.limit || 1)\n );\n\n const customRequest = async upload => {\n const { accept, maxSize, limit, businessType, multiple } = field.options;\n const fileName = upload.file.name;\n const fieldTypesArr = accept.map(item => item.toLowerCase());\n const fieldTypes = fileName.slice(fileName.lastIndexOf('.'));\n\n if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) {\n return message.error(`目前仅支持${accept}格式的文件`);\n }\n\n if (maxSize && upload.file.size > maxSize * 1024 * 1024) {\n message.error(`文件大小不能超过${maxSize}M`);\n return;\n }\n\n const flag = handleOnBeforeUpload(upload);\n\n if (!flag) return;\n loading.value = true;\n try {\n const res = await filesystemApi.uploadFileObject({\n businessType: businessType,\n file: upload.file\n });\n\n const { fileName: name } = res.data.object;\n\n if (limit > 1) {\n const findIndex = fieldModel.value.findIndex(item => item.name === name);\n if (findIndex > -1) {\n fieldModel.value.splice(findIndex, 1);\n }\n if (fieldModel.value.length < limit) {\n fieldModel.value.push({ ...res.data.object, name });\n }\n } else {\n fieldModel.value = [{ ...res.data.object, name }];\n }\n } finally {\n loading.value = false;\n }\n };\n\n /**\n * 初始化文件列表\n */\n const initFileListFieldModel = () => {\n // 初始化上传组件的已上传文件列表\n if (designState) {\n return;\n }\n\n if (fieldModel.value) {\n if (typeof fieldModel.value === 'string') {\n fieldModel.value = JSON.parse(fieldModel.value);\n }\n }\n };\n\n const acceptType = computed(() => {\n const { accept } = field.options;\n if (accept?.length) {\n return accept.join(',');\n } else {\n return '*';\n }\n });\n\n const { handlePreview, previewVisible, previewImage, previewTitle } = useFilePreview();\n\n const iconRender = ({ file }: { file: File }) => {\n const fileObj = {\n fileName: file.name,\n fileType: file.name.slice(file.name.lastIndexOf('.'))\n };\n return <FileIcon file={fileObj} />;\n };\n\n const removeFile = file => {\n const findInx = fieldModel.value.findIndex(item => item.uid === file.uid);\n fieldModel.value.splice(findInx, 1);\n };\n\n const descCol = computed(() => {\n const { accept, maxSize } = field.options;\n const acceptList = (accept || []).join(',');\n return [\n acceptList.length ? i18nt('支持扩展名') + `${acceptList}` : '',\n maxSize ? i18nt('支持文件大小') + `${maxSize}M` : ''\n ].filter(Boolean);\n });\n\n onMounted(() => {\n initFileListFieldModel();\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .fileUploadTip {\n font-size: 12px;\n margin-top: 10px;\n }\n</style>\n"],"names":["filesystemApi","useFilesystemApi","props","__props","loading","rules","i18nt","fieldEditor","field","fieldModel","isReadMode","designState","handleHidden","handleDisabled","defineExposed","executeFunction","useField","handleOnBeforeUpload","file","options","onBeforeUpload","result","functionBody","params","keys","isShowUploader","computed","value","length","limit","customRequest","upload","accept","maxSize","businessType","multiple","fileName","name","fieldTypesArr","map","item","toLowerCase","fieldTypes","slice","lastIndexOf","includes","message","error","size","flag","res","uploadFileObject","data","object","findIndex","splice","push","initFileListFieldModel","JSON","parse","acceptType","join","handlePreview","previewVisible","previewImage","previewTitle","useFilePreview","iconRender","fileObj","fileType","_createVNode2","FileIcon","removeFile","findInx","uid","descCol","acceptList","filter","Boolean","onMounted","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","key","_createElementBlock","_Fragment","_createVNode","_component_a_upload","ref","disabled","class","_normalizeClass","isReadonly","$event","listType","uploadListType","onPreview","onRemove","_component_a_space","align","_createElementVNode","type","SvgIcon","_hoisted_2","_renderList","inx","_hoisted_3","_toDisplayString","AttachmentRender","TpfModal","visible","title","footer","style","src"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./form-item-wrapper.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const FormItemWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const FormItemWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1e482344"]]);
|
|
5
5
|
export {
|
|
6
6
|
FormItemWrapper as default
|
|
7
7
|
};
|
|
@@ -40,7 +40,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
40
40
|
default: 0
|
|
41
41
|
},
|
|
42
42
|
subFormRowIndex: {},
|
|
43
|
-
subFormRowId: {},
|
|
44
43
|
subFormColIndex: {}
|
|
45
44
|
},
|
|
46
45
|
setup(__props) {
|
|
@@ -48,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
48
47
|
const getSubFormName = inject("getSubFormName", () => "");
|
|
49
48
|
const getSubFormFieldFlag = inject("getSubFormFieldFlag", () => false);
|
|
50
49
|
const {
|
|
50
|
+
subFormRowIndex,
|
|
51
51
|
formConfig,
|
|
52
52
|
designState
|
|
53
53
|
} = useDesigner();
|
|
@@ -90,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
90
90
|
});
|
|
91
91
|
const getPropName = computed(() => {
|
|
92
92
|
if (subFormItemFlag.value && !designState) {
|
|
93
|
-
return subFormName.value + "." +
|
|
93
|
+
return subFormName.value + "." + subFormRowIndex.value + "." + props.field.options.name;
|
|
94
94
|
} else return props.field.options.name;
|
|
95
95
|
});
|
|
96
96
|
const customClass = computed(() => props.field.options.customClass ? props.field.options.customClass.join(" ") : "");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-item-wrapper.vue2.js","sources":["../../../../src/components/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n <div class=\"field-wrapper\">\n <FormItem\n :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n :rules=\"rules\"\n :name=\"getPropName\"\n :labelAlign=\"labelAlign\"\n :class=\"[customClass]\"\n >\n <template #label>\n <div class=\"label-box\">\n <span v-if=\"!!field.options.labelIconClass\" class=\"custom-label\">\n <template v-if=\"field.options.labelIconPosition === 'front'\">\n <a-tooltip :title=\"field.options.labelIconTooltip\">\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </a-tooltip>\n <div class=\"label-text\">\n {{ label }}\n </div>\n </template>\n <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n <a-tooltip :title=\"field.options.labelIconTooltip\">\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </a-tooltip>\n </template>\n </span>\n <template v-else>\n <div class=\"label-text\">\n {{ label }}\n </div>\n </template>\n </div>\n </template>\n <slot></slot>\n </FormItem>\n </div>\n</template>\n\n<script lang=\"tsx\" setup>\n import { SvgIcon } from 'tmgc2-share';\n import { FieldProps } from '@kp-ui/lowcode-core';\n import { computed, inject } from 'vue';\n import { FormItem } from 'ant-design-vue';\n import { useDesigner } from '@kp-ui/lowcode-core';\n import { reactive } from 'vue';\n defineOptions({\n name: 'form-item-wrapper'\n });\n\n interface FormItemWrapperProps extends FieldProps {\n rules?: Array<any>;\n }\n const props = withDefaults(defineProps<FormItemWrapperProps>(), {\n parentWidget: null,\n indexOfParentList: 0\n });\n const getSubFormName = inject('getSubFormName', () => '');\n const getSubFormFieldFlag = inject('getSubFormFieldFlag', () => false);\n\n const { formConfig, designer, designState } = useDesigner();\n\n const labelWidth = computed(() => {\n if (props.field?.options?.labelHidden) {\n return 0;\n }\n\n if (props.field?.options?.labelWidth) {\n return props.field.options.labelWidth;\n }\n\n return formConfig.value?.labelWidth;\n });\n\n const label = computed(() => {\n if (props.field?.options?.labelHidden) {\n return '';\n }\n return props.field?.options?.label;\n });\n\n const labelAlign = computed(() => {\n if (props.field?.options?.labelAlign) {\n return props.field.options.labelAlign;\n }\n return formConfig.value?.labelAlign || 'right';\n });\n\n const subFormName = computed(() => () => {\n return getSubFormName ? getSubFormName() : '';\n });\n\n const size = computed(() => {\n if (props.field?.options?.size) {\n return props.field.options.size;\n }\n return formConfig.value?.size || 'middle';\n });\n\n const subFormItemFlag = computed(() => {\n return getSubFormFieldFlag ? getSubFormFieldFlag() : false;\n });\n\n const getPropName = computed(() => {\n if (subFormItemFlag.value && !designState) {\n return (\n subFormName.value +\n '.' +\n
|
|
1
|
+
{"version":3,"file":"form-item-wrapper.vue2.js","sources":["../../../../src/components/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n <div class=\"field-wrapper\">\n <FormItem\n :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n :rules=\"rules\"\n :name=\"getPropName\"\n :labelAlign=\"labelAlign\"\n :class=\"[customClass]\"\n >\n <template #label>\n <div class=\"label-box\">\n <span v-if=\"!!field.options.labelIconClass\" class=\"custom-label\">\n <template v-if=\"field.options.labelIconPosition === 'front'\">\n <a-tooltip :title=\"field.options.labelIconTooltip\">\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </a-tooltip>\n <div class=\"label-text\">\n {{ label }}\n </div>\n </template>\n <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n <a-tooltip :title=\"field.options.labelIconTooltip\">\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </a-tooltip>\n </template>\n </span>\n <template v-else>\n <div class=\"label-text\">\n {{ label }}\n </div>\n </template>\n </div>\n </template>\n <slot></slot>\n </FormItem>\n </div>\n</template>\n\n<script lang=\"tsx\" setup>\n import { SvgIcon } from 'tmgc2-share';\n import { FieldProps } from '@kp-ui/lowcode-core';\n import { computed, inject } from 'vue';\n import { FormItem } from 'ant-design-vue';\n import { useDesigner } from '@kp-ui/lowcode-core';\n import { reactive } from 'vue';\n defineOptions({\n name: 'form-item-wrapper'\n });\n\n interface FormItemWrapperProps extends FieldProps {\n rules?: Array<any>;\n }\n const props = withDefaults(defineProps<FormItemWrapperProps>(), {\n parentWidget: null,\n indexOfParentList: 0\n });\n const getSubFormName = inject('getSubFormName', () => '');\n const getSubFormFieldFlag = inject('getSubFormFieldFlag', () => false);\n\n const { subFormRowIndex, formConfig, designer, designState } = useDesigner();\n\n const labelWidth = computed(() => {\n if (props.field?.options?.labelHidden) {\n return 0;\n }\n\n if (props.field?.options?.labelWidth) {\n return props.field.options.labelWidth;\n }\n\n return formConfig.value?.labelWidth;\n });\n\n const label = computed(() => {\n if (props.field?.options?.labelHidden) {\n return '';\n }\n return props.field?.options?.label;\n });\n\n const labelAlign = computed(() => {\n if (props.field?.options?.labelAlign) {\n return props.field.options.labelAlign;\n }\n return formConfig.value?.labelAlign || 'right';\n });\n\n const subFormName = computed(() => () => {\n return getSubFormName ? getSubFormName() : '';\n });\n\n const size = computed(() => {\n if (props.field?.options?.size) {\n return props.field.options.size;\n }\n return formConfig.value?.size || 'middle';\n });\n\n const subFormItemFlag = computed(() => {\n return getSubFormFieldFlag ? getSubFormFieldFlag() : false;\n });\n\n const getPropName = computed(() => {\n if (subFormItemFlag.value && !designState) {\n return (\n subFormName.value +\n '.' +\n subFormRowIndex.value +\n '.' +\n props.field.options.name +\n ''\n );\n } else return props.field.options.name;\n });\n\n const customClass = computed(() =>\n props.field.options.customClass ? props.field.options.customClass.join(' ') : ''\n );\n</script>\n\n<style lang=\"scss\" scoped>\n .field-wrapper {\n position: relative;\n }\n\n .ant-form-item {\n position: relative;\n\n :deep(.ant-form-item-label) {\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n span.custom-label {\n display: flex;\n i {\n margin: 0 3px;\n }\n }\n\n /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n -webkit-appearance: none !important;\n }\n }\n</style>\n"],"names":["props","__props","getSubFormName","inject","getSubFormFieldFlag","subFormRowIndex","formConfig","designState","useDesigner","labelWidth","computed","field","options","labelHidden","value","label","labelAlign","subFormName","size","subFormItemFlag","getPropName","name","customClass","join","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","FormItem","labelCol","rules","class","_createElementVNode","_hoisted_2","labelIconClass","_hoisted_3","labelIconPosition","_Fragment","key","_component_a_tooltip","title","labelIconTooltip","SvgIcon","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_renderSlot","_ctx","$slots","undefined"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"html-text-widget.vue2.js","sources":["../../../../src/components/field-widget/html-text-widget.vue"],"sourcesContent":["<template>\n <div\n v-if=\"!handleHidden\"\n ref=\"fieldEditor\"\n :style=\"displayStyle\"\n class=\"htmlContent\"\n v-html=\"field.options.htmlContent\"\n ></div>\n</template>\n\n<script lang=\"ts\" setup>\n import { computed } from 'vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.htmlText,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { rules, fieldEditor, field, handleHidden, defineExposed } = useField(props);\n\n const displayStyle = computed(() => field.options.bodyStyle || {});\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .htmlContent {\n // v-bind(field.options.bodyStyle)\n }\n</style>\n"],"names":["_unref","_createElementBlock"],"mappings":"
|
|
1
|
+
{"version":3,"file":"html-text-widget.vue2.js","sources":["../../../../src/components/field-widget/html-text-widget.vue"],"sourcesContent":["<template>\n <div\n v-if=\"!handleHidden\"\n ref=\"fieldEditor\"\n :style=\"displayStyle\"\n class=\"htmlContent\"\n v-html=\"field.options.htmlContent\"\n ></div>\n</template>\n\n<script lang=\"ts\" setup>\n import { computed } from 'vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.htmlText,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { rules, fieldEditor, field, handleHidden, defineExposed } = useField(props);\n\n const displayStyle = computed(() => field.options.bodyStyle || {});\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .htmlContent {\n // v-bind(field.options.bodyStyle)\n }\n</style>\n"],"names":["_unref","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBI,UAAM,QAAQ;AAEd,UAAM,EAAS,aAAa,OAAO,cAAc,cAAA,IAAkB,SAAS,KAAK;AAEjF,UAAM,eAAe,SAAS,MAAM,MAAM,QAAQ,aAAa,EAAE;AAEjE,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAzBUA,MAAA,YAAA,kBADXC,mBAMO,OAAA;AAAA;iBAJC;AAAA,QAAJ,KAAI;AAAA,QACH,sBAAO,aAAA,KAAY;AAAA,QACpB,OAAM;AAAA,QACN,WAAQD,MAAA,KAAA,EAAM,QAAQ;AAAA,MAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-widget.vue2.js","sources":["../../../../src/components/field-widget/input-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <a-input\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :disabled=\"handleDisabled\"\n :readonly=\"field.options.readonly\"\n :size=\"size\"\n class=\"hide-spin-button\"\n :type=\"inputType\"\n :show-password=\"field.options.showPassword\"\n :placeholder=\"field.options.placeholder\"\n :allowClear=\"field.options.allowClear\"\n :maxlength=\"field.options.maxLength\"\n :showCount=\"field.options.showCount\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n >\n <template #addonAfter v-if=\"field.options.useModal\">\n <svg-icon icon-class=\"icon-sousuo\" @click=\"handleClickIcon\" />\n </template>\n </a-input>\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { SvgIcon } from 'tmgc2-share';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { computed } from 'vue';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n inheritAttrs: false,\n name: WidgetTypeEnum.input,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n handleDisabled,\n handleClickIcon,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n const inputType = computed(() => {\n if (field.options.type === 'number') {\n return 'text'; //当input的type设置为number时,如果输入非数字字符,则v-model拿到的值为空字符串,无法实现输入校验!故屏蔽之!!\n }\n return field.options.type;\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","_createElementBlock","_toDisplayString"],"mappings":"
|
|
1
|
+
{"version":3,"file":"input-widget.vue2.js","sources":["../../../../src/components/field-widget/input-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <a-input\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :disabled=\"handleDisabled\"\n :readonly=\"field.options.readonly\"\n :size=\"size\"\n class=\"hide-spin-button\"\n :type=\"inputType\"\n :show-password=\"field.options.showPassword\"\n :placeholder=\"field.options.placeholder\"\n :allowClear=\"field.options.allowClear\"\n :maxlength=\"field.options.maxLength\"\n :showCount=\"field.options.showCount\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n >\n <template #addonAfter v-if=\"field.options.useModal\">\n <svg-icon icon-class=\"icon-sousuo\" @click=\"handleClickIcon\" />\n </template>\n </a-input>\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { SvgIcon } from 'tmgc2-share';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { computed } from 'vue';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n inheritAttrs: false,\n name: WidgetTypeEnum.input,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n handleDisabled,\n handleClickIcon,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n const inputType = computed(() => {\n if (field.options.type === 'number') {\n return 'text'; //当input的type设置为number时,如果输入非数字字符,则v-model拿到的值为空字符串,无法实现输入校验!故屏蔽之!!\n }\n return field.options.type;\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,YAAY,SAAS,MAAM;AAC7B,UAAI,MAAM,QAAQ,SAAS,UAAU;AACjC,eAAO;AAAA,MACX;AACA,aAAO,MAAM,QAAQ;AAAA,IACzB,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAlEwCA,MAAA,YAAA,KAAzCC,aAAAC,YAyBoB,iBAzBpBC,WAyBoB,EAAA,KAAA,EAAA,GAzBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAoBU;AAAA,yBApBVI,YAoBU,oBAAA;AAAA,qBAnBF;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOJ,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAExB,UAAUA,MAAA,cAAA;AAAA,YACV,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACxB,MAAMA,MAAA,IAAA;AAAA,YACP,OAAM;AAAA,YACL,MAAM,UAAA;AAAA,YACN,iBAAeA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC7B,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC3B,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC1B,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,SAAOA,MAAA,sBAAA;AAAA,YACP,QAAMA,MAAA,qBAAA;AAAA,UAAA;YAEqBA,MAAA,KAAA,EAAM,QAAQ;oBAA/B;AAAA,0BACP,MAA8D;AAAA,gBAA9DI,YAA8DJ,MAAA,OAAA,GAAA;AAAA,kBAApD,cAAW;AAAA,kBAAe,SAAOA,MAAA,eAAA;AAAA,gBAAA;;;;;qBAftCA,MAAA,UAAA,CAAU;AAAA,UAAA;UAkBPA,MAAA,UAAA,kBACZK,mBAAyD,QAAzD,YAAyDC,gBAApBN,MAAA,UAAA,CAAU,GAAA,CAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-widget.vue2.js","sources":["../../../../src/components/field-widget/number-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <a-input-number\n ref=\"fieldEditor\"\n :size=\"size\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n class=\"full-width-input\"\n :disabled=\"handleDisabled\"\n :controls-position=\"field.options.controlsPosition\"\n :placeholder=\"field.options.placeholder\"\n :min=\"field.options.min\"\n :max=\"field.options.max\"\n :precision=\"field.options.precision\"\n :step=\"field.options.step\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import {\n type FieldProps,\n useField,\n WidgetTypeEnum,\n ComponentNameEnum\n } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.number,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n i18nt,\n field,\n fieldModel,\n isReadMode,\n size,\n\n handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","_createElementBlock","_toDisplayString"],"mappings":"
|
|
1
|
+
{"version":3,"file":"number-widget.vue2.js","sources":["../../../../src/components/field-widget/number-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <a-input-number\n ref=\"fieldEditor\"\n :size=\"size\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n class=\"full-width-input\"\n :disabled=\"handleDisabled\"\n :controls-position=\"field.options.controlsPosition\"\n :placeholder=\"field.options.placeholder\"\n :min=\"field.options.min\"\n :max=\"field.options.max\"\n :precision=\"field.options.precision\"\n :step=\"field.options.step\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import {\n type FieldProps,\n useField,\n WidgetTypeEnum,\n ComponentNameEnum\n } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.number,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n i18nt,\n field,\n fieldModel,\n isReadMode,\n size,\n\n handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAvDwCA,MAAA,YAAA,KAAzCC,aAAAC,YAoBoB,iBApBpBC,WAoBoB,EAAA,KAAA,EAAA,GApBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAeE;AAAA,yBAfFI,YAeE,2BAAA;AAAA,YAdE,KAAI;AAAA,YACH,MAAMJ,MAAA,IAAA;AAAA,YACC,OAAOA,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAEzB,OAAM;AAAA,YACL,UAAUA,MAAA,cAAA;AAAA,YACV,qBAAmBA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACjC,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC3B,KAAKA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACnB,KAAKA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACnB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,SAAOA,MAAA,sBAAA;AAAA,YACP,QAAMA,MAAA,qBAAA;AAAA,UAAA;qBAVEA,MAAA,UAAA,CAAU;AAAA,UAAA;UAYPA,MAAA,UAAA,kBACZK,mBAAyD,QAAzD,YAAyDC,gBAApBN,MAAA,UAAA,CAAU,GAAA,CAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-widget.vue2.js","sources":["../../../../src/components/field-widget/radio-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n <a-radio-group\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :size=\"size\"\n v-if=\"!isReadMode\"\n :disabled=\"handleDisabled\"\n >\n <a-radio\n v-for=\"(item, index) in field.options.optionItems\"\n :key=\"index\"\n :value=\"item[field.options.valueKey]\"\n :disabled=\"item.disabled\"\n :border=\"field.options.border\"\n :style=\"{ display: field.options.displayStyle }\"\n >\n {{ item[field.options.labelKey] }}\n </a-radio>\n </a-radio-group>\n <template v-else=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n import { useSelect } from './hooks/useSelect';\n import { onMounted } from 'vue';\n defineOptions({\n name: WidgetTypeEnum.radio,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n const {\n rules,\n fieldModel,\n isReadMode,\n designState,\n size,\n handleHidden,\n handleDisabled,\n fieldEditor,\n defineExposed\n } = useField(props);\n\n const { optionLabel, initOptionItems } = useSelect({\n designState,\n fieldModel,\n field: props.field\n });\n onMounted(() => {\n initOptionItems();\n });\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_Fragment","_renderList","field","_normalizeStyle","_createTextVNode","_toDisplayString"],"mappings":"
|
|
1
|
+
{"version":3,"file":"radio-widget.vue2.js","sources":["../../../../src/components/field-widget/radio-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n <a-radio-group\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :size=\"size\"\n v-if=\"!isReadMode\"\n :disabled=\"handleDisabled\"\n >\n <a-radio\n v-for=\"(item, index) in field.options.optionItems\"\n :key=\"index\"\n :value=\"item[field.options.valueKey]\"\n :disabled=\"item.disabled\"\n :border=\"field.options.border\"\n :style=\"{ display: field.options.displayStyle }\"\n >\n {{ item[field.options.labelKey] }}\n </a-radio>\n </a-radio-group>\n <template v-else=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n import { useSelect } from './hooks/useSelect';\n import { onMounted } from 'vue';\n defineOptions({\n name: WidgetTypeEnum.radio,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n const {\n rules,\n fieldModel,\n isReadMode,\n designState,\n size,\n handleHidden,\n handleDisabled,\n fieldEditor,\n defineExposed\n } = useField(props);\n\n const { optionLabel, initOptionItems } = useSelect({\n designState,\n fieldModel,\n field: props.field\n });\n onMounted(() => {\n initOptionItems();\n });\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_Fragment","_renderList","field","_normalizeStyle","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AACd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,aAAa,gBAAA,IAAoB,UAAU;AAAA,MAC/C;AAAA,MACA;AAAA,MACA,OAAO,MAAM;AAAA,IAAA,CAChB;AACD,cAAU,MAAM;AACZ,sBAAA;AAAA,IACJ,CAAC;AACD,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;;cA3DuDA,MAAA,YAAA,KAAxDC,aAAAC,YAsBoB,iBAtBpBC,WAsBoB,EAAA,KAAA,EAAA,GAtBO,OAAK,EAAG,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAC3C,MAiBgB;AAAA,WAbLA,MAAA,UAAA,kBAJXE,YAiBgB,0BAAA;AAAA;qBAhBR;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YACxB,MAAMA,MAAA,IAAA;AAAA,YAEN,UAAUA,MAAA,cAAA;AAAA,UAAA;6BAGP,MAAkD;AAAA,gCADtDI,mBASUC,UAAA,MAAAC,WARkBC,WAAM,QAAQ,aAAW,CAAzC,MAAM,UAAK;oCADvBL,YASU,oBAAA;AAAA,kBAPL,KAAK;AAAA,kBACL,OAAO,KAAKK,WAAM,QAAQ,QAAQ;AAAA,kBAClC,UAAU,KAAK;AAAA,kBACf,QAAQA,KAAAA,MAAM,QAAQ;AAAA,kBACtB,OAAKC,eAAA,EAAA,SAAaD,KAAAA,MAAM,QAAQ,cAAY;AAAA,gBAAA;mCAE7C,MAAkC;AAAA,oBAA/BE,gBAAAC,gBAAA,KAAKH,KAAAA,MAAM,QAAQ,QAAQ,CAAA,GAAA,CAAA;AAAA,kBAAA;;;;;;gEAIlCH,mBAA0D,QAA1D,YAA0DM,gBAArBV,MAAA,WAAA,CAAW,GAAA,CAAA;AAAA,QAAA;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rate-widget.vue2.js","sources":["../../../../src/components/field-widget/rate-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <a-rate\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :disabled=\"handleDisabled\"\n :allowClear=\"field.options.allowClear\"\n :count=\"field.options.count\"\n :allow-half=\"field.options.allowHalf\"\n />\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.rate,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { rules, fieldEditor, field, fieldModel, handleHidden, handleDisabled, defineExposed } =\n useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode"],"mappings":"
|
|
1
|
+
{"version":3,"file":"rate-widget.vue2.js","sources":["../../../../src/components/field-widget/rate-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <a-rate\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :disabled=\"handleDisabled\"\n :allowClear=\"field.options.allowClear\"\n :count=\"field.options.count\"\n :allow-half=\"field.options.allowHalf\"\n />\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.rate,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { rules, fieldEditor, field, fieldModel, handleHidden, handleDisabled, defineExposed } =\n useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBI,UAAM,QAAQ;AAEd,UAAM,EAAE,OAAO,aAAa,OAAO,YAAY,cAAc,gBAAgB,cAAA,IACzE,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cA5BwCA,MAAA,YAAA,KAAzCC,aAAAC,YASoB,iBATpBC,WASoB,EAAA,KAAA,EAAA,GATO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAOE;AAAA,UAPFI,YAOE,mBAAA;AAAA,qBANM;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOJ,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YACxB,UAAUA,MAAA,cAAA;AAAA,YACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC1B,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACrB,cAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,UAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rich-editor-widget.vue2.js","sources":["../../../../src/components/field-widget/rich-editor-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div class=\"rich-editor-widget\" v-if=\"!isReadMode\">\n <QuillEditor\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :options=\"editorOption\"\n :disabled=\"handleDisabled || isReadMode\"\n :style=\"\n !!field.options.contentHeight ? `height: ${field.options.contentHeight};` : ''\n \"\n />\n </div>\n <div class=\"readonly-mode-rich-editor\" v-else v-html=\"fieldModel\"> </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import { type FieldProps, useField } from '@kp-ui/lowcode-core';\n import { computed, watchEffect } from 'vue';\n import { QuillEditor } from 'tmgc2-share';\n\n defineOptions({\n name: WidgetTypeEnum.richEditor,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n handleHidden,\n handleDisabled,\n defineExposed\n } = useField(props);\n\n const editorOption = computed(() => {\n return {\n placeholder: field.options.placeholder,\n modules: {}\n };\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .rich-editor-widget {\n :deep(.ql-toolbar.ql-snow) {\n border-color: #d9d9d9;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n }\n :deep(.ql-container.ql-snow) {\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n border-color: #d9d9d9;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_createVNode","_normalizeStyle"],"mappings":"
|
|
1
|
+
{"version":3,"file":"rich-editor-widget.vue2.js","sources":["../../../../src/components/field-widget/rich-editor-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div class=\"rich-editor-widget\" v-if=\"!isReadMode\">\n <QuillEditor\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n :options=\"editorOption\"\n :disabled=\"handleDisabled || isReadMode\"\n :style=\"\n !!field.options.contentHeight ? `height: ${field.options.contentHeight};` : ''\n \"\n />\n </div>\n <div class=\"readonly-mode-rich-editor\" v-else v-html=\"fieldModel\"> </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n import { type FieldProps, useField } from '@kp-ui/lowcode-core';\n import { computed, watchEffect } from 'vue';\n import { QuillEditor } from 'tmgc2-share';\n\n defineOptions({\n name: WidgetTypeEnum.richEditor,\n componentName: ComponentNameEnum.FieldWidget\n });\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n handleHidden,\n handleDisabled,\n defineExposed\n } = useField(props);\n\n const editorOption = computed(() => {\n return {\n placeholder: field.options.placeholder,\n modules: {}\n };\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .rich-editor-widget {\n :deep(.ql-toolbar.ql-snow) {\n border-color: #d9d9d9;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n }\n :deep(.ql-container.ql-snow) {\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n border-color: #d9d9d9;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_createVNode","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,eAAe,SAAS,MAAM;AAChC,aAAO;AAAA,QACH,aAAa,MAAM,QAAQ;AAAA,QAC3B,SAAS,CAAA;AAAA,MAAC;AAAA,IAElB,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAjDwCA,MAAA,YAAA,KAAzCC,aAAAC,YAaoB,iBAbpBC,WAaoB,EAAA,KAAA,EAAA,GAbO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAUM;AAAA,WAViCA,MAAA,UAAA,KAAvCC,aAAAG,mBAUM,OAVN,YAUM;AAAA,YATFC,YAQEL,MAAA,WAAA,GAAA;AAAA,uBAPM;AAAA,cAAJ,KAAI;AAAA,cACI,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,SAAS,aAAA;AAAA,cACT,UAAUA,MAAA,cAAA,KAAkBA,MAAA,UAAA;AAAA,cAC5B,OAAKM;AAAAA,kBAAyBN,MAAA,KAAA,EAAM,QAAQ,2BAA2BA,MAAA,KAAA,EAAM,QAAQ,aAAa,MAAA;AAAA,cAAA;AAAA;8BAK3GI,mBAAyE,OAAA;AAAA;YAApE,OAAM;AAAA,YAAmC,WAAQJ,MAAA,UAAA;AAAA,UAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-widget.vue2.js","sources":["../../../../src/components/field-widget/select-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div\n class=\"design-select-box\"\n :class=\"{ useModal: field.options.useModal }\"\n v-show=\"!isReadMode\"\n >\n <a-select\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :size=\"size\"\n class=\"full-width-input\"\n :disabled=\"handleDisabled\"\n :allowClear=\"field.options.allowClear\"\n :showArrow=\"true\"\n :dropdownMatchSelectWidth=\"true\"\n :mode=\"field.options.mode\"\n :maxTagCount=\"field.options.maxTagCount\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n :onFocus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n :options=\"field.options.optionItems\"\n v-bind=\"selectOps\"\n />\n <div v-if=\"field.options.useModal\" class=\"useModal-svg\" @click=\"handleClickIcon\">\n <svg-icon icon-class=\"icon-sousuo\" />\n </div>\n </div>\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { SvgIcon } from 'tmgc2-share';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { useSelect } from './hooks/useSelect';\n import { onMounted } from 'vue';\n defineOptions({\n name: 'select-widget'\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n const {\n rules,\n i18nt,\n field,\n fieldModel,\n isReadMode,\n size,\n designState,\n\n fieldEditor,\n handleHidden,\n handleDisabled,\n handleClickIcon,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n const { selectOps, optionLabel, initOptionItems, selectDefineExpose } = useSelect({\n field,\n designState,\n fieldModel\n });\n\n onMounted(() => {\n initOptionItems();\n });\n\n defineExpose({\n ...selectDefineExpose,\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .design-select-box {\n display: flex;\n width: 100%;\n &.useModal {\n :deep(.ant-select-selector) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n .ant-select {\n flex: 1 0 0;\n min-width: 0;\n }\n .useModal-svg {\n border: 1px solid #d9d9d9;\n // padding-left: 12px;\n cursor: pointer;\n width: 40px;\n background: #fafafa;\n line-height: 30px;\n border-left: 0;\n text-align: center;\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_withDirectives","_createVNode","_createElementBlock","_toDisplayString"],"mappings":"
|
|
1
|
+
{"version":3,"file":"select-widget.vue2.js","sources":["../../../../src/components/field-widget/select-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div\n class=\"design-select-box\"\n :class=\"{ useModal: field.options.useModal }\"\n v-show=\"!isReadMode\"\n >\n <a-select\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-show=\"!isReadMode\"\n :size=\"size\"\n class=\"full-width-input\"\n :disabled=\"handleDisabled\"\n :allowClear=\"field.options.allowClear\"\n :showArrow=\"true\"\n :dropdownMatchSelectWidth=\"true\"\n :mode=\"field.options.mode\"\n :maxTagCount=\"field.options.maxTagCount\"\n :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n :onFocus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n :options=\"field.options.optionItems\"\n v-bind=\"selectOps\"\n />\n <div v-if=\"field.options.useModal\" class=\"useModal-svg\" @click=\"handleClickIcon\">\n <svg-icon icon-class=\"icon-sousuo\" />\n </div>\n </div>\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { SvgIcon } from 'tmgc2-share';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { useSelect } from './hooks/useSelect';\n import { onMounted } from 'vue';\n defineOptions({\n name: 'select-widget'\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n const {\n rules,\n i18nt,\n field,\n fieldModel,\n isReadMode,\n size,\n designState,\n\n fieldEditor,\n handleHidden,\n handleDisabled,\n handleClickIcon,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n const { selectOps, optionLabel, initOptionItems, selectDefineExpose } = useSelect({\n field,\n designState,\n fieldModel\n });\n\n onMounted(() => {\n initOptionItems();\n });\n\n defineExpose({\n ...selectDefineExpose,\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .design-select-box {\n display: flex;\n width: 100%;\n &.useModal {\n :deep(.ant-select-selector) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n .ant-select {\n flex: 1 0 0;\n min-width: 0;\n }\n .useModal-svg {\n border: 1px solid #d9d9d9;\n // padding-left: 12px;\n cursor: pointer;\n width: 40px;\n background: #fafafa;\n line-height: 30px;\n border-left: 0;\n text-align: center;\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_withDirectives","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6CI,UAAM,QAAQ;AACd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,EAAE,WAAW,aAAa,iBAAiB,mBAAA,IAAuB,UAAU;AAAA,MAC9E;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,cAAU,MAAM;AACZ,sBAAA;AAAA,IACJ,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IAAA,CACN;;;cA5EwCA,MAAA,YAAA,KAAzCC,aAAAC,YA+BoB,iBA/BpBC,WA+BoB,EAAA,KAAA,EAAA,GA/BO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MA0BM;AAAA,yBA1BNI,mBA0BM,OAAA;AAAA,YAzBF,uBAAM,qBAAmB,EAAA,UACLJ,aAAM,QAAQ,UAAQ,CAAA;AAAA,UAAA;YAG1CK,eAAAC,YAiBE,qBAjBFH,WAiBE;AAAA,uBAhBM;AAAA,cAAJ,KAAI;AAAA,cACI,OAAOH,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cAExB,MAAMA,MAAA,IAAA;AAAA,cACP,OAAM;AAAA,cACL,UAAUA,MAAA,cAAA;AAAA,cACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,WAAW;AAAA,cACX,0BAA0B;AAAA,cAC1B,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACpB,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC3B,aAAaA,MAAA,KAAA,EAAM,QAAQ,eAAeA,MAAA,KAAA,EAAK,+BAAA;AAAA,cAC/C,SAASA,MAAA,sBAAA;AAAA,cACT,QAAMA,MAAA,qBAAA;AAAA,cACN,SAASA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAAA,GAChBA,MAAA,SAAA,CAAS,GAAA,MAAA,IAAA,CAAA,SAAA,QAAA,YAAA,cAAA,QAAA,eAAA,eAAA,WAAA,UAAA,SAAA,CAAA,GAAA;AAAA,uBAbRA,MAAA,UAAA,CAAU;AAAA,YAAA;YAeZA,MAAA,KAAA,EAAM,QAAQ,yBAAzBO,mBAEM,OAAA;AAAA;cAF6B,OAAM;AAAA,cAAgB,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA;AAAA,2BAAEP,MAAA,eAAA,KAAAA,MAAA,eAAA,EAAA,GAAA,IAAA;AAAA,YAAA;cAC5DM,YAAqCN,MAAA,OAAA,GAAA,EAA3B,cAAW,eAAa;AAAA,YAAA;;qBArB7BA,MAAA,UAAA,CAAU;AAAA,UAAA;UAwBPA,MAAA,UAAA,kBACZO,mBAA0D,QAA1D,YAA0DC,gBAArBR,MAAA,WAAA,CAAW,GAAA,CAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider-widget.vue2.js","sources":["../../../../src/components/field-widget/slider-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <a-slider\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-if=\"!isReadMode\"\n :disabled=\"handleDisabled\"\n :min=\"field.options.min\"\n :max=\"field.options.max\"\n :step=\"field.options.step\"\n :range=\"field.options.range\"\n :vertical=\"field.options.vertical\"\n />\n <template v-else>\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.slider,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n handleDisabled,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_toDisplayString"],"mappings":"
|
|
1
|
+
{"version":3,"file":"slider-widget.vue2.js","sources":["../../../../src/components/field-widget/slider-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <a-slider\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-if=\"!isReadMode\"\n :disabled=\"handleDisabled\"\n :min=\"field.options.min\"\n :max=\"field.options.max\"\n :step=\"field.options.step\"\n :range=\"field.options.range\"\n :vertical=\"field.options.vertical\"\n />\n <template v-else>\n <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.slider,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n handleDisabled,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cA3CwCA,MAAA,YAAA,KAAzCC,aAAAC,YAeoB,iBAfpBC,WAeoB,EAAA,KAAA,EAAA,GAfO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAUE;AAAA,WAPSA,MAAA,UAAA,kBAHXE,YAUE,qBAAA;AAAA;qBATM;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAExB,UAAUA,MAAA,cAAA;AAAA,YACV,KAAKA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACnB,KAAKA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACnB,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,OAAOA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACrB,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,UAAA,+FAGzBI,mBAAyD,QAAzD,YAAyDC,gBAApBL,MAAA,UAAA,CAAU,GAAA,CAAA;AAAA,QAAA;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"static-text-widget.vue2.js","sources":["../../../../src/components/field-widget/static-text-widget.vue"],"sourcesContent":["<template>\n <div ref=\"fieldEditor\" v-if=\"!handleHidden\">{{ field.options.textContent }}</div>\n</template>\n\n<script lang=\"ts\" setup>\n import { computed } from 'vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.staticText,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { rules, fieldEditor, field, handleHidden, defineExposed } = useField(props);\n\n const displayStyle = computed(() => field.options.bodyStyle || {});\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_createElementBlock"],"mappings":"
|
|
1
|
+
{"version":3,"file":"static-text-widget.vue2.js","sources":["../../../../src/components/field-widget/static-text-widget.vue"],"sourcesContent":["<template>\n <div ref=\"fieldEditor\" v-if=\"!handleHidden\">{{ field.options.textContent }}</div>\n</template>\n\n<script lang=\"ts\" setup>\n import { computed } from 'vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.staticText,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const { rules, fieldEditor, field, handleHidden, defineExposed } = useField(props);\n\n const displayStyle = computed(() => field.options.bodyStyle || {});\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaI,UAAM,QAAQ;AAEd,UAAM,EAAS,aAAa,OAAO,cAAc,cAAA,IAAkB,SAAS,KAAK;AAE5D,aAAS,MAAM,MAAM,QAAQ,aAAa,CAAA,CAAE;AAEjE,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cApB6BA,MAAA,YAAA,kBAA9BC,mBAAiF,OAAA;AAAA;iBAAxE;AAAA,QAAJ,KAAI;AAAA,MAAA,mBAAsCD,MAAA,KAAA,EAAM,QAAQ,WAAW,GAAA,GAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch-widget.vue2.js","sources":["../../../../src/components/field-widget/switch-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <a-switch\n ref=\"fieldEditor\"\n v-model:checked=\"fieldModel\"\n :disabled=\"isReadMode || handleDisabled\"\n :checkedValue=\"field.options.checkedValue\"\n :unCheckedValue=\"field.options.unCheckedValue\"\n :style=\"{ width: field.options.switchWidth + 'px' }\"\n />\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.switch,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n handleDisabled,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .readonly-mode-switch {\n display: none;\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","_normalizeStyle"],"mappings":"
|
|
1
|
+
{"version":3,"file":"switch-widget.vue2.js","sources":["../../../../src/components/field-widget/switch-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <a-switch\n ref=\"fieldEditor\"\n v-model:checked=\"fieldModel\"\n :disabled=\"isReadMode || handleDisabled\"\n :checkedValue=\"field.options.checkedValue\"\n :unCheckedValue=\"field.options.unCheckedValue\"\n :style=\"{ width: field.options.switchWidth + 'px' }\"\n />\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.switch,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n handleDisabled,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .readonly-mode-switch {\n display: none;\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cArCwCA,MAAA,YAAA,KAAzCC,aAAAC,YASoB,iBATpBC,WASoB,EAAA,KAAA,EAAA,GATO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAOE;AAAA,UAPFI,YAOE,qBAAA;AAAA,qBANM;AAAA,YAAJ,KAAI;AAAA,YACI,SAASJ,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,YAC1B,UAAUA,MAAA,UAAA,KAAcA,MAAA,cAAA;AAAA,YACxB,cAAcA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC5B,gBAAgBA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC9B,OAAKK,eAAA,EAAA,OAAWL,MAAA,KAAA,EAAM,QAAQ,cAAW,KAAA,CAAA;AAAA,UAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea-widget.vue2.js","sources":["../../../../src/components/field-widget/textarea-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n <a-textarea\n type=\"textarea\"\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-if=\"!isReadMode\"\n :size=\"size\"\n :disabled=\"handleDisabled\"\n :allowClear=\"field.options.allowClear\"\n :readonly=\"field.options.readonly\"\n :placeholder=\"field.options.placeholder\"\n :rows=\"field.options.rows\"\n :minlength=\"field.options.minLength\"\n :maxlength=\"field.options.maxLength\"\n :showCount=\"field.options.showCount\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\n <template v-else=\"isReadMode\">\n <div v-html=\"fieldModel\" class=\"readonly-mode-field\"></div>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import {\n type FieldProps,\n useField,\n WidgetTypeEnum,\n ComponentNameEnum\n } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.textarea,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n field,\n fieldModel,\n isReadMode,\n size,\n\n handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .readonly-mode-field {\n display: inline-block;\n white-space: pre-wrap;\n line-height: 1.5;\n max-height: 100px;\n overflow-y: auto;\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock"],"mappings":"
|
|
1
|
+
{"version":3,"file":"textarea-widget.vue2.js","sources":["../../../../src/components/field-widget/textarea-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" :rules=\"rules\" v-if=\"!handleHidden\">\n <a-textarea\n type=\"textarea\"\n ref=\"fieldEditor\"\n v-model:value=\"fieldModel\"\n v-if=\"!isReadMode\"\n :size=\"size\"\n :disabled=\"handleDisabled\"\n :allowClear=\"field.options.allowClear\"\n :readonly=\"field.options.readonly\"\n :placeholder=\"field.options.placeholder\"\n :rows=\"field.options.rows\"\n :minlength=\"field.options.minLength\"\n :maxlength=\"field.options.maxLength\"\n :showCount=\"field.options.showCount\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\n <template v-else=\"isReadMode\">\n <div v-html=\"fieldModel\" class=\"readonly-mode-field\"></div>\n </template>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import {\n type FieldProps,\n useField,\n WidgetTypeEnum,\n ComponentNameEnum\n } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.textarea,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n field,\n fieldModel,\n isReadMode,\n size,\n\n handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .readonly-mode-field {\n display: inline-block;\n white-space: pre-wrap;\n line-height: 1.5;\n max-height: 100px;\n overflow-y: auto;\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAvDuDA,MAAA,YAAA,KAAxDC,aAAAC,YAqBoB,iBArBpBC,WAqBoB,EAAA,KAAA,EAAA,GArBO,OAAK,EAAG,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAC3C,MAgBE;AAAA,WAZSA,MAAA,UAAA,kBAJXE,YAgBE,uBAAA;AAAA;YAfE,MAAK;AAAA,YACL,KAAI;AAAA,YACI,OAAOF,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAExB,MAAMA,MAAA,IAAA;AAAA,YACN,UAAUA,MAAA,cAAA;AAAA,YACV,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC1B,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACxB,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC3B,MAAMA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACpB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,SAAOA,MAAA,sBAAA;AAAA,YACP,QAAMA,MAAA,qBAAA;AAAA,UAAA,yKAGPI,mBAA2D,OAAA;AAAA;YAAtD,WAAQJ,MAAA,UAAA;AAAA,YAAY,OAAM;AAAA,UAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-range-widget.vue2.js","sources":["../../../../src/components/field-widget/time-range-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div\n :class=\"[\n !!field.options.autoFullWidth ? 'auto-full-width' : '',\n isReadMode ? 'readonly-mode-time-range' : ''\n ]\"\n >\n <a-time-range-picker\n ref=\"fieldEditor\"\n :size=\"size\"\n v-model:value=\"fieldModel\"\n :class=\"[!!field.options.autoFullWidth ? 'full-width-input' : '']\"\n :disabled=\"handleDisabled\"\n :readonly=\"field.options.readonly\"\n :inputReadOnly=\"field.options.readonly\"\n :allowClear=\"field.options.allowClear\"\n :format=\"field.options.format\"\n value-format=\"HH:mm:ss\"\n :placeholder=\"[\n field.options.startPlaceholder || i18nt('render.hint.startTimePlaceholder'),\n field.options.endPlaceholder || i18nt('render.hint.endTimePlaceholder')\n ]\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { computed } from 'vue';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.timeRange,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n i18nt,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n const contentForReadMode = computed(() => {\n if (!fieldModel.value) {\n return '--';\n } else {\n return fieldModel.value?.join('-');\n }\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .auto-full-width {\n width: 100%;\n\n :deep(.ant-picker) {\n width: 100% !important;\n }\n }\n\n .readonly-mode-time-range {\n :deep(.ant-picker) {\n display: none;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_toDisplayString"],"mappings":"
|
|
1
|
+
{"version":3,"file":"time-range-widget.vue2.js","sources":["../../../../src/components/field-widget/time-range-widget.vue"],"sourcesContent":["<template>\n <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n <div\n :class=\"[\n !!field.options.autoFullWidth ? 'auto-full-width' : '',\n isReadMode ? 'readonly-mode-time-range' : ''\n ]\"\n >\n <a-time-range-picker\n ref=\"fieldEditor\"\n :size=\"size\"\n v-model:value=\"fieldModel\"\n :class=\"[!!field.options.autoFullWidth ? 'full-width-input' : '']\"\n :disabled=\"handleDisabled\"\n :readonly=\"field.options.readonly\"\n :inputReadOnly=\"field.options.readonly\"\n :allowClear=\"field.options.allowClear\"\n :format=\"field.options.format\"\n value-format=\"HH:mm:ss\"\n :placeholder=\"[\n field.options.startPlaceholder || i18nt('render.hint.startTimePlaceholder'),\n field.options.endPlaceholder || i18nt('render.hint.endTimePlaceholder')\n ]\"\n @focus=\"handleFocusCustomEvent\"\n @blur=\"handleBlurCustomEvent\"\n />\n <template v-if=\"isReadMode\">\n <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n </template>\n </div>\n </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import FormItemWrapper from './form-item-wrapper.vue';\n import { useField, type FieldProps } from '@kp-ui/lowcode-core';\n import { computed } from 'vue';\n import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n defineOptions({\n name: WidgetTypeEnum.timeRange,\n componentName: ComponentNameEnum.FieldWidget\n });\n\n const props = withDefaults(defineProps<FieldProps>(), {});\n\n const {\n rules,\n i18nt,\n fieldEditor,\n field,\n fieldModel,\n isReadMode,\n size,\n handleHidden,\n handleDisabled,\n handleFocusCustomEvent,\n handleBlurCustomEvent,\n defineExposed\n } = useField(props);\n\n const contentForReadMode = computed(() => {\n if (!fieldModel.value) {\n return '--';\n } else {\n return fieldModel.value?.join('-');\n }\n });\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"scss\" scoped>\n /* form-item-wrapper已引入,还需要重复引入吗? */\n\n .auto-full-width {\n width: 100%;\n\n :deep(.ant-picker) {\n width: 100% !important;\n }\n }\n\n .readonly-mode-time-range {\n :deep(.ant-picker) {\n display: none;\n }\n }\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2CI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,qBAAqB,SAAS,MAAM;;AACtC,UAAI,CAAC,WAAW,OAAO;AACnB,eAAO;AAAA,MACX,OAAO;AACH,gBAAO,gBAAW,UAAX,mBAAkB,KAAK;AAAA,MAClC;AAAA,IACJ,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cArEwCA,MAAA,YAAA,KAAzCC,aAAAC,YA6BoB,iBA7BpBC,WA6BoB,EAAA,KAAA,EAAA,GA7BO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MA2BM;AAAA,UA3BNI,mBA2BM,OAAA;AAAA,YA1BD,OAAKC,eAAA;AAAA,gBAAsBL,MAAA,KAAA,EAAM,QAAQ,gBAAa,oBAAA;AAAA,cAA2CA,MAAA,UAAA,IAAU,6BAAA;AAAA,YAAA;;YAK5GM,YAiBE,gCAAA;AAAA,uBAhBM;AAAA,cAAJ,KAAI;AAAA,cACH,MAAMN,MAAA,IAAA;AAAA,cACC,OAAOA,MAAA,UAAA;AAAA,0FAAA,WAAU,QAAA,SAAA;AAAA,cACxB,OAAKK,eAAA,CAAA,CAAA,CAAKL,MAAA,KAAA,EAAM,QAAQ,gBAAa,qBAAA,EAAA,CAAA;AAAA,cACrC,UAAUA,MAAA,cAAA;AAAA,cACV,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACxB,eAAeA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC7B,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,cAC1B,QAAQA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACvB,gBAAa;AAAA,cACZ,aAAW;AAAA,gBAAwBA,MAAA,KAAA,EAAM,QAAQ,oBAAoBA,MAAA,KAAA,EAAK,kCAAA;AAAA,gBAA0DA,MAAA,KAAA,EAAM,QAAQ,kBAAkBA,MAAA,KAAA,EAAK,gCAAA;AAAA,cAAA;AAAA,cAIzK,SAAOA,MAAA,sBAAA;AAAA,cACP,QAAMA,MAAA,qBAAA;AAAA,YAAA;YAEKA,MAAA,UAAA,kBACZO,mBAAiE,QAAjE,YAAiEC,gBAA5B,mBAAA,KAAkB,GAAA,CAAA;;;;;;;;"}
|