@vipl520/dk-ui 1.0.71 → 1.0.74

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "dk",
-  "version": "1.0.70",
+  "version": "1.0.73",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {

package/es/page-diy/index.mjs

@@ -4,6 +4,7 @@ import DragTool from './src/components/DragTool.vue.mjs';
 import DragBox from './src/components/DragBox.vue.mjs';
 import DkEventCreateInput from './src/components/forms/DkEventCreateInput.vue.mjs';
 import DkEventSelectInput from './src/components/forms/DkEventSelectInput.vue.mjs';
+import DkCubeImageInput from './src/components/forms/DkCubeImageInput.vue.mjs';
 import { designerForm, viewForm } from './src/utils/form.mjs';
 import './src/utils/index.mjs';
 export { pageDiyProps } from './src/props.mjs';
@@ -17,6 +18,7 @@ designerForm.component("DragTool", DragTool);
 designerForm.component("DragBox", DragBox);
 designerForm.component("DkEventCreateInput", DkEventCreateInput);
 designerForm.component("DkEventSelectInput", DkEventSelectInput);
+designerForm.component("DkCubeImageInput", DkCubeImageInput);
 designerForm.register("_fc", {
   init(fc, rule) {
     rule._id = uniqueId();

package/es/page-diy/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/page-diy/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _PageDiy from './src/page-diy.vue'\nimport DragTool from './src/components/DragTool.vue'\nimport DragBox from './src/components/DragBox.vue'\nimport DkEventCreateInput from './src/components/forms/DkEventCreateInput.vue'\nimport DkEventSelectInput from './src/components/forms/DkEventSelectInput.vue'\nimport formCreate, { designerForm } from './src/utils/form'\n// import draggable from 'vuedraggable/src/vuedraggable'\nimport { uniqueId } from './src/utils'\n// import views from './src/views/web'\n\nconst addComponent = (id: any, component: any) => {\n  designerForm.component(id, component)\n  formCreate.component(id, component)\n}\n\n// designerForm.component('Draggable', draggable)\ndesignerForm.component('DragTool', DragTool)\ndesignerForm.component('DragBox', DragBox)\ndesignerForm.component('DkEventCreateInput', DkEventCreateInput)\ndesignerForm.component('DkEventSelectInput', DkEventSelectInput)\n\n// for (const name in views) {\n//   designerForm.component(name, views[name])\n// }\n\ndesignerForm.register('_fc', {\n  init(fc: any, rule: any) {\n    rule._id = uniqueId()\n    if (fc.value) {\n      rule.effect._fc = false\n    }\n  },\n})\n\ndesignerForm.register('_fc_tool', {\n  init(_, rule: any) {\n    rule.props.unique = uniqueId()\n  },\n})\n\n_PageDiy.formCreate = formCreate\n_PageDiy.designerForm = designerForm\n_PageDiy.component = addComponent\nexport const PageDiy = withInstall(_PageDiy)\nexport default PageDiy\n\nexport * from './src/props'\n"],"names":["formCreate"],"mappings":";;;;;;;;;;;AAWA,MAAM,YAAA,GAAe,CAAC,EAAA,EAAS,SAAmB,KAAA;AAChD,EAAa,YAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,EAAWA,QAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,CAAA,CAAA;AAGA,YAAa,CAAA,SAAA,CAAU,YAAY,QAAQ,CAAA,CAAA;AAC3C,YAAa,CAAA,SAAA,CAAU,WAAW,OAAO,CAAA,CAAA;AACzC,YAAa,CAAA,SAAA,CAAU,sBAAsB,kBAAkB,CAAA,CAAA;AAC/D,YAAa,CAAA,SAAA,CAAU,sBAAsB,kBAAkB,CAAA,CAAA;AAM/D,YAAA,CAAa,SAAS,KAAO,EAAA;AAAA,EAC3B,IAAA,CAAK,IAAS,IAAW,EAAA;AACvB,IAAA,IAAA,CAAK,MAAM,QAAS,EAAA,CAAA;AACpB,IAAA,IAAI,GAAG,KAAO,EAAA;AACZ,MAAA,IAAA,CAAK,OAAO,GAAM,GAAA,KAAA,CAAA;AAAA,KACpB;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAED,YAAA,CAAa,SAAS,UAAY,EAAA;AAAA,EAChC,IAAA,CAAK,GAAG,IAAW,EAAA;AACjB,IAAK,IAAA,CAAA,KAAA,CAAM,SAAS,QAAS,EAAA,CAAA;AAAA,GAC/B;AACF,CAAC,CAAA,CAAA;AAED,QAAA,CAAS,UAAa,GAAAA,QAAA,CAAA;AACtB,QAAA,CAAS,YAAe,GAAA,YAAA,CAAA;AACxB,QAAA,CAAS,SAAY,GAAA,YAAA,CAAA;AACR,MAAA,OAAA,GAAU,YAAY,QAAQ;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/page-diy/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _PageDiy from './src/page-diy.vue'\nimport DragTool from './src/components/DragTool.vue'\nimport DragBox from './src/components/DragBox.vue'\nimport DkEventCreateInput from './src/components/forms/DkEventCreateInput.vue'\nimport DkEventSelectInput from './src/components/forms/DkEventSelectInput.vue'\nimport DkCubeImageInput from './src/components/forms/DkCubeImageInput.vue'\nimport formCreate, { designerForm } from './src/utils/form'\n// import draggable from 'vuedraggable/src/vuedraggable'\nimport { uniqueId } from './src/utils'\n// import views from './src/views/web'\n\nconst addComponent = (id: any, component: any) => {\n  designerForm.component(id, component)\n  formCreate.component(id, component)\n}\n\n// designerForm.component('Draggable', draggable)\ndesignerForm.component('DragTool', DragTool)\ndesignerForm.component('DragBox', DragBox)\ndesignerForm.component('DkEventCreateInput', DkEventCreateInput)\ndesignerForm.component('DkEventSelectInput', DkEventSelectInput)\ndesignerForm.component('DkCubeImageInput', DkCubeImageInput)\n\n// for (const name in views) {\n//   designerForm.component(name, views[name])\n// }\n\ndesignerForm.register('_fc', {\n  init(fc: any, rule: any) {\n    rule._id = uniqueId()\n    if (fc.value) {\n      rule.effect._fc = false\n    }\n  },\n})\n\ndesignerForm.register('_fc_tool', {\n  init(_, rule: any) {\n    rule.props.unique = uniqueId()\n  },\n})\n\n_PageDiy.formCreate = formCreate\n_PageDiy.designerForm = designerForm\n_PageDiy.component = addComponent\nexport const PageDiy = withInstall(_PageDiy)\nexport default PageDiy\n\nexport * from './src/props'\n"],"names":["formCreate"],"mappings":";;;;;;;;;;;;AAYA,MAAM,YAAA,GAAe,CAAC,EAAA,EAAS,SAAmB,KAAA;AAChD,EAAa,YAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,EAAWA,QAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,CAAA,CAAA;AAGA,YAAa,CAAA,SAAA,CAAU,YAAY,QAAQ,CAAA,CAAA;AAC3C,YAAa,CAAA,SAAA,CAAU,WAAW,OAAO,CAAA,CAAA;AACzC,YAAa,CAAA,SAAA,CAAU,sBAAsB,kBAAkB,CAAA,CAAA;AAC/D,YAAa,CAAA,SAAA,CAAU,sBAAsB,kBAAkB,CAAA,CAAA;AAC/D,YAAa,CAAA,SAAA,CAAU,oBAAoB,gBAAgB,CAAA,CAAA;AAM3D,YAAA,CAAa,SAAS,KAAO,EAAA;AAAA,EAC3B,IAAA,CAAK,IAAS,IAAW,EAAA;AACvB,IAAA,IAAA,CAAK,MAAM,QAAS,EAAA,CAAA;AACpB,IAAA,IAAI,GAAG,KAAO,EAAA;AACZ,MAAA,IAAA,CAAK,OAAO,GAAM,GAAA,KAAA,CAAA;AAAA,KACpB;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAED,YAAA,CAAa,SAAS,UAAY,EAAA;AAAA,EAChC,IAAA,CAAK,GAAG,IAAW,EAAA;AACjB,IAAK,IAAA,CAAA,KAAA,CAAM,SAAS,QAAS,EAAA,CAAA;AAAA,GAC/B;AACF,CAAC,CAAA,CAAA;AAED,QAAA,CAAS,UAAa,GAAAA,QAAA,CAAA;AACtB,QAAA,CAAS,YAAe,GAAA,YAAA,CAAA;AACxB,QAAA,CAAS,SAAY,GAAA,YAAA,CAAA;AACR,MAAA,OAAA,GAAU,YAAY,QAAQ;;;;"}

package/es/page-diy/src/components/forms/DkCubeImageInput.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        default: () => {};
+        type: ObjectConstructor;
+    };
+    imageStyle: {
+        default: () => {};
+        type: ObjectConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue")[], "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        default: () => {};
+        type: ObjectConstructor;
+    };
+    imageStyle: {
+        default: () => {};
+        type: ObjectConstructor;
+    };
+}>> & {
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: Record<string, any>;
+    imageStyle: Record<string, any>;
+}, {}>;
+export default _default;

package/es/page-diy/src/components/forms/DkCubeImageInput.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './DkCubeImageInput.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var DkCubeImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\forms\\DkCubeImageInput.vue"]]);
+
+export { DkCubeImageInput as default };
+//# sourceMappingURL=DkCubeImageInput.vue.mjs.map

package/es/page-diy/src/components/forms/DkCubeImageInput.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DkCubeImageInput.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/es/page-diy/src/components/forms/DkCubeImageInput.vue2.mjs

@@ -0,0 +1,371 @@
+import { defineComponent, ref, reactive, computed, watch, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, createCommentVNode, toDisplayString, createTextVNode, createBlock } from 'vue';
+import { useElementSize } from '@vueuse/core';
+import DkEventSelectInput from './DkEventSelectInput.vue.mjs';
+
+const _hoisted_1 = ["data-x", "data-y", "onClick", "onMouseenter"];
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { class: "cube-selected-text" };
+const _hoisted_5 = { key: 1 };
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { key: 0 };
+const __default__ = defineComponent({
+  name: "DkCubeImageInput"
+});
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    modelValue: {
+      default: () => {
+        return {};
+      },
+      type: Object
+    },
+    imageStyle: {
+      default: () => {
+        return {};
+      },
+      type: Object
+    }
+  },
+  emits: ["input", "update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const designCube = ref(null);
+    const { width } = useElementSize(designCube);
+    const form = reactive({
+      density: 4
+    });
+    const itemStyle = computed(() => {
+      const size = width.value / form.density;
+      return {
+        width: size + "px",
+        height: size + "px"
+      };
+    });
+    const selectionStart = ref(null);
+    const selectionEnd = ref(null);
+    const selectedCubes = ref([]);
+    const emitData = computed(() => {
+      return {
+        density: form.density,
+        selectedCubes: selectedCubes.value
+      };
+    });
+    const onChangeDensity = () => {
+      selectedCubes.value = [];
+      selectionStart.value = null;
+    };
+    watch(
+      () => emitData,
+      () => {
+        emit("update:modelValue", emitData.value);
+      },
+      {
+        deep: true
+      }
+    );
+    watch(
+      () => props.modelValue,
+      () => {
+        form.density = props.modelValue.density;
+        selectedCubes.value = props.modelValue.selectedCubes;
+      }
+    );
+    onMounted(() => {
+      form.density = props.modelValue.density || 4;
+      selectedCubes.value = props.modelValue.selectedCubes || [];
+    });
+    const checkSelecting = (x, y) => {
+      const isSelected = selectedCubes.value.some((cube) => {
+        const startX2 = Math.min(cube.start.x, cube.end.x);
+        const endX2 = Math.max(cube.start.x, cube.end.x);
+        const startY2 = Math.min(cube.start.y, cube.end.y);
+        const endY2 = Math.max(cube.start.y, cube.end.y);
+        return x >= startX2 && x <= endX2 && y >= startY2 && y <= endY2;
+      });
+      if (isSelected)
+        return false;
+      if (!selectionStart.value || !selectionEnd.value)
+        return false;
+      const startX = Math.min(selectionStart.value.x, selectionEnd.value.x);
+      const endX = Math.max(selectionStart.value.x, selectionEnd.value.x);
+      const startY = Math.min(selectionStart.value.y, selectionEnd.value.y);
+      const endY = Math.max(selectionStart.value.y, selectionEnd.value.y);
+      const overlapsWithSelected = selectedCubes.value.some((cube) => {
+        const selStartX = Math.min(cube.start.x, cube.end.x);
+        const selEndX = Math.max(cube.start.x, cube.end.x);
+        const selStartY = Math.min(cube.start.y, cube.end.y);
+        const selEndY = Math.max(cube.start.y, cube.end.y);
+        return !(endX < selStartX || startX > selEndX || endY < selStartY || startY > selEndY);
+      });
+      if (overlapsWithSelected)
+        return false;
+      return x >= startX && x <= endX && y >= startY && y <= endY;
+    };
+    const moduleSize = computed(() => width.value / form.density);
+    const getSelectedAreaStyle = (cube) => {
+      const startX = Math.min(cube.start.x, cube.end.x) - 1;
+      const endX = Math.max(cube.start.x, cube.end.x);
+      const startY = Math.min(cube.start.y, cube.end.y) - 1;
+      const endY = Math.max(cube.start.y, cube.end.y);
+      return {
+        width: `${(endX - startX) * moduleSize.value}px`,
+        height: `${(endY - startY) * moduleSize.value}px`,
+        top: `${startY * moduleSize.value}px`,
+        left: `${startX * moduleSize.value}px`
+      };
+    };
+    const referenceWidth = 750;
+    const getReferenceSize = (cube) => {
+      const startX = Math.min(cube.start.x, cube.end.x);
+      const endX = Math.max(cube.start.x, cube.end.x);
+      const startY = Math.min(cube.start.y, cube.end.y);
+      const endY = Math.max(cube.start.y, cube.end.y);
+      const moduleWidth = referenceWidth / form.density;
+      const width2 = (endX - startX + 1) * moduleWidth;
+      const height = (endY - startY + 1) * moduleWidth;
+      return `${Math.round(width2)} x ${Math.round(height)} \u50CF\u7D20`;
+    };
+    const selectedAreaIndex = ref(-1);
+    const onClickSelectedArea = (k) => {
+      selectedAreaIndex.value = k;
+    };
+    const onDeleteCubes = (k) => {
+      selectedAreaIndex.value = -1;
+      selectedCubes.value.splice(k, 1);
+    };
+    const onSelectCube = (x, y) => {
+      if (selectionStart.value == null) {
+        selectionStart.value = {
+          x,
+          y
+        };
+      } else if (checkSelecting(x, y)) {
+        selectedCubes.value.push({
+          start: selectionStart.value,
+          end: { x, y },
+          path: "",
+          clickType: "path"
+        });
+        selectionStart.value = null;
+        selectedAreaIndex.value = selectedCubes.value.length - 1;
+      }
+    };
+    const onMousemove = (x, y) => {
+      selectionEnd.value = { x, y };
+    };
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_dk_icon = resolveComponent("dk-icon");
+      const _component_dk_image_input = resolveComponent("dk-image-input");
+      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_radio_group = resolveComponent("el-radio-group");
+      const _component_dk_url_input = resolveComponent("dk-url-input");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_el_form, {
+          model: form,
+          "label-width": "auto",
+          style: { "max-width": "400px" },
+          "label-position": "left"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_form_item, { label: "\u9B54\u65B9\u5BC6\u5EA6" }, {
+              default: withCtx(() => [
+                createVNode(_component_el_select, {
+                  modelValue: form.density,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.density = $event),
+                  onChange: _cache[1] || (_cache[1] = ($event) => onChangeDensity())
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_option, {
+                      label: "4x4",
+                      value: 4
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "5x5",
+                      value: 5
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "6x6",
+                      value: 6
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            createVNode(_component_el_form_item, { style: { "margin": "10px 0" } }, {
+              default: withCtx(() => [
+                createElementVNode(
+                  "div",
+                  {
+                    ref_key: "designCube",
+                    ref: designCube,
+                    class: "design-cube"
+                  },
+                  [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(form.density, (col) => {
+                        return openBlock(), createElementBlock("ul", {
+                          key: col,
+                          class: "cube-col"
+                        }, [
+                          (openBlock(true), createElementBlock(
+                            Fragment,
+                            null,
+                            renderList(form.density, (item) => {
+                              return openBlock(), createElementBlock("li", {
+                                key: item,
+                                class: normalizeClass([{
+                                  "item-selected": selectionStart.value?.x === col && selectionStart.value?.y === item,
+                                  "item-selecting": checkSelecting(col, item)
+                                }, "cube-item"]),
+                                "data-x": col,
+                                "data-y": item,
+                                style: normalizeStyle(itemStyle.value),
+                                onClick: ($event) => onSelectCube(col, item),
+                                onMouseenter: ($event) => onMousemove(col, item)
+                              }, " + ", 46, _hoisted_1);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    )),
+                    createCommentVNode(" \u5DF2\u9009\u4E2D\u533A\u57DF\u7684\u8986\u76D6\u5C42 "),
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(selectedCubes.value, (cube, index) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: index,
+                          class: normalizeClass(["selected-area", { "selected-area-choose": selectedAreaIndex.value === index }]),
+                          style: normalizeStyle(getSelectedAreaStyle(cube)),
+                          onClick: ($event) => onClickSelectedArea(index)
+                        }, [
+                          createVNode(_component_dk_icon, {
+                            icon: "Close",
+                            class: "cube-close",
+                            onClick: ($event) => onDeleteCubes(index)
+                          }, null, 8, ["onClick"]),
+                          !cube.image ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                            createElementVNode(
+                              "div",
+                              _hoisted_4,
+                              toDisplayString(getReferenceSize(cube)),
+                              1
+                              /* TEXT */
+                            )
+                          ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
+                            createElementVNode("img", {
+                              src: cube.image,
+                              alt: ""
+                            }, null, 8, _hoisted_6)
+                          ]))
+                        ], 14, _hoisted_2);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ],
+                  512
+                  /* NEED_PATCH */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            selectedCubes.value[selectedAreaIndex.value] ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              createVNode(_component_el_form_item, { label: "\u9009\u62E9\u56FE\u7247" }, {
+                default: withCtx(() => [
+                  createVNode(_component_dk_image_input, {
+                    modelValue: selectedCubes.value[selectedAreaIndex.value].image,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedCubes.value[selectedAreaIndex.value].image = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_el_form_item, {
+                label: "\u70B9\u51FB\u6548\u679C",
+                style: { "padding": "10px 0" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_radio_group, {
+                    modelValue: selectedCubes.value[selectedAreaIndex.value].clickType,
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => selectedCubes.value[selectedAreaIndex.value].clickType = $event)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_radio, { value: "path" }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u8DF3\u8F6C\u9875\u9762")
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      createVNode(_component_el_radio, { value: "event" }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u89E6\u53D1\u4E8B\u4EF6")
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              selectedCubes.value[selectedAreaIndex.value].clickType === "path" ? (openBlock(), createBlock(_component_el_form_item, {
+                key: 0,
+                label: "\u5730\u5740",
+                style: { "padding": "10px 0" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_dk_url_input, {
+                    modelValue: selectedCubes.value[selectedAreaIndex.value].path,
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => selectedCubes.value[selectedAreaIndex.value].path = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+                /* STABLE */
+              })) : createCommentVNode("v-if", true),
+              selectedCubes.value[selectedAreaIndex.value].clickType === "event" ? (openBlock(), createBlock(_component_el_form_item, {
+                key: 1,
+                label: "\u4E8B\u4EF6"
+              }, {
+                default: withCtx(() => [
+                  createVNode(DkEventSelectInput, {
+                    modelValue: selectedCubes.value[selectedAreaIndex.value].event,
+                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => selectedCubes.value[selectedAreaIndex.value].event = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+                /* STABLE */
+              })) : createCommentVNode("v-if", true)
+            ])) : createCommentVNode("v-if", true)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["model"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=DkCubeImageInput.vue2.mjs.map

package/es/page-diy/src/components/forms/DkCubeImageInput.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DkCubeImageInput.vue2.mjs","sources":["../../../../../src/page-diy/src/components/forms/DkCubeImageInput.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkCubeImageInput',\n});\n</script>\n<template>\n  <div>\n    <el-form :model=\"form\" label-width=\"auto\" style=\"max-width: 400px\" label-position=\"left\">\n      <el-form-item label=\"魔方密度\">\n        <el-select v-model=\"form.density\" @change=\"onChangeDensity()\">\n          <el-option label=\"4x4\" :value=\"4\" />\n          <el-option label=\"5x5\" :value=\"5\" />\n          <el-option label=\"6x6\" :value=\"6\" />\n        </el-select>\n      </el-form-item>\n      <el-form-item style=\"margin: 10px 0\">\n        <div ref=\"designCube\" class=\"design-cube\">\n          <ul v-for=\"col in form.density\" :key=\"col\" class=\"cube-col\">\n            <li\n              v-for=\"item in form.density\"\n              :key=\"item\"\n              :class=\"{\n                'item-selected': selectionStart?.x === col && selectionStart?.y === item,\n                'item-selecting': checkSelecting(col, item),\n              }\"\n              class=\"cube-item\"\n              :data-x=\"col\"\n              :data-y=\"item\"\n              :style=\"itemStyle\"\n              @click=\"onSelectCube(col, item)\"\n              @mouseenter=\"onMousemove(col, item)\"\n            >\n              +\n            </li>\n          </ul>\n          <!-- 已选中区域的覆盖层 -->\n          <div\n            v-for=\"(cube, index) in selectedCubes\"\n            :key=\"index\"\n            class=\"selected-area\"\n            :class=\"{ 'selected-area-choose': selectedAreaIndex === index }\"\n            :style=\"getSelectedAreaStyle(cube)\"\n            @click=\"onClickSelectedArea(index)\"\n          >\n            <dk-icon icon=\"Close\" class=\"cube-close\" @click=\"onDeleteCubes(index)\"></dk-icon>\n            <div v-if=\"!cube.image\">\n              <div class=\"cube-selected-text\">{{ getReferenceSize(cube) }}</div>\n            </div>\n            <div v-else>\n              <img :src=\"cube.image\" alt=\"\" />\n            </div>\n          </div>\n        </div>\n      </el-form-item>\n      <div v-if=\"selectedCubes[selectedAreaIndex]\">\n        <el-form-item label=\"选择图片\">\n          <dk-image-input v-model=\"selectedCubes[selectedAreaIndex].image\"></dk-image-input>\n        </el-form-item>\n        <el-form-item label=\"点击效果\" style=\"padding: 10px 0\">\n          <el-radio-group v-model=\"selectedCubes[selectedAreaIndex].clickType\">\n            <el-radio value=\"path\">跳转页面</el-radio>\n            <el-radio value=\"event\">触发事件</el-radio>\n          </el-radio-group>\n        </el-form-item>\n        <el-form-item v-if=\"selectedCubes[selectedAreaIndex].clickType === 'path'\" label=\"地址\" style=\"padding: 10px 0\">\n          <dk-url-input v-model=\"selectedCubes[selectedAreaIndex].path\"> </dk-url-input>\n        </el-form-item>\n        <el-form-item v-if=\"selectedCubes[selectedAreaIndex].clickType === 'event'\" label=\"事件\">\n          <DkEventSelectInput v-model=\"selectedCubes[selectedAreaIndex].event\"> </DkEventSelectInput>\n        </el-form-item>\n      </div>\n    </el-form>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, reactive, watch, ref, onMounted } from 'vue'\nimport { useElementSize } from '@vueuse/core'\nimport DkEventSelectInput from './DkEventSelectInput.vue'\n\n\nconst designCube: any = ref(null)\nconst { width } = useElementSize(designCube) // 当前组件宽度\n\nconst props = defineProps({\n  modelValue: {\n    default: () => {\n      return {}\n    },\n    type: Object,\n  },\n  imageStyle: {\n    default: () => {\n      return {}\n    },\n    type: Object,\n  },\n})\n\nconst form: any = reactive({\n  density: 4,\n})\n\nconst itemStyle = computed(() => {\n  const size = width.value / form.density\n  return {\n    width: size + 'px',\n    height: size + 'px',\n  }\n})\n\n// 定义选择区域的起点和终点\nconst selectionStart = ref<{ x: number; y: number } | null>(null)\nconst selectionEnd = ref<{ x: number; y: number } | null>(null)\nconst selectedCubes: any = ref([])\n\nconst emit = defineEmits(['input', 'update:modelValue'])\nconst emitData = computed(() => {\n  return {\n    density: form.density,\n    selectedCubes: selectedCubes.value,\n  }\n})\n\nconst onChangeDensity = () => {\n  selectedCubes.value = []\n  selectionStart.value = null\n}\n\nwatch(\n  () => emitData,\n  () => {\n    emit('update:modelValue', emitData.value)\n  },\n  {\n    deep: true,\n  }\n)\nwatch(\n  () => props.modelValue,\n  () => {\n    form.density = props.modelValue.density\n    selectedCubes.value = props.modelValue.selectedCubes\n  }\n)\nonMounted(() => {\n  form.density = props.modelValue.density || 4\n  selectedCubes.value = props.modelValue.selectedCubes || []\n})\n// 检查给定坐标是否在选择区域内或已被选中\nconst checkSelecting = (x: number, y: number) => {\n  // 检查是否为已选中的矩形区域内的方块\n  const isSelected = selectedCubes.value.some((cube: any) => {\n    const startX = Math.min(cube.start.x, cube.end.x)\n    const endX = Math.max(cube.start.x, cube.end.x)\n    const startY = Math.min(cube.start.y, cube.end.y)\n    const endY = Math.max(cube.start.y, cube.end.y)\n    return x >= startX && x <= endX && y >= startY && y <= endY\n  })\n\n  if (isSelected) return false // 如果是已选中的区域，则不考虑为当前选择\n\n  // 如果没有正在进行的选择操作，则仅返回是否已选中\n  if (!selectionStart.value || !selectionEnd.value) return false\n\n  // 计算当前拖动选择区域的边界\n  const startX = Math.min(selectionStart.value.x, selectionEnd.value.x)\n  const endX = Math.max(selectionStart.value.x, selectionEnd.value.x)\n  const startY = Math.min(selectionStart.value.y, selectionEnd.value.y)\n  const endY = Math.max(selectionStart.value.y, selectionEnd.value.y)\n\n  // 检查新选择区域是否与任何已选中的区域重叠\n  const overlapsWithSelected = selectedCubes.value.some((cube: any) => {\n    const selStartX = Math.min(cube.start.x, cube.end.x)\n    const selEndX = Math.max(cube.start.x, cube.end.x)\n    const selStartY = Math.min(cube.start.y, cube.end.y)\n    const selEndY = Math.max(cube.start.y, cube.end.y)\n\n    // 检查是否有重叠\n    return !(endX < selStartX || startX > selEndX || endY < selStartY || startY > selEndY)\n  })\n\n  if (overlapsWithSelected) return false // 如果有重叠，则不考虑为当前选择\n\n  // 检查坐标是否位于当前拖动的选择区域内\n  return x >= startX && x <= endX && y >= startY && y <= endY\n}\n\nconst moduleSize = computed(() => width.value / form.density)\n\nconst getSelectedAreaStyle = (cube: { start: { x: number; y: number }; end: { x: number; y: number } }) => {\n  const startX = Math.min(cube.start.x, cube.end.x) - 1\n  const endX = Math.max(cube.start.x, cube.end.x)\n  const startY = Math.min(cube.start.y, cube.end.y) - 1\n  const endY = Math.max(cube.start.y, cube.end.y)\n\n  return {\n    width: `${(endX - startX) * moduleSize.value}px`,\n    height: `${(endY - startY) * moduleSize.value}px`,\n    top: `${startY * moduleSize.value}px`,\n    left: `${startX * moduleSize.value}px`,\n  }\n}\n\nconst referenceWidth = 750 // 固定宽度\n\n// 计算参考尺寸的方法\nconst getReferenceSize = (cube: { start: { x: number; y: number }; end: { x: number; y: number } }) => {\n  const startX = Math.min(cube.start.x, cube.end.x)\n  const endX = Math.max(cube.start.x, cube.end.x)\n  const startY = Math.min(cube.start.y, cube.end.y)\n  const endY = Math.max(cube.start.y, cube.end.y)\n\n  // 模块宽度和高度（假设魔方网格是正方形）\n  const moduleWidth = referenceWidth / form.density\n\n  // 如果选择的是单个模块，则宽度和高度都应该是单个模块的尺寸\n  const width = (endX - startX + 1) * moduleWidth\n  const height = (endY - startY + 1) * moduleWidth\n\n  return `${Math.round(width)} x ${Math.round(height)} 像素`\n}\n\nconst selectedAreaIndex = ref(-1)\nconst onClickSelectedArea = (k: number) => {\n  selectedAreaIndex.value = k\n}\n\nconst onDeleteCubes = (k: number) => {\n  selectedAreaIndex.value = -1\n  selectedCubes.value.splice(k, 1)\n}\n\nconst onSelectCube = (x: number, y: number) => {\n  if (selectionStart.value == null) {\n    selectionStart.value = {\n      x,\n      y,\n    }\n  } else if (checkSelecting(x, y)) {\n    selectedCubes.value.push({\n      start: selectionStart.value,\n      end: { x, y },\n      path: '',\n      clickType: 'path',\n    })\n    selectionStart.value = null\n    selectedAreaIndex.value = selectedCubes.value.length - 1\n  }\n}\n\nconst onMousemove = (x: number, y: number) => {\n  selectionEnd.value = { x, y }\n}\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["__MACROS_defineComponent","startX","endX","startY","endY","width"],"mappings":"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"}

package/es/page-diy/src/components/forms/DkEventCreateInput.vue.d.ts

@@ -7,10 +7,6 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
-    label: {
-        default: string;
-        type: StringConstructor;
-    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: string;
@@ -20,17 +16,12 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
-    label: {
-        default: string;
-        type: StringConstructor;
-    };
 }>> & {
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
-    label: string;
     placeholder: string;
 }, {}>;
 export default _default;

package/es/page-diy/src/components/forms/DkEventCreateInput.vue2.mjs

@@ -13,10 +13,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     placeholder: {
       default: "",
       type: String
-    },
-    label: {
-      default: "",
-      type: String
     }
   },
   emits: ["input", "update:modelValue", "change"],

package/es/page-diy/src/components/forms/DkEventCreateInput.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DkEventCreateInput.vue2.mjs","sources":["../../../../../src/page-diy/src/components/forms/DkEventCreateInput.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkEventCreateInput',\n});\n</script>\n<template>\n  <div>\n    <el-input v-model=\"data\" :placeholder=\"placeholder\" clearable>\n      <template #append>\n        <el-button @click=\"onClick\">随机</el-button>\n      </template>\n    </el-input>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\n\n\nconst props = defineProps({\n  modelValue: {\n    default: '',\n    type: String,\n  },\n  placeholder: {\n    default: '',\n    type: String,\n  },\n  label: {\n    default: '',\n    type: String,\n  },\n})\n\nconst data = ref(props.modelValue || '')\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nwatch(\n  () => props.modelValue,\n  (val) => {\n    data.value = val\n  }\n)\nwatch(\n  () => data.value,\n  (val) => {\n    emit('change', val)\n    emit('update:modelValue', val)\n    emit('input', val)\n  }\n)\n\nconst randomString = (e: any) => {\n  e = e || 32\n  const t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'\n  const a = t.length\n  let n = ''\n  for (let i = 0; i < e; i++) {\n    n += t.charAt(Math.floor(Math.random() * a))\n  }\n  return n\n}\nconst onClick = () => {\n  data.value = randomString(6)\n}\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["__MACROS_defineComponent"],"mappings":";;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;AAgCD,IAAA,MAAM,IAAO,GAAA,GAAA,CAAI,KAAM,CAAA,UAAA,IAAc,EAAE,CAAA,CAAA;AAGvC,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,IAAA,CAAK,KAAQ,GAAA,GAAA,CAAA;AAAA,OACf;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,IAAK,CAAA,KAAA;AAAA,MACX,CAAC,GAAQ,KAAA;AACP,QAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAClB,QAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,QAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,OACnB;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,CAAW,KAAA;AAC/B,MAAA,CAAA,GAAI,CAAK,IAAA,EAAA,CAAA;AACT,MAAA,MAAM,CAAI,GAAA,kDAAA,CAAA;AACV,MAAA,MAAM,IAAI,CAAE,CAAA,MAAA,CAAA;AACZ,MAAA,IAAI,CAAI,GAAA,EAAA,CAAA;AACR,MAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,CAAA,EAAG,CAAK,EAAA,EAAA;AAC1B,QAAK,CAAA,IAAA,CAAA,CAAE,OAAO,IAAK,CAAA,KAAA,CAAM,KAAK,MAAO,EAAA,GAAI,CAAC,CAAC,CAAA,CAAA;AAAA,OAC7C;AACA,MAAO,OAAA,CAAA,CAAA;AAAA,KACT,CAAA;AACA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAK,IAAA,CAAA,KAAA,GAAQ,aAAa,CAAC,CAAA,CAAA;AAAA,KAC7B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DkEventCreateInput.vue2.mjs","sources":["../../../../../src/page-diy/src/components/forms/DkEventCreateInput.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkEventCreateInput',\n});\n</script>\n<template>\n  <div>\n    <el-input v-model=\"data\" :placeholder=\"placeholder\" clearable>\n      <template #append>\n        <el-button @click=\"onClick\">随机</el-button>\n      </template>\n    </el-input>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\n\n\nconst props = defineProps({\n  modelValue: {\n    default: '',\n    type: String,\n  },\n  placeholder: {\n    default: '',\n    type: String,\n  },\n})\n\nconst data = ref(props.modelValue || '')\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nwatch(\n  () => props.modelValue,\n  (val) => {\n    data.value = val\n  }\n)\nwatch(\n  () => data.value,\n  (val) => {\n    emit('change', val)\n    emit('update:modelValue', val)\n    emit('input', val)\n  }\n)\n\nconst randomString = (e: any) => {\n  e = e || 32\n  const t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'\n  const a = t.length\n  let n = ''\n  for (let i = 0; i < e; i++) {\n    n += t.charAt(Math.floor(Math.random() * a))\n  }\n  return n\n}\nconst onClick = () => {\n  data.value = randomString(6)\n}\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["__MACROS_defineComponent"],"mappings":";;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;AA4BD,IAAA,MAAM,IAAO,GAAA,GAAA,CAAI,KAAM,CAAA,UAAA,IAAc,EAAE,CAAA,CAAA;AAGvC,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,IAAA,CAAK,KAAQ,GAAA,GAAA,CAAA;AAAA,OACf;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,IAAK,CAAA,KAAA;AAAA,MACX,CAAC,GAAQ,KAAA;AACP,QAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAClB,QAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,QAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,OACnB;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,CAAW,KAAA;AAC/B,MAAA,CAAA,GAAI,CAAK,IAAA,EAAA,CAAA;AACT,MAAA,MAAM,CAAI,GAAA,kDAAA,CAAA;AACV,MAAA,MAAM,IAAI,CAAE,CAAA,MAAA,CAAA;AACZ,MAAA,IAAI,CAAI,GAAA,EAAA,CAAA;AACR,MAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,CAAA,EAAG,CAAK,EAAA,EAAA;AAC1B,QAAK,CAAA,IAAA,CAAA,CAAE,OAAO,IAAK,CAAA,KAAA,CAAM,KAAK,MAAO,EAAA,GAAI,CAAC,CAAC,CAAA,CAAA;AAAA,OAC7C;AACA,MAAO,OAAA,CAAA,CAAA;AAAA,KACT,CAAA;AACA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAK,IAAA,CAAA,KAAA,GAAQ,aAAa,CAAC,CAAA,CAAA;AAAA,KAC7B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/page-diy/src/components/forms/DkEventSelectInput.vue.mjs

@@ -69,21 +69,18 @@ const _sfc_main = {
           const propsData = children.props;
           // 当前节点的配置数据
           const config = children.config.config;
-          const isEvent = config.event || false;
-          if (isEvent) {
-            // 表单配置数据
-            const eventProps = config.props();
-            this.findDkEventCreateInput(eventProps, propsData).forEach((item) => {
-              const data = {
-                id: children._id,
-                label: item.props?.label || config.label,
-                value: propsData[item.field],
-              };
-              if (data.value && data.id && data.label) {
-                this.EventData.addEvent(data);
-              }
-            });
-          }
+          // 表单配置数据
+          const eventProps = config.props();
+          this.findDkEventCreateInput(eventProps, propsData).forEach((item) => {
+            const data = {
+              id: children._id,
+              label: item.props?.label || config.label,
+              value: propsData[item.field],
+            };
+            if (data.value && data.id && data.label) {
+              this.EventData.addEvent(data);
+            }
+          });
         }
       }
       this.eventData = this.EventData.getAllEvents();

package/es/page-diy/src/components/forms/DkEventSelectInput.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DkEventSelectInput.vue.mjs","sources":["../../../../../src/page-diy/src/components/forms/DkEventSelectInput.vue"],"sourcesContent":["<template>\n  <div style=\"display: flex\">\n    <el-select v-model=\"data\" placeholder=\"请选择要触发事件\" style=\"width: 100%\" allow-create filterable>\n      <el-option\n        v-for=\"item in eventData\"\n        :key=\"item.value\"\n        :label=\"item.label + '（' + item.value + '）'\"\n        :value=\"item.value\"\n      >\n        <span style=\"float: left\">{{ item.label }}</span>\n        <span style=\"float: right; font-size: 13px; color: #8492a6\">{{ item.value }}</span>\n      </el-option>\n    </el-select>\n    <el-button :loading=\"loading\" @click=\"updateEvent\">刷新</el-button>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'DkEventSelectInput',\n  inject: ['diy'],\n  props: {\n    modelValue: {\n      default: '',\n      type: String,\n    },\n    placeholder: {\n      default: '',\n      type: String,\n    },\n  },\n  emits: ['update:modelValue'],\n  data() {\n    return {\n      data: '',\n      loading: false,\n      eventData: [],\n    }\n  },\n  computed: {\n    EventData() {\n      return this.diy.proxy.eventData\n    },\n    children() {\n      return this.diy.proxy.children\n    },\n  },\n  watch: {\n    data() {\n      this.$emit('update:modelValue', this.data)\n    },\n  },\n  mounted() {\n    this.data = this.modelValue || ''\n    this.updateEvent()\n  },\n  methods: {\n    updateEvent() {\n      this.loading = true\n      this.EventData.removeAllEvent()\n      this.onUpdateEvent()\n      this.loading = false\n    },\n    onClick() {\n      this.data = this.randomString(10)\n    },\n    randomString(e) {\n      e = e || 32\n      const t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'\n      const a = t.length\n      let n = ''\n      for (let i = 0; i < e; i++) {\n        n += t.charAt(Math.floor(Math.random() * a))\n      }\n      return n\n    },\n    // 更新事件\n    onUpdateEvent() {\n      for (let i = 0; i < this.children.length; i++) {\n        if (this.children[i].children.length > 0) {\n          // 当前节点\n          const children = this.children[i].children[0]\n          // 当前节点的props数据\n          const propsData = children.props\n          // 当前节点的配置数据\n          const config = children.config.config\n          const isEvent = config.event || false\n          if (isEvent) {\n            // 表单配置数据\n            const eventProps = config.props()\n            this.findDkEventCreateInput(eventProps, propsData).forEach((item) => {\n              const data = {\n                id: children._id,\n                label: item.props?.label || config.label,\n                value: propsData[item.field],\n              }\n              if (data.value && data.id && data.label) {\n                this.EventData.addEvent(data)\n              }\n            })\n          }\n        }\n      }\n      this.eventData = this.EventData.getAllEvents()\n    },\n    // 寻找事件\n    findDkEventCreateInput(data, propsData) {\n      const result = []\n      data.forEach((element) => {\n        if (element.children) {\n          result.push(...this.findDkEventCreateInput(element.children))\n        }\n        if (element.control && Array.isArray(element.control)) {\n          element.control.forEach((control) => {\n            if (control.rule.length > 0) {\n              result.push(...this.findDkEventCreateInput(control.rule))\n            }\n          })\n        }\n        if (element.type === 'DkEventCreateInput') {\n          result.push(element)\n        }\n      })\n      return result\n    },\n  },\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_Fragment","_renderList","_createBlock","_createElementVNode","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"DkEventSelectInput.vue.mjs","sources":["../../../../../src/page-diy/src/components/forms/DkEventSelectInput.vue"],"sourcesContent":["<template>\n  <div style=\"display: flex\">\n    <el-select v-model=\"data\" placeholder=\"请选择要触发事件\" style=\"width: 100%\" allow-create filterable>\n      <el-option\n        v-for=\"item in eventData\"\n        :key=\"item.value\"\n        :label=\"item.label + '（' + item.value + '）'\"\n        :value=\"item.value\"\n      >\n        <span style=\"float: left\">{{ item.label }}</span>\n        <span style=\"float: right; font-size: 13px; color: #8492a6\">{{ item.value }}</span>\n      </el-option>\n    </el-select>\n    <el-button :loading=\"loading\" @click=\"updateEvent\">刷新</el-button>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'DkEventSelectInput',\n  inject: ['diy'],\n  props: {\n    modelValue: {\n      default: '',\n      type: String,\n    },\n    placeholder: {\n      default: '',\n      type: String,\n    },\n  },\n  emits: ['update:modelValue'],\n  data() {\n    return {\n      data: '',\n      loading: false,\n      eventData: [],\n    }\n  },\n  computed: {\n    EventData() {\n      return this.diy.proxy.eventData\n    },\n    children() {\n      return this.diy.proxy.children\n    },\n  },\n  watch: {\n    data() {\n      this.$emit('update:modelValue', this.data)\n    },\n  },\n  mounted() {\n    this.data = this.modelValue || ''\n    this.updateEvent()\n  },\n  methods: {\n    updateEvent() {\n      this.loading = true\n      this.EventData.removeAllEvent()\n      this.onUpdateEvent()\n      this.loading = false\n    },\n    onClick() {\n      this.data = this.randomString(10)\n    },\n    randomString(e) {\n      e = e || 32\n      const t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'\n      const a = t.length\n      let n = ''\n      for (let i = 0; i < e; i++) {\n        n += t.charAt(Math.floor(Math.random() * a))\n      }\n      return n\n    },\n    // 更新事件\n    onUpdateEvent() {\n      for (let i = 0; i < this.children.length; i++) {\n        if (this.children[i].children.length > 0) {\n          // 当前节点\n          const children = this.children[i].children[0]\n          // 当前节点的props数据\n          const propsData = children.props\n          // 当前节点的配置数据\n          const config = children.config.config\n          // 表单配置数据\n          const eventProps = config.props()\n          this.findDkEventCreateInput(eventProps, propsData).forEach((item) => {\n            const data = {\n              id: children._id,\n              label: item.props?.label || config.label,\n              value: propsData[item.field],\n            }\n            if (data.value && data.id && data.label) {\n              this.EventData.addEvent(data)\n            }\n          })\n        }\n      }\n      this.eventData = this.EventData.getAllEvents()\n    },\n    // 寻找事件\n    findDkEventCreateInput(data, propsData) {\n      const result = []\n      data.forEach((element) => {\n        if (element.children) {\n          result.push(...this.findDkEventCreateInput(element.children))\n        }\n        if (element.control && Array.isArray(element.control)) {\n          element.control.forEach((control) => {\n            if (control.rule.length > 0) {\n              result.push(...this.findDkEventCreateInput(control.rule))\n            }\n          })\n        }\n        if (element.type === 'DkEventCreateInput') {\n          result.push(element)\n        }\n      })\n      return result\n    },\n  },\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_Fragment","_renderList","_createBlock","_createElementVNode","_toDisplayString"],"mappings":"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"}

package/es/page-diy/src/config/rule/min/common/DkMinBlank.d.ts

@@ -20,5 +20,5 @@ declare namespace _default {
     }[];
 }
 export default _default;
-declare const label: "空白";
+declare const label: "间隔";
 declare const name: "DkMinBlank";

package/es/page-diy/src/config/rule/min/common/DkMinBlank.mjs

@@ -1,7 +1,7 @@
-const label = "\u7A7A\u767D";
+const label = "\u95F4\u9694";
 const name = "DkMinBlank";
 var DkMinBlank = {
-  icon: "FullScreen",
+  icon: "tdesign:component-space",
   label,
   name,
   rule() {