@kp-ui/lowcode 1.0.30 → 1.0.31

package/src/components/form-designer/form-widget/field-widget/slot-widget.vue.js

@@ -2,8 +2,8 @@ import StaticContentWrapper from "./static-content-wrapper.vue.js";
 import emitter from "../../../../utils/emitter.js";
 import i18n from "../../../../utils/i18n.js";
 import fieldMixin from "./fieldMixin.js";
-import { useCustomRender } from "../../../CustomRender/index.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, resolveDynamicComponent } from "vue";
+import { useCustomRender } from "../../../CustomRender/useCustomRender.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, renderSlot } from "vue";
 /* empty css                 */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const { renderComponent } = useCustomRender();
@@ -88,15 +88,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", {
         class: normalizeClass([!!$props.designState ? "slot-wrapper-design" : "slot-wrapper-render"])
       }, [
-        !!$props.designState ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString($props.field.options.label), 1)) : (openBlock(), createElementBlock("div", _hoisted_2, [
-          (openBlock(), createBlock(resolveDynamicComponent($options.renderComponent($props.field.options.slotCompontent, { data: $data.attachmentList }))))
+        !!$props.designState ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.i18nt("designer.widgetLabel.slot")), 1)) : (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "field.options.name", {}, void 0, true)
         ]))
       ], 2)
     ]),
-    _: 1
+    _: 3
   }, 8, ["designer", "field", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]);
 }
-const slotWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1f999c26"]]);
+const slotWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-adc67853"]]);
 export {
   slotWidget as default
 };

package/src/components/form-designer/form-widget/index.vue.js

@@ -3,29 +3,31 @@ import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode,
 /* empty css                        */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                        */
-/* empty css                                        */
+/* empty css                                       */
 /* empty css                                        */
 import "./container-widget/grid-col-widget.vue.js";
 import "./container-widget/grid-sub-form-widget.vue.js";
-/* empty css                                  */
+/* empty css                                 */
 import "./container-widget/sub-form-widget.vue.js";
 import "./container-widget/tab-widget.vue.js";
 import "./container-widget/table-cell-widget.vue.js";
-/* empty css                                   */
+/* empty css                                  */
 import "./container-widget/vf-box-item.vue.js";
 import "./container-widget/vf-box-widget.vue.js";
-import "./container-widget/vf-collapse-widget.vue2.js";
+import "./container-widget/vf-collapse-widget.vue.js";
 /* empty css                                         */
 /* empty css                                         */
 import "./container-widget/vf-dialog-widget.vue.js";
 import "./container-widget/vf-drawer-widget.vue.js";
 import comps from "./field-widget/index.js";
+import draggableComponent from "../../../lib/vuedraggable/src/vuedraggable.js";
 /* empty css           */
 const _sfc_main = {
   name: "VFormWidget",
   componentName: "VFormWidget",
   mixins: [i18n],
   components: {
+    Draggable: draggableComponent,
     ...comps
   },
   props: {
@@ -231,7 +233,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["component-size"]);
 }
-const VFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e8409324"]]);
+const VFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-14e86726"]]);
 export {
   VFormWidget as default
 };

package/src/components/form-designer/setting-panel/option-items-setting.vue.js

@@ -1,5 +1,6 @@
 import CodeEditor from "../../code-editor/index.vue.js";
 import i18n from "../../../utils/i18n.js";
+import draggableComponent from "../../../lib/vuedraggable/src/vuedraggable.js";
 import { resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, withCtx, mergeProps, createElementVNode, createTextVNode, toDisplayString, pushScopeId, popScopeId } from "vue";
 /* empty css                          */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
@@ -7,7 +8,8 @@ const _sfc_main = {
   name: "OptionItemsSetting",
   mixins: [i18n],
   components: {
-    CodeEditor
+    CodeEditor,
+    Draggable: draggableComponent
   },
   props: {
     designer: Object,
@@ -116,7 +118,7 @@ const _sfc_main = {
     }
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-ae832d59"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-92868329"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "option-items-pane" };
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1));
 const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1));
@@ -410,7 +412,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["title", "visible"])
   ]);
 }
-const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ae832d59"]]);
+const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-92868329"]]);
 export {
   OptionItemsSetting as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue.js

@@ -2,13 +2,14 @@ import i18n from "../../../../../utils/i18n.js";
 import { generateId } from "../../../../../utils/util.js";
 import CodeModalEditor from "../../../../code-editor/code-modal-editor.vue.js";
 import { TpfConfirm } from "../../../../../hooks/TpfConfirm.js";
+import draggableComponent from "../../../../../lib/vuedraggable/src/vuedraggable.js";
 import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode, toDisplayString, mergeProps, normalizeClass, createElementVNode, pushScopeId, popScopeId } from "vue";
 /* empty css                                         */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "showButtonsColumn-editor",
   mixins: [i18n],
-  components: { CodeModalEditor },
+  components: { CodeModalEditor, Draggable: draggableComponent },
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -70,7 +71,7 @@ const _sfc_main = {
     }
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-dd00e485"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-c63d3314"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-drag drag-handler" }, null, -1));
 const _hoisted_2 = { class: "dialog-footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -538,7 +539,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["modelValue", "event-header"])
   ], 64);
 }
-const dataTableShowButtonsColumnEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dd00e485"]]);
+const dataTableShowButtonsColumnEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c63d3314"]]);
 export {
   dataTableShowButtonsColumnEditor as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js

@@ -1,11 +1,12 @@
 import i18n from "../../../../../utils/i18n.js";
 import SvgIcon from "../../../../svg-icon/index.vue.js";
+import draggableComponent from "../../../../../lib/vuedraggable/src/vuedraggable.js";
 import { resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, mergeProps } from "vue";
 /* empty css                   */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "gutter-editor",
-  components: { SvgIcon },
+  components: { SvgIcon, Draggable: draggableComponent },
   mixins: [i18n],
   props: {
     designer: Object,
@@ -134,7 +135,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ]);
 }
-const gutterEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-35700e4d"]]);
+const gutterEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9200a044"]]);
 export {
   gutterEditor as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue.js

@@ -1,4 +1,5 @@
 import i18n from "../../../../../utils/i18n.js";
+import draggableComponent from "../../../../../lib/vuedraggable/src/vuedraggable.js";
 import { deepClone } from "../../../../../utils/util.js";
 import { resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, mergeProps, createTextVNode, toDisplayString, pushScopeId, popScopeId } from "vue";
 /* empty css                            */
@@ -8,7 +9,7 @@ const _sfc_main = {
   componentName: "PropertyEditor",
   mixins: [i18n],
   components: {
-    //Draggable,
+    Draggable: draggableComponent
   },
   props: {
     designer: Object,
@@ -47,7 +48,7 @@ const _sfc_main = {
     }
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-388bef31"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-27e42fd1"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "col-item" };
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1));
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -143,7 +144,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ]);
 }
-const tabCustomClassEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-388bef31"]]);
+const tabCustomClassEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-27e42fd1"]]);
 export {
   tabCustomClassEditor as default
 };

package/src/components/form-designer/setting-panel/property-editor/diy-compontent-editor.vue.js

@@ -0,0 +1,33 @@
+import i18n from "../../../../utils/i18n.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createVNode } from "vue";
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "diy-compontent-editor",
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_input = resolveComponent("a-input");
+  const _component_a_form_item = resolveComponent("a-form-item");
+  return openBlock(), createBlock(_component_a_form_item, {
+    label: _ctx.i18nt("designer.setting.diyCompontent")
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_a_input, {
+        value: $props.optionModel.diyCompontent,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $props.optionModel.diyCompontent = $event),
+        placeholder: _ctx.i18nt("designer.setting.diyCompontent"),
+        style: { width: "100%" }
+      }, null, 8, ["value", "placeholder"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const diyCompontentEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  diyCompontentEditor as default
+};

package/src/components/form-designer/setting-panel/property-editor/index.js

@@ -66,6 +66,7 @@ import * as customClassEditor from "./customClass-editor.vue.js";
 import * as defaultValueEditor from "./defaultValue-editor.vue.js";
 import * as disabledEditor from "./disabled-editor.vue.js";
 import * as displayStyleEditor from "./displayStyle-editor.vue.js";
+import * as diyCompontentEditor from "./diy-compontent-editor.vue.js";
 import * as editableEditor from "./editable-editor.vue.js";
 import * as endPlaceholderEditor from "./endPlaceholder-editor.vue.js";
 import * as onAppendButtonClickEditor from "./event-handler/onAppendButtonClick-editor.vue.js";
@@ -209,7 +210,7 @@ import * as validationEditor from "./validation-editor.vue.js";
 import * as validationHintEditor from "./validationHint-editor.vue.js";
 import * as withCredentialsEditor from "./withCredentials-editor.vue.js";
 const comps = {};
-const modules = /* @__PURE__ */ Object.assign({ "./accept-editor.vue": acceptEditor, "./actionColumnPosition-editor.vue": actionColumnPositionEditor, "./addonAfter-editor.vue": addonAfterEditor, "./addonBefore-editor.vue": addonBeforeEditor, "./allowClear-editor.vue": allowClearEditor, "./appendButton-editor.vue": appendButtonEditor, "./appendButtonDisabled-editor.vue": appendButtonDisabledEditor, "./autoFullWidth-editor.vue": autoFullWidthEditor, "./border-editor.vue": borderEditor, "./buttonIcon-editor.vue": buttonIconEditor, "./buttonStyle-editor.vue": buttonStyleEditor, "./code-editor/code-editor-mode.vue": codeEditorMode, "./columnWidth-editor.vue": columnWidthEditor, "./container-data-table/customRowEvent/data-table-customRow-editor.vue": dataTableCustomRowEditor, "./container-data-table/data-table-colorRow-editor.vue": dataTableColorRowEditor, "./container-data-table/data-table-customClass-editor.vue": dataTableCustomClassEditor, "./container-data-table/data-table-dsEnabled-editor.vue": dataTableDsEnabledEditor, "./container-data-table/data-table-pagination-editor.vue": dataTablePaginationEditor, "./container-data-table/data-table-rowKey-editor.vue": dataTableRowKeyEditor, "./container-data-table/data-table-selections-editor.vue": dataTableSelectionsEditor, "./container-data-table/data-table-showButtonsColumn-editor.vue": dataTableShowButtonsColumnEditor, "./container-data-table/data-table-showIndex-editor.vue": dataTableShowIndexEditor, "./container-data-table/data-table-stripe-editor.vue": dataTableStripeEditor, "./container-data-table/data-table-tableColumns-editor.vue": dataTableTableColumnsEditor, "./container-data-table/data-table-tableHeight-editor.vue": dataTableTableHeightEditor, "./container-data-table/data-table-tableSize-editor.vue": dataTableTableSizeEditor, "./container-data-table/data-table-tableWidth-editor.vue": dataTableTableWidthEditor, "./container-data-table/data-table-treeDataEnabled-editor.vue": dataTableTreeDataEnabledEditor, "./container-grid-col/grid-col-offset-editor.vue": gridColOffsetEditor, "./container-grid-col/grid-col-pull-editor.vue": gridColPullEditor, "./container-grid-col/grid-col-push-editor.vue": gridColPushEditor, "./container-grid-col/grid-col-responsive-editor.vue": gridColResponsiveEditor, "./container-grid-col/grid-col-span-editor.vue": gridColSpanEditor, "./container-grid/colHeight-editor.vue": colHeightEditor, "./container-grid/gutter-editor.vue": gutterEditor, "./container-sub-form/showBlankRow-editor.vue": showBlankRowEditor, "./container-sub-form/showRowNumber-editor.vue": showRowNumberEditor, "./container-sub-form/sub-form-labelAlign-editor.vue": subFormLabelAlignEditor, "./container-tab/tab-customClass-editor.vue": tabCustomClassEditor, "./container-tab/tab-tabBarGutter-editor.vue": tabTabBarGutterEditor, "./container-tab/tab-tabPosition-editor.vue": tabTabPositionEditor, "./container-tab/tab-type-editor.vue": tabTypeEditor, "./container-table-cell/cellHeight-editor.vue": cellHeightEditor, "./container-table-cell/cellWidth-editor.vue": cellWidthEditor, "./container-vf-dialog/bodyStyle-editor.vue": bodyStyleEditor, "./container-vf-dialog/cancelButtonHidden-editor.vue": cancelButtonHiddenEditor, "./container-vf-dialog/cancelButtonLabel-editor.vue": cancelButtonLabelEditor, "./container-vf-dialog/closeOnClickModal-editor.vue": closeOnClickModalEditor, "./container-vf-dialog/closeOnPressEscape-editor.vue": closeOnPressEscapeEditor, "./container-vf-dialog/collapseIcon-editor.vue": collapseIconEditor, "./container-vf-dialog/disabledMode-editor.vue": disabledModeEditor, "./container-vf-dialog/formCode-editor.vue": formCodeEditor, "./container-vf-dialog/fullscreen-editor.vue": fullscreenEditor, "./container-vf-dialog/height-editor.vue": heightEditor, "./container-vf-dialog/isCollapse-editor.vue": isCollapseEditor, "./container-vf-dialog/okButtonHidden-editor.vue": okButtonHiddenEditor, "./container-vf-dialog/okButtonLabel-editor.vue": okButtonLabelEditor, "./container-vf-dialog/readMode-editor.vue": readModeEditor, "./container-vf-dialog/showClose-editor.vue": showCloseEditor, "./container-vf-dialog/title-editor.vue": titleEditor, "./container-vf-dialog/unCollapseIcon-editor.vue": unCollapseIconEditor, "./container-vf-dialog/width-editor.vue": widthEditor, "./container-vf-drawer/vf-drawer-direction-editor.vue": vfDrawerDirectionEditor, "./container-vf-drawer/vf-drawer-size-editor.vue": vfDrawerSizeEditor, "./customClass-editor.vue": customClassEditor, "./defaultValue-editor.vue": defaultValueEditor, "./disabled-editor.vue": disabledEditor, "./displayStyle-editor.vue": displayStyleEditor, "./editable-editor.vue": editableEditor, "./endPlaceholder-editor.vue": endPlaceholderEditor, "./event-handler/onAppendButtonClick-editor.vue": onAppendButtonClickEditor, "./event-handler/onBeforeUpload-editor.vue": onBeforeUploadEditor, "./event-handler/onBlur-editor.vue": onBlurEditor, "./event-handler/onCancelButtonClick-editor.vue": onCancelButtonClickEditor, "./event-handler/onCellClick-editor.vue": onCellClickEditor, "./event-handler/onCellDoubleClick-editor.vue": onCellDoubleClickEditor, "./event-handler/onChange-editor.vue": onChangeEditor, "./event-handler/onClick-editor.vue": onClickEditor, "./event-handler/onClickIcon-editor.vue": onClickIconEditor, "./event-handler/onCreated-editor.vue": onCreatedEditor, "./event-handler/onCurrentPageChange-editor.vue": onCurrentPageChangeEditor, "./event-handler/onDialogBeforeClose-editor.vue": onDialogBeforeCloseEditor, "./event-handler/onDialogOpened-editor.vue": onDialogOpenedEditor, "./event-handler/onDisableOperationButton-editor.vue": onDisableOperationButtonEditor, "./event-handler/onDrawerBeforeClose-editor.vue": onDrawerBeforeCloseEditor, "./event-handler/onDrawerOpened-editor.vue": onDrawerOpenedEditor, "./event-handler/onFileRemove.vue": onFileRemove, "./event-handler/onFocus-editor.vue": onFocusEditor, "./event-handler/onGetOperationButtonLabel-editor.vue": onGetOperationButtonLabelEditor, "./event-handler/onGetRowClassName-editor.vue": onGetRowClassNameEditor, "./event-handler/onGetSpanMethod-editor.vue": onGetSpanMethodEditor, "./event-handler/onHeaderClick-editor.vue": onHeaderClickEditor, "./event-handler/onHideOperationButton-editor.vue": onHideOperationButtonEditor, "./event-handler/onInput-editor.vue": onInputEditor, "./event-handler/onMenuClick-editor.vue": onMenuClickEditor, "./event-handler/onMounted-editor.vue": onMountedEditor, "./event-handler/onOkButtonClick-editor.vue": onOkButtonClickEditor, "./event-handler/onOperationButtonClick-editor.vue": onOperationButtonClickEditor, "./event-handler/onPageSizeChange-editor.vue": onPageSizeChangeEditor, "./event-handler/onRemoteQuery-editor.vue": onRemoteQueryEditor, "./event-handler/onRowClick-editor.vue": onRowClickEditor, "./event-handler/onRowDoubleClick-editor.vue": onRowDoubleClickEditor, "./event-handler/onSelectionChange-editor.vue": onSelectionChangeEditor, "./event-handler/onSubFormRowAdd-editor.vue": onSubFormRowAddEditor, "./event-handler/onSubFormRowChange-editor.vue": onSubFormRowChangeEditor, "./event-handler/onSubFormRowDelete-editor.vue": onSubFormRowDeleteEditor, "./event-handler/onSubFormRowInsert-editor.vue": onSubFormRowInsertEditor, "./event-handler/onTabClick-editor.vue": onTabClickEditor, "./event-handler/onTableChange-editor.vue": onTableChangeEditor, "./event-handler/onUploadError-editor.vue": onUploadErrorEditor, "./event-handler/onUploadSuccess-editor.vue": onUploadSuccessEditor, "./event-handler/onValidate-editor.vue": onValidateEditor, "./event-handler/onVformAdd-editor.vue": onVformAddEditor, "./field-button/circle-editor.vue": circleEditor, "./field-button/danger-editor.vue": dangerEditor, "./field-button/ghost-editor.vue": ghostEditor, "./field-button/icon-editor.vue": iconEditor, "./field-button/plain-editor.vue": plainEditor, "./field-button/round-editor.vue": roundEditor, "./field-button/shape-editor.vue": shapeEditor, "./field-button/type-editor.vue": typeEditor$1, "./field-cascader/cascader-defaultValue-editor.vue": cascaderDefaultValueEditor, "./field-cascader/cascader-multiple-editor.vue": cascaderMultipleEditor, "./field-checkbox/checkbox-defaultValue-editor.vue": checkboxDefaultValueEditor, "./field-color/color-defaultValue-editor.vue": colorDefaultValueEditor, "./field-date-range/date-range-defaultValue-editor.vue": dateRangeDefaultValueEditor, "./field-date-range/date-range-format-editor.vue": dateRangeFormatEditor, "./field-date-range/date-range-type-editor.vue": dateRangeTypeEditor, "./field-date-range/date-range-valueFormat-editor.vue": dateRangeValueFormatEditor, "./field-date/date-defaultValue-editor.vue": dateDefaultValueEditor, "./field-date/date-format-editor.vue": dateFormatEditor, "./field-date/date-type-editor.vue": dateTypeEditor, "./field-date/date-valueFormat-editor.vue": dateValueFormatEditor, "./field-divider/contentPosition-editor.vue": contentPositionEditor, "./field-divider/divider-direction-editor.vue": dividerDirectionEditor, "./field-dropdown/dropdown-menuList-editor.vue": dropdownMenuListEditor, "./field-file-upload/file-upload-fileTypes-editor.vue": fileUploadFileTypesEditor, "./field-html-text/htmlContent-editor.vue": htmlContentEditor, "./field-number/controlsPosition-editor.vue": controlsPositionEditor, "./field-number/number-defaultValue-editor.vue": numberDefaultValueEditor, "./field-picture-upload/picture-upload-fileTypes-editor.vue": pictureUploadFileTypesEditor, "./field-radio/radio-defaultValue-editor.vue": radioDefaultValueEditor, "./field-rate/allowHalf-editor.vue": allowHalfEditor, "./field-rate/highThreshold-editor.vue": highThresholdEditor, "./field-rate/lowThreshold-editor.vue": lowThresholdEditor, "./field-rate/rate-count-editor.vue": rateCountEditor, "./field-rate/rate-defaultValue-editor.vue": rateDefaultValueEditor, "./field-rate/showScore-editor.vue": showScoreEditor, "./field-rate/showText-editor.vue": showTextEditor, "./field-rich-editor/rich-editor-contentHeight-editor.vue": richEditorContentHeightEditor, "./field-select/mode-editor.vue": modeEditor, "./field-select/select-defaultValue-editor.vue": selectDefaultValueEditor, "./field-slider/range-editor.vue": rangeEditor, "./field-slider/vertical-editor.vue": verticalEditor, "./field-static-text/textContent-editor.vue": textContentEditor, "./field-switch/activeColor-editor.vue": activeColorEditor, "./field-switch/checkedValue-editor.vue": checkedValueEditor, "./field-switch/inactiveColor-editor.vue": inactiveColorEditor, "./field-switch/switch-defaultValue-editor.vue": switchDefaultValueEditor, "./field-switch/switchWidth-editor.vue": switchWidthEditor, "./field-switch/unCheckedValue-editor.vue": unCheckedValueEditor, "./field-time-range/time-range-defaultValue-editor.vue": timeRangeDefaultValueEditor, "./field-time-range/time-range-format-editor.vue": timeRangeFormatEditor, "./field-time/time-defaultValue-editor.vue": timeDefaultValueEditor, "./field-time/time-format-editor.vue": timeFormatEditor, "./field-treeSelect/treeSelect-treeDefaultExpandAll-editor.vue": treeSelectTreeDefaultExpandAllEditor, "./hidden-editor.vue": hiddenEditor, "./label-editor.vue": labelEditor, "./labelAlign-editor.vue": labelAlignEditor, "./labelHidden-editor.vue": labelHiddenEditor, "./labelIconClass-editor.vue": labelIconClassEditor, "./labelIconPosition-editor.vue": labelIconPositionEditor, "./labelTooltip-editor.vue": labelTooltipEditor, "./labelWidth-editor.vue": labelWidthEditor, "./limit-editor.vue": limitEditor, "./loadingPage-editor.vue": loadingPageEditor, "./max-editor.vue": maxEditor, "./maxLength-editor.vue": maxLengthEditor, "./maxSize-editor.vue": maxSizeEditor, "./min-editor.vue": minEditor, "./minLength-editor.vue": minLengthEditor, "./multiple-editor.vue": multipleEditor, "./multipleSelect-editor.vue": multipleSelectEditor, "./name-editor.vue": nameEditor, "./optionItems-editor.vue": optionItemsEditor, "./placeholder-editor.vue": placeholderEditor, "./placement-editor.vue": placementEditor, "./precision-editor.vue": precisionEditor, "./readonly-editor.vue": readonlyEditor, "./required-editor.vue": requiredEditor, "./requiredHint-editor.vue": requiredHintEditor, "./rightSlotCss-editor.vue": rightSlotCssEditor, "./rows-editor.vue": rowsEditor, "./showCount-editor.vue": showCountEditor, "./showFileList-editor.vue": showFileListEditor, "./showPassword-editor.vue": showPasswordEditor, "./showSearch-editor.vue": showSearchEditor, "./showTime-editor.vue": showTimeEditor, "./size-editor.vue": sizeEditor, "./slot-compontent-editor.vue": slotCompontentEditor, "./startPlaceholder-editor.vue": startPlaceholderEditor, "./step-editor.vue": stepEditor, "./type-editor.vue": typeEditor, "./uploadListType-editor.vue": uploadListTypeEditor, "./uploadTip-editor.vue": uploadTipEditor, "./uploadURL-editor.vue": uploadURLEditor, "./useModel-editor.vue": useModelEditor, "./validation-editor.vue": validationEditor, "./validationHint-editor.vue": validationHintEditor, "./withCredentials-editor.vue": withCredentialsEditor });
+const modules = /* @__PURE__ */ Object.assign({ "./accept-editor.vue": acceptEditor, "./actionColumnPosition-editor.vue": actionColumnPositionEditor, "./addonAfter-editor.vue": addonAfterEditor, "./addonBefore-editor.vue": addonBeforeEditor, "./allowClear-editor.vue": allowClearEditor, "./appendButton-editor.vue": appendButtonEditor, "./appendButtonDisabled-editor.vue": appendButtonDisabledEditor, "./autoFullWidth-editor.vue": autoFullWidthEditor, "./border-editor.vue": borderEditor, "./buttonIcon-editor.vue": buttonIconEditor, "./buttonStyle-editor.vue": buttonStyleEditor, "./code-editor/code-editor-mode.vue": codeEditorMode, "./columnWidth-editor.vue": columnWidthEditor, "./container-data-table/customRowEvent/data-table-customRow-editor.vue": dataTableCustomRowEditor, "./container-data-table/data-table-colorRow-editor.vue": dataTableColorRowEditor, "./container-data-table/data-table-customClass-editor.vue": dataTableCustomClassEditor, "./container-data-table/data-table-dsEnabled-editor.vue": dataTableDsEnabledEditor, "./container-data-table/data-table-pagination-editor.vue": dataTablePaginationEditor, "./container-data-table/data-table-rowKey-editor.vue": dataTableRowKeyEditor, "./container-data-table/data-table-selections-editor.vue": dataTableSelectionsEditor, "./container-data-table/data-table-showButtonsColumn-editor.vue": dataTableShowButtonsColumnEditor, "./container-data-table/data-table-showIndex-editor.vue": dataTableShowIndexEditor, "./container-data-table/data-table-stripe-editor.vue": dataTableStripeEditor, "./container-data-table/data-table-tableColumns-editor.vue": dataTableTableColumnsEditor, "./container-data-table/data-table-tableHeight-editor.vue": dataTableTableHeightEditor, "./container-data-table/data-table-tableSize-editor.vue": dataTableTableSizeEditor, "./container-data-table/data-table-tableWidth-editor.vue": dataTableTableWidthEditor, "./container-data-table/data-table-treeDataEnabled-editor.vue": dataTableTreeDataEnabledEditor, "./container-grid-col/grid-col-offset-editor.vue": gridColOffsetEditor, "./container-grid-col/grid-col-pull-editor.vue": gridColPullEditor, "./container-grid-col/grid-col-push-editor.vue": gridColPushEditor, "./container-grid-col/grid-col-responsive-editor.vue": gridColResponsiveEditor, "./container-grid-col/grid-col-span-editor.vue": gridColSpanEditor, "./container-grid/colHeight-editor.vue": colHeightEditor, "./container-grid/gutter-editor.vue": gutterEditor, "./container-sub-form/showBlankRow-editor.vue": showBlankRowEditor, "./container-sub-form/showRowNumber-editor.vue": showRowNumberEditor, "./container-sub-form/sub-form-labelAlign-editor.vue": subFormLabelAlignEditor, "./container-tab/tab-customClass-editor.vue": tabCustomClassEditor, "./container-tab/tab-tabBarGutter-editor.vue": tabTabBarGutterEditor, "./container-tab/tab-tabPosition-editor.vue": tabTabPositionEditor, "./container-tab/tab-type-editor.vue": tabTypeEditor, "./container-table-cell/cellHeight-editor.vue": cellHeightEditor, "./container-table-cell/cellWidth-editor.vue": cellWidthEditor, "./container-vf-dialog/bodyStyle-editor.vue": bodyStyleEditor, "./container-vf-dialog/cancelButtonHidden-editor.vue": cancelButtonHiddenEditor, "./container-vf-dialog/cancelButtonLabel-editor.vue": cancelButtonLabelEditor, "./container-vf-dialog/closeOnClickModal-editor.vue": closeOnClickModalEditor, "./container-vf-dialog/closeOnPressEscape-editor.vue": closeOnPressEscapeEditor, "./container-vf-dialog/collapseIcon-editor.vue": collapseIconEditor, "./container-vf-dialog/disabledMode-editor.vue": disabledModeEditor, "./container-vf-dialog/formCode-editor.vue": formCodeEditor, "./container-vf-dialog/fullscreen-editor.vue": fullscreenEditor, "./container-vf-dialog/height-editor.vue": heightEditor, "./container-vf-dialog/isCollapse-editor.vue": isCollapseEditor, "./container-vf-dialog/okButtonHidden-editor.vue": okButtonHiddenEditor, "./container-vf-dialog/okButtonLabel-editor.vue": okButtonLabelEditor, "./container-vf-dialog/readMode-editor.vue": readModeEditor, "./container-vf-dialog/showClose-editor.vue": showCloseEditor, "./container-vf-dialog/title-editor.vue": titleEditor, "./container-vf-dialog/unCollapseIcon-editor.vue": unCollapseIconEditor, "./container-vf-dialog/width-editor.vue": widthEditor, "./container-vf-drawer/vf-drawer-direction-editor.vue": vfDrawerDirectionEditor, "./container-vf-drawer/vf-drawer-size-editor.vue": vfDrawerSizeEditor, "./customClass-editor.vue": customClassEditor, "./defaultValue-editor.vue": defaultValueEditor, "./disabled-editor.vue": disabledEditor, "./displayStyle-editor.vue": displayStyleEditor, "./diy-compontent-editor.vue": diyCompontentEditor, "./editable-editor.vue": editableEditor, "./endPlaceholder-editor.vue": endPlaceholderEditor, "./event-handler/onAppendButtonClick-editor.vue": onAppendButtonClickEditor, "./event-handler/onBeforeUpload-editor.vue": onBeforeUploadEditor, "./event-handler/onBlur-editor.vue": onBlurEditor, "./event-handler/onCancelButtonClick-editor.vue": onCancelButtonClickEditor, "./event-handler/onCellClick-editor.vue": onCellClickEditor, "./event-handler/onCellDoubleClick-editor.vue": onCellDoubleClickEditor, "./event-handler/onChange-editor.vue": onChangeEditor, "./event-handler/onClick-editor.vue": onClickEditor, "./event-handler/onClickIcon-editor.vue": onClickIconEditor, "./event-handler/onCreated-editor.vue": onCreatedEditor, "./event-handler/onCurrentPageChange-editor.vue": onCurrentPageChangeEditor, "./event-handler/onDialogBeforeClose-editor.vue": onDialogBeforeCloseEditor, "./event-handler/onDialogOpened-editor.vue": onDialogOpenedEditor, "./event-handler/onDisableOperationButton-editor.vue": onDisableOperationButtonEditor, "./event-handler/onDrawerBeforeClose-editor.vue": onDrawerBeforeCloseEditor, "./event-handler/onDrawerOpened-editor.vue": onDrawerOpenedEditor, "./event-handler/onFileRemove.vue": onFileRemove, "./event-handler/onFocus-editor.vue": onFocusEditor, "./event-handler/onGetOperationButtonLabel-editor.vue": onGetOperationButtonLabelEditor, "./event-handler/onGetRowClassName-editor.vue": onGetRowClassNameEditor, "./event-handler/onGetSpanMethod-editor.vue": onGetSpanMethodEditor, "./event-handler/onHeaderClick-editor.vue": onHeaderClickEditor, "./event-handler/onHideOperationButton-editor.vue": onHideOperationButtonEditor, "./event-handler/onInput-editor.vue": onInputEditor, "./event-handler/onMenuClick-editor.vue": onMenuClickEditor, "./event-handler/onMounted-editor.vue": onMountedEditor, "./event-handler/onOkButtonClick-editor.vue": onOkButtonClickEditor, "./event-handler/onOperationButtonClick-editor.vue": onOperationButtonClickEditor, "./event-handler/onPageSizeChange-editor.vue": onPageSizeChangeEditor, "./event-handler/onRemoteQuery-editor.vue": onRemoteQueryEditor, "./event-handler/onRowClick-editor.vue": onRowClickEditor, "./event-handler/onRowDoubleClick-editor.vue": onRowDoubleClickEditor, "./event-handler/onSelectionChange-editor.vue": onSelectionChangeEditor, "./event-handler/onSubFormRowAdd-editor.vue": onSubFormRowAddEditor, "./event-handler/onSubFormRowChange-editor.vue": onSubFormRowChangeEditor, "./event-handler/onSubFormRowDelete-editor.vue": onSubFormRowDeleteEditor, "./event-handler/onSubFormRowInsert-editor.vue": onSubFormRowInsertEditor, "./event-handler/onTabClick-editor.vue": onTabClickEditor, "./event-handler/onTableChange-editor.vue": onTableChangeEditor, "./event-handler/onUploadError-editor.vue": onUploadErrorEditor, "./event-handler/onUploadSuccess-editor.vue": onUploadSuccessEditor, "./event-handler/onValidate-editor.vue": onValidateEditor, "./event-handler/onVformAdd-editor.vue": onVformAddEditor, "./field-button/circle-editor.vue": circleEditor, "./field-button/danger-editor.vue": dangerEditor, "./field-button/ghost-editor.vue": ghostEditor, "./field-button/icon-editor.vue": iconEditor, "./field-button/plain-editor.vue": plainEditor, "./field-button/round-editor.vue": roundEditor, "./field-button/shape-editor.vue": shapeEditor, "./field-button/type-editor.vue": typeEditor$1, "./field-cascader/cascader-defaultValue-editor.vue": cascaderDefaultValueEditor, "./field-cascader/cascader-multiple-editor.vue": cascaderMultipleEditor, "./field-checkbox/checkbox-defaultValue-editor.vue": checkboxDefaultValueEditor, "./field-color/color-defaultValue-editor.vue": colorDefaultValueEditor, "./field-date-range/date-range-defaultValue-editor.vue": dateRangeDefaultValueEditor, "./field-date-range/date-range-format-editor.vue": dateRangeFormatEditor, "./field-date-range/date-range-type-editor.vue": dateRangeTypeEditor, "./field-date-range/date-range-valueFormat-editor.vue": dateRangeValueFormatEditor, "./field-date/date-defaultValue-editor.vue": dateDefaultValueEditor, "./field-date/date-format-editor.vue": dateFormatEditor, "./field-date/date-type-editor.vue": dateTypeEditor, "./field-date/date-valueFormat-editor.vue": dateValueFormatEditor, "./field-divider/contentPosition-editor.vue": contentPositionEditor, "./field-divider/divider-direction-editor.vue": dividerDirectionEditor, "./field-dropdown/dropdown-menuList-editor.vue": dropdownMenuListEditor, "./field-file-upload/file-upload-fileTypes-editor.vue": fileUploadFileTypesEditor, "./field-html-text/htmlContent-editor.vue": htmlContentEditor, "./field-number/controlsPosition-editor.vue": controlsPositionEditor, "./field-number/number-defaultValue-editor.vue": numberDefaultValueEditor, "./field-picture-upload/picture-upload-fileTypes-editor.vue": pictureUploadFileTypesEditor, "./field-radio/radio-defaultValue-editor.vue": radioDefaultValueEditor, "./field-rate/allowHalf-editor.vue": allowHalfEditor, "./field-rate/highThreshold-editor.vue": highThresholdEditor, "./field-rate/lowThreshold-editor.vue": lowThresholdEditor, "./field-rate/rate-count-editor.vue": rateCountEditor, "./field-rate/rate-defaultValue-editor.vue": rateDefaultValueEditor, "./field-rate/showScore-editor.vue": showScoreEditor, "./field-rate/showText-editor.vue": showTextEditor, "./field-rich-editor/rich-editor-contentHeight-editor.vue": richEditorContentHeightEditor, "./field-select/mode-editor.vue": modeEditor, "./field-select/select-defaultValue-editor.vue": selectDefaultValueEditor, "./field-slider/range-editor.vue": rangeEditor, "./field-slider/vertical-editor.vue": verticalEditor, "./field-static-text/textContent-editor.vue": textContentEditor, "./field-switch/activeColor-editor.vue": activeColorEditor, "./field-switch/checkedValue-editor.vue": checkedValueEditor, "./field-switch/inactiveColor-editor.vue": inactiveColorEditor, "./field-switch/switch-defaultValue-editor.vue": switchDefaultValueEditor, "./field-switch/switchWidth-editor.vue": switchWidthEditor, "./field-switch/unCheckedValue-editor.vue": unCheckedValueEditor, "./field-time-range/time-range-defaultValue-editor.vue": timeRangeDefaultValueEditor, "./field-time-range/time-range-format-editor.vue": timeRangeFormatEditor, "./field-time/time-defaultValue-editor.vue": timeDefaultValueEditor, "./field-time/time-format-editor.vue": timeFormatEditor, "./field-treeSelect/treeSelect-treeDefaultExpandAll-editor.vue": treeSelectTreeDefaultExpandAllEditor, "./hidden-editor.vue": hiddenEditor, "./label-editor.vue": labelEditor, "./labelAlign-editor.vue": labelAlignEditor, "./labelHidden-editor.vue": labelHiddenEditor, "./labelIconClass-editor.vue": labelIconClassEditor, "./labelIconPosition-editor.vue": labelIconPositionEditor, "./labelTooltip-editor.vue": labelTooltipEditor, "./labelWidth-editor.vue": labelWidthEditor, "./limit-editor.vue": limitEditor, "./loadingPage-editor.vue": loadingPageEditor, "./max-editor.vue": maxEditor, "./maxLength-editor.vue": maxLengthEditor, "./maxSize-editor.vue": maxSizeEditor, "./min-editor.vue": minEditor, "./minLength-editor.vue": minLengthEditor, "./multiple-editor.vue": multipleEditor, "./multipleSelect-editor.vue": multipleSelectEditor, "./name-editor.vue": nameEditor, "./optionItems-editor.vue": optionItemsEditor, "./placeholder-editor.vue": placeholderEditor, "./placement-editor.vue": placementEditor, "./precision-editor.vue": precisionEditor, "./readonly-editor.vue": readonlyEditor, "./required-editor.vue": requiredEditor, "./requiredHint-editor.vue": requiredHintEditor, "./rightSlotCss-editor.vue": rightSlotCssEditor, "./rows-editor.vue": rowsEditor, "./showCount-editor.vue": showCountEditor, "./showFileList-editor.vue": showFileListEditor, "./showPassword-editor.vue": showPasswordEditor, "./showSearch-editor.vue": showSearchEditor, "./showTime-editor.vue": showTimeEditor, "./size-editor.vue": sizeEditor, "./slot-compontent-editor.vue": slotCompontentEditor, "./startPlaceholder-editor.vue": startPlaceholderEditor, "./step-editor.vue": stepEditor, "./type-editor.vue": typeEditor, "./uploadListType-editor.vue": uploadListTypeEditor, "./uploadTip-editor.vue": uploadTipEditor, "./uploadURL-editor.vue": uploadURLEditor, "./useModel-editor.vue": useModelEditor, "./validation-editor.vue": validationEditor, "./validationHint-editor.vue": validationHintEditor, "./withCredentials-editor.vue": withCredentialsEditor });
 for (const path in modules) {
   const cname = modules[path].default.name;
   comps[cname] = modules[path].default;

package/src/components/form-designer/setting-panel/propertyRegister.js

@@ -55,6 +55,7 @@ const COMMON_PROPERTIES = {
   textContent: "textContent-editor",
   htmlContent: "htmlContent-editor",
   slotCompontent: "slot-compontent-editor",
+  diyCompontent: "diy-compontent-editor",
   format: "format-editor",
   valueFormat: "valueFormat-editor",
   // filterable: 'filterable-editor',