@vipl520/dk-ui 1.0.70 → 1.0.72

package/lib/page-diy/src/views/min/DkMinCubeImage.vue.d.ts

@@ -0,0 +1,60 @@
+declare const _default: import("vue").DefineComponent<{
+    showText: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    imageStyle: {
+        default: () => void;
+        type: ObjectConstructor;
+    };
+    cubeData: {
+        default: () => void;
+        type: ObjectConstructor;
+    };
+    fit: {
+        default: string;
+        type: StringConstructor;
+    };
+}, {
+    cubeContainer: import("vue").Ref<null>;
+    containerWidth: import("vue").Ref<number>;
+}, {}, {
+    moduleSize(): number;
+    cubeHeight(): number;
+    _imageStyle(): Record<string, any> & {
+        width: string;
+        height: string;
+    };
+}, {
+    updateContainerWidth(): void;
+    getSelectedAreaStyle(cube: any): {
+        width: string;
+        height: string;
+        top: string;
+        left: string;
+    };
+    getReferenceSize(cube: any): string;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showText: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    imageStyle: {
+        default: () => void;
+        type: ObjectConstructor;
+    };
+    cubeData: {
+        default: () => void;
+        type: ObjectConstructor;
+    };
+    fit: {
+        default: string;
+        type: StringConstructor;
+    };
+}>>, {
+    fit: string;
+    showText: boolean;
+    imageStyle: Record<string, any>;
+    cubeData: Record<string, any>;
+}, {}>;
+export default _default;

package/lib/page-diy/src/views/min/DkMinCubeImage.vue.js

@@ -0,0 +1,188 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var core = require('@vueuse/core');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+const _sfc_main = {
+  name: 'DkMinCubeImage',
+  props: {
+    showText: { default: false, type: Boolean },
+    imageStyle: { default: () => {}, type: Object },
+    cubeData: { default: () => {}, type: Object },
+    fit: { default: 'cover', type: String },
+  },
+  setup(props) {
+    const cubeContainer = vue.ref(null);
+    const containerWidth = vue.ref(0);
+
+    // 使用useResizeObserver来监听cubeContainer尺寸变化
+    core.useResizeObserver(cubeContainer, (entries) => {
+      for (const entry of entries) {
+        containerWidth.value = entry.contentRect.width;
+      }
+    });
+
+    // 更新模块尺寸和其他依赖于containerWidth的计算属性
+    const updateModuleSize = () => {
+      if (cubeContainer.value) {
+        containerWidth.value = cubeContainer.value.offsetWidth;
+      }
+    };
+
+    vue.onMounted(() => {
+      vue.nextTick(() => {
+        updateModuleSize();
+      });
+    });
+
+    vue.onUpdated(() => {
+      vue.nextTick(() => {
+        updateModuleSize();
+      });
+    });
+
+    // 其他逻辑保持不变...
+
+    return {
+      cubeContainer,
+      containerWidth,
+      // 返回其他需要在模板中使用的变量和方法
+    }
+  },
+  data() {
+    return {
+      // containerWidth: 0,
+    }
+  },
+  computed: {
+    moduleSize() {
+      // 假设魔方网格是正方形的，所以宽高相同
+      return this.containerWidth / this.cubeData.density || 0
+    },
+    cubeHeight() {
+      if (!this.cubeData.selectedCubes || this.cubeData.selectedCubes.length === 0) {
+        return this.moduleSize // 如果没有选中的模块，则使用单个模块的高度
+      }
+
+      let maxY = 0;
+
+      this.cubeData.selectedCubes.forEach((cube) => {
+        const startY = Math.min(cube.start.y, cube.end.y);
+        const endY = Math.max(cube.start.y, cube.end.y);
+        // 使用最大的 endY + 1 确保包含整个模块
+        maxY = Math.max(maxY, endY);
+      });
+
+      return maxY * this.moduleSize
+    },
+    _imageStyle() {
+      // 默认返回的样式对象
+      const style = {};
+      // 检查是否存在左右外边距并且没有设置宽度
+      if (typeof this.imageStyle.marginLeft !== 'undefined' && this.imageStyle.width === undefined) {
+        style.width = `calc(100% - ${this.imageStyle.marginLeft})`;
+      }
+      if (typeof this.imageStyle.marginRight !== 'undefined' && this.imageStyle.width === undefined) {
+        // 如果同时存在左右外边距，则都需要考虑
+        const totalMargin = parseFloat(this.imageStyle.marginLeft || 0) + parseFloat(this.imageStyle.marginRight || 0);
+        style.width = `calc(100% - ${totalMargin}px)`;
+      }
+
+      // 检查是否存在上下外边距并且没有设置高度
+      if (typeof this.imageStyle.marginTop !== 'undefined' && this.imageStyle.height === undefined) {
+        style.height = `calc(100% - ${this.imageStyle.marginTop})`;
+      }
+      if (typeof this.imageStyle.marginBottom !== 'undefined' && this.imageStyle.height === undefined) {
+        // 如果同时存在上下外边距，则都需要考虑
+        const totalMargin = parseFloat(this.imageStyle.marginTop || 0) + parseFloat(this.imageStyle.marginBottom || 0);
+        style.height = `calc(100% - ${totalMargin}px)`;
+      }
+
+      // 返回最终的样式对象
+      return Object.assign({}, this.imageStyle, style)
+    },
+  },
+  mounted() {
+    this.updateContainerWidth();
+    window.addEventListener('resize', this.updateContainerWidth);
+  },
+  beforeUnmount() {
+    window.removeEventListener('resize', this.updateContainerWidth);
+  },
+  methods: {
+    updateContainerWidth() {
+      if (this.$refs.cubeContainer) {
+        this.containerWidth = this.$refs.cubeContainer.offsetWidth;
+      }
+    },
+    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) * this.moduleSize}px`,
+        height: `${(endY - startY) * this.moduleSize}px`,
+        top: `${startY * this.moduleSize}px`,
+        left: `${startX * this.moduleSize}px`,
+      }
+    },
+    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 width = (endX - startX + 1) * this.moduleSize;
+      const height = (endY - startY + 1) * this.moduleSize;
+
+      return `${Math.round(width)} x ${Math.round(height)} 像素`
+    },
+  },
+};
+
+const _hoisted_1 = ["src"];
+const _hoisted_2 = {
+  key: 1,
+  class: "cube-selected-text"
+};
+const _hoisted_3 = {
+  key: 1,
+  style: {"display":"flex","align-items":"center","justify-content":"center","height":"100%","color":"#999"}
+};
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    ref: "cubeContainer",
+    class: "dk-min-cube-image",
+    style: vue.normalizeStyle({ height: `${$options.cubeHeight}px` })
+  }, [
+    ($props.cubeData.selectedCubes.length > 0)
+      ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList($props.cubeData.selectedCubes, (cube, index) => {
+          return (vue.openBlock(), vue.createElementBlock("div", {
+            key: index,
+            class: "selected-area",
+            style: vue.normalizeStyle($options.getSelectedAreaStyle(cube))
+          }, [
+            (cube.image)
+              ? (vue.openBlock(), vue.createElementBlock("img", {
+                  key: 0,
+                  src: cube.image,
+                  alt: "Selected Cube Image",
+                  class: "selected-image",
+                  style: vue.normalizeStyle($options._imageStyle)
+                }, null, 12 /* STYLE, PROPS */, _hoisted_1))
+              : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString($options.getReferenceSize(cube)), 1 /* TEXT */))
+          ], 4 /* STYLE */))
+        }), 128 /* KEYED_FRAGMENT */))
+      : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, " 请点击后在右侧配置魔方图片 "))
+  ], 4 /* STYLE */))
+}
+var DkMinCubeImage = /*#__PURE__*/_pluginVue_exportHelper.default(_sfc_main, [['render',_sfc_render],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinCubeImage.vue"]]);
+
+exports.default = DkMinCubeImage;
+//# sourceMappingURL=DkMinCubeImage.vue.js.map

package/lib/page-diy/src/views/min/DkMinCubeImage.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DkMinCubeImage.vue.js","sources":["../../../../../src/page-diy/src/views/min/DkMinCubeImage.vue"],"sourcesContent":["<template>\n  <div ref=\"cubeContainer\" class=\"dk-min-cube-image\" :style=\"{ height: `${cubeHeight}px` }\">\n    <template v-if=\"cubeData.selectedCubes.length > 0\">\n      <div\n        v-for=\"(cube, index) in cubeData.selectedCubes\"\n        :key=\"index\"\n        class=\"selected-area\"\n        :style=\"getSelectedAreaStyle(cube)\"\n      >\n        <img\n          v-if=\"cube.image\"\n          :src=\"cube.image\"\n          alt=\"Selected Cube Image\"\n          class=\"selected-image\"\n          :style=\"_imageStyle\"\n        />\n        <div v-else class=\"cube-selected-text\">{{ getReferenceSize(cube) }}</div>\n      </div>\n    </template>\n    <div v-else style=\"display: flex; align-items: center; justify-content: center; height: 100%; color: #999\">\n      请点击后在右侧配置魔方图片\n    </div>\n  </div>\n</template>\n\n<script>\nimport { ref, onMounted, onBeforeUnmount, onUpdated, nextTick } from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nexport default {\n  name: 'DkMinCubeImage',\n  props: {\n    showText: { default: false, type: Boolean },\n    imageStyle: { default: () => {}, type: Object },\n    cubeData: { default: () => {}, type: Object },\n    fit: { default: 'cover', type: String },\n  },\n  setup(props) {\n    const cubeContainer = ref(null)\n    const containerWidth = ref(0)\n\n    // 使用useResizeObserver来监听cubeContainer尺寸变化\n    useResizeObserver(cubeContainer, (entries) => {\n      for (const entry of entries) {\n        containerWidth.value = entry.contentRect.width\n      }\n    })\n\n    // 更新模块尺寸和其他依赖于containerWidth的计算属性\n    const updateModuleSize = () => {\n      if (cubeContainer.value) {\n        containerWidth.value = cubeContainer.value.offsetWidth\n      }\n    }\n\n    onMounted(() => {\n      nextTick(() => {\n        updateModuleSize()\n      })\n    })\n\n    onUpdated(() => {\n      nextTick(() => {\n        updateModuleSize()\n      })\n    })\n\n    // 其他逻辑保持不变...\n\n    return {\n      cubeContainer,\n      containerWidth,\n      // 返回其他需要在模板中使用的变量和方法\n    }\n  },\n  data() {\n    return {\n      // containerWidth: 0,\n    }\n  },\n  computed: {\n    moduleSize() {\n      // 假设魔方网格是正方形的，所以宽高相同\n      return this.containerWidth / this.cubeData.density || 0\n    },\n    cubeHeight() {\n      if (!this.cubeData.selectedCubes || this.cubeData.selectedCubes.length === 0) {\n        return this.moduleSize // 如果没有选中的模块，则使用单个模块的高度\n      }\n\n      let maxY = 0\n\n      this.cubeData.selectedCubes.forEach((cube) => {\n        const startY = Math.min(cube.start.y, cube.end.y)\n        const endY = Math.max(cube.start.y, cube.end.y)\n        // 使用最大的 endY + 1 确保包含整个模块\n        maxY = Math.max(maxY, endY)\n      })\n\n      return maxY * this.moduleSize\n    },\n    _imageStyle() {\n      // 默认返回的样式对象\n      const style = {}\n      // 检查是否存在左右外边距并且没有设置宽度\n      if (typeof this.imageStyle.marginLeft !== 'undefined' && this.imageStyle.width === undefined) {\n        style.width = `calc(100% - ${this.imageStyle.marginLeft})`\n      }\n      if (typeof this.imageStyle.marginRight !== 'undefined' && this.imageStyle.width === undefined) {\n        // 如果同时存在左右外边距，则都需要考虑\n        const totalMargin = parseFloat(this.imageStyle.marginLeft || 0) + parseFloat(this.imageStyle.marginRight || 0)\n        style.width = `calc(100% - ${totalMargin}px)`\n      }\n\n      // 检查是否存在上下外边距并且没有设置高度\n      if (typeof this.imageStyle.marginTop !== 'undefined' && this.imageStyle.height === undefined) {\n        style.height = `calc(100% - ${this.imageStyle.marginTop})`\n      }\n      if (typeof this.imageStyle.marginBottom !== 'undefined' && this.imageStyle.height === undefined) {\n        // 如果同时存在上下外边距，则都需要考虑\n        const totalMargin = parseFloat(this.imageStyle.marginTop || 0) + parseFloat(this.imageStyle.marginBottom || 0)\n        style.height = `calc(100% - ${totalMargin}px)`\n      }\n\n      // 返回最终的样式对象\n      return Object.assign({}, this.imageStyle, style)\n    },\n  },\n  mounted() {\n    this.updateContainerWidth()\n    window.addEventListener('resize', this.updateContainerWidth)\n  },\n  beforeUnmount() {\n    window.removeEventListener('resize', this.updateContainerWidth)\n  },\n  methods: {\n    updateContainerWidth() {\n      if (this.$refs.cubeContainer) {\n        this.containerWidth = this.$refs.cubeContainer.offsetWidth\n      }\n    },\n    getSelectedAreaStyle(cube) {\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) * this.moduleSize}px`,\n        height: `${(endY - startY) * this.moduleSize}px`,\n        top: `${startY * this.moduleSize}px`,\n        left: `${startX * this.moduleSize}px`,\n      }\n    },\n    getReferenceSize(cube) {\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      const width = (endX - startX + 1) * this.moduleSize\n      const height = (endY - startY + 1) * this.moduleSize\n\n      return `${Math.round(width)} x ${Math.round(height)} 像素`\n    },\n  },\n}\n</script>\n"],"names":["ref","useResizeObserver","onMounted","nextTick","onUpdated","_createElementBlock","_openBlock","_Fragment","_normalizeStyle","_toDisplayString"],"mappings":"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"}

package/lib/page-diy/src/views/min/DkMinImage.vue.d.ts

@@ -0,0 +1,135 @@
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        default: string;
+        type: StringConstructor;
+    };
+    type: {
+        default: string;
+        type: StringConstructor;
+    };
+    textType: {
+        default: string;
+        type: StringConstructor;
+    };
+    heightAuto: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    showText: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    height: {
+        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    width: {
+        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    borderRadius: {
+        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    marginBottom: {
+        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    marginRight: {
+        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    imageTextStyle: {
+        default: () => void;
+        type: ObjectConstructor;
+    };
+    imageStyle: {
+        default: () => void;
+        type: ObjectConstructor;
+    };
+    imageList: {
+        default: () => never[];
+        type: ArrayConstructor[];
+    };
+    fit: {
+        default: string;
+        type: StringConstructor;
+    };
+}, any, {}, {
+    textStyle(): {
+        width: string;
+    };
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        default: string;
+        type: StringConstructor;
+    };
+    type: {
+        default: string;
+        type: StringConstructor;
+    };
+    textType: {
+        default: string;
+        type: StringConstructor;
+    };
+    heightAuto: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    showText: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    height: {
+        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    width: {
+        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    borderRadius: {
+        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    marginBottom: {
+        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    marginRight: {
+        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    imageTextStyle: {
+        default: () => void;
+        type: ObjectConstructor;
+    };
+    imageStyle: {
+        default: () => void;
+        type: ObjectConstructor;
+    };
+    imageList: {
+        default: () => never[];
+        type: ArrayConstructor[];
+    };
+    fit: {
+        default: string;
+        type: StringConstructor;
+    };
+}>>, {
+    type: string;
+    value: string;
+    width: string | number;
+    height: string | number;
+    fit: string;
+    borderRadius: string | number;
+    marginBottom: string | number;
+    marginRight: string | number;
+    heightAuto: boolean;
+    showText: boolean;
+    textType: string;
+    imageList: unknown[];
+    imageStyle: Record<string, any>;
+    imageTextStyle: Record<string, any>;
+}, {}>;
+export default _default;

package/lib/page-diy/src/views/min/DkMinImage.vue.js

@@ -0,0 +1,88 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+const _sfc_main = {
+  name: 'DkMinImage',
+  props: {
+    value: { default: '', type: String },
+    type: { default: 'row', type: String },
+    textType: { default: 'default', type: String },
+    heightAuto: { default: false, type: Boolean },
+    showText: { default: false, type: Boolean },
+    height: { default: '', type: [Number, String] },
+    width: { default: '', type: [Number, String] },
+    borderRadius: { default: '', type: [Number, String] },
+    marginBottom: { default: '', type: [Number, String] },
+    marginRight: { default: '', type: [Number, String] },
+    imageTextStyle: { default: () => {}, type: Object },
+    imageStyle: { default: () => {}, type: Object },
+    imageList: { default: () => [], type: [Array] },
+    fit: { default: 'cover', type: String },
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    textStyle() {
+      let paddingLeft = 0;
+      let paddingRight = 0;
+      if (this.textType === 'default') {
+        paddingLeft = this.imageTextStyle?.paddingLeft || 0;
+        paddingRight = this.imageTextStyle?.paddingRight || 0;
+      }
+      return {
+        width: 'calc(100% - ' + paddingLeft + ' - ' + paddingRight + ')',
+      }
+    },
+  },
+  mounted() {},
+  methods: {},
+};
+
+const _hoisted_1 = ["src"];
+const _hoisted_2 = {
+  key: 0,
+  style: {"width":"100%"}
+};
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_empty = vue.resolveComponent("el-empty");
+
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["dk-min-image", 'dk-mobile-image-' + $props.type])
+  }, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.imageList, (item, key) => {
+      return (vue.openBlock(), vue.createElementBlock("div", {
+        key: key,
+        class: "dk-mobile-image-content",
+        style: vue.normalizeStyle($props.imageTextStyle)
+      }, [
+        vue.createElementVNode("img", {
+          src: item.img,
+          style: vue.normalizeStyle($props.imageStyle),
+          alt: ""
+        }, null, 12 /* STYLE, PROPS */, _hoisted_1),
+        ($props.showText && item.title)
+          ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass('text-type-' + $props.textType),
+              style: vue.normalizeStyle($options.textStyle)
+            }, vue.toDisplayString(item.title), 7 /* TEXT, CLASS, STYLE */))
+          : vue.createCommentVNode("v-if", true)
+      ], 4 /* STYLE */))
+    }), 128 /* KEYED_FRAGMENT */)),
+    ($props.imageList.length <= 0)
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createVNode(_component_el_empty, { description: "请添加图片数据" })
+        ]))
+      : vue.createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
+}
+var DkMinImage = /*#__PURE__*/_pluginVue_exportHelper.default(_sfc_main, [['render',_sfc_render],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinImage.vue"]]);
+
+exports.default = DkMinImage;
+//# sourceMappingURL=DkMinImage.vue.js.map

package/lib/page-diy/src/views/min/DkMinImage.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DkMinImage.vue.js","sources":["../../../../../src/page-diy/src/views/min/DkMinImage.vue"],"sourcesContent":["<template>\n  <div class=\"dk-min-image\" :class=\"'dk-mobile-image-' + type\">\n    <div v-for=\"(item, key) in imageList\" :key=\"key\" class=\"dk-mobile-image-content\" :style=\"imageTextStyle\">\n      <img :src=\"item.img\" :style=\"imageStyle\" alt=\"\" />\n      <div v-if=\"showText && item.title\" :class=\"'text-type-' + textType\" :style=\"textStyle\">\n        {{ item.title }}\n      </div>\n    </div>\n    <div v-if=\"imageList.length <= 0\" style=\"width: 100%\">\n      <el-empty description=\"请添加图片数据\" />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'DkMinImage',\n  props: {\n    value: { default: '', type: String },\n    type: { default: 'row', type: String },\n    textType: { default: 'default', type: String },\n    heightAuto: { default: false, type: Boolean },\n    showText: { default: false, type: Boolean },\n    height: { default: '', type: [Number, String] },\n    width: { default: '', type: [Number, String] },\n    borderRadius: { default: '', type: [Number, String] },\n    marginBottom: { default: '', type: [Number, String] },\n    marginRight: { default: '', type: [Number, String] },\n    imageTextStyle: { default: () => {}, type: Object },\n    imageStyle: { default: () => {}, type: Object },\n    imageList: { default: () => [], type: [Array] },\n    fit: { default: 'cover', type: String },\n  },\n  data() {\n    return {}\n  },\n  computed: {\n    textStyle() {\n      let paddingLeft = 0\n      let paddingRight = 0\n      if (this.textType === 'default') {\n        paddingLeft = this.imageTextStyle?.paddingLeft || 0\n        paddingRight = this.imageTextStyle?.paddingRight || 0\n      }\n      return {\n        width: 'calc(100% - ' + paddingLeft + ' - ' + paddingRight + ')',\n      }\n    },\n  },\n  mounted() {},\n  methods: {},\n}\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_openBlock","_Fragment","_renderList","_createElementVNode","_toDisplayString","_createVNode"],"mappings":"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"}

package/lib/page-diy/src/views/min/DkMinModal.vue.d.ts

@@ -0,0 +1,41 @@
+declare const _default: import("vue").DefineComponent<{
+    listen: {
+        default: string;
+        type: StringConstructor;
+    };
+    title: {
+        default: string;
+        type: StringConstructor;
+    };
+    content: {
+        default: string;
+        type: StringConstructor;
+    };
+    showCancel: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    listen: {
+        default: string;
+        type: StringConstructor;
+    };
+    title: {
+        default: string;
+        type: StringConstructor;
+    };
+    content: {
+        default: string;
+        type: StringConstructor;
+    };
+    showCancel: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>>, {
+    title: string;
+    content: string;
+    listen: string;
+    showCancel: boolean;
+}, {}>;
+export default _default;

package/lib/page-diy/src/views/min/DkMinModal.vue.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+const _sfc_main = {
+  name: 'DkMinModal',
+  props: {
+    listen: { default: '', type: String },
+    title: { default: '提示', type: String },
+    content: { default: '这是弹窗内容', type: String },
+    showCancel: { default: false, type: Boolean },
+  },
+  data() {
+    return {}
+  },
+  computed: {},
+  mounted() {},
+  methods: {},
+};
+
+const _hoisted_1 = { style: {"width":"100%","text-align":"center"} };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    (!$props.listen)
+      ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, "点击配置弹窗内容"))
+      : (vue.openBlock(), vue.createElementBlock("p", _hoisted_3, "弹窗事件：" + vue.toDisplayString($props.listen), 1 /* TEXT */))
+  ]))
+}
+var DkMinModal = /*#__PURE__*/_pluginVue_exportHelper.default(_sfc_main, [['render',_sfc_render],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinModal.vue"]]);
+
+exports.default = DkMinModal;
+//# sourceMappingURL=DkMinModal.vue.js.map

package/lib/page-diy/src/views/min/DkMinModal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DkMinModal.vue.js","sources":["../../../../../src/page-diy/src/views/min/DkMinModal.vue"],"sourcesContent":["<template>\n  <div style=\"width: 100%; text-align: center\">\n    <p v-if=\"!listen\">点击配置弹窗内容</p>\n    <p v-else>弹窗事件：{{ listen }}</p>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'DkMinModal',\n  props: {\n    listen: { default: '', type: String },\n    title: { default: '提示', type: String },\n    content: { default: '这是弹窗内容', type: String },\n    showCancel: { default: false, type: Boolean },\n  },\n  data() {\n    return {}\n  },\n  computed: {},\n  mounted() {},\n  methods: {},\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;AAQA,MAAK,SAAU,GAAA;AACb,EAAA,IAAI,EAAE,YAAY;AAClB,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ;AACrC,IAAA,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ;AACtC,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ;AAC5C,IAAA,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS;GAC9C;AACD,EAAA,IAAI,GAAG;AACL,IAAA,OAAO,EAAC;GACT;EACD,QAAQ,EAAE,EAAE;EACZ,OAAO,GAAG,EAAE;EACZ,OAAO,EAAE,EAAE;AACb,EAAA;;AArBO,MAAA,UAAA,GAAA,EAAA,KAAuC,EAAvC,CAAuC,OAAA,CAAA,MAAA,CAAA,YAAA,CAAA,QAAA,CAAA,GAAA;;;;;AAA5C,EAAA,QAAAA,aAAA,EAAA,EAAAC,sBAAA,CAGM,OAHN,UAGM,EAAA;MAFM,MAAM,CAAA,MAAA;AAAhB,SAAAD,aAAA,EAAA,EAAAC,sBAAA,CAA8B,iBAAZ,UAAQ,CAAA;0BAC1BA,sBAA+B,CAAA,GAAA,EAAA,UAAA,EAArB,OAAK,GAAAC,mBAAA,CAAG,MAAM,CAAA,MAAA,CAAA,EAAA,CAAA,YAAA,CAAA;;;;;;;"}

package/lib/page-diy/src/views/min/index.js

@@ -9,6 +9,9 @@ var DkMinBlank = require('./DkMinBlank.vue.js');
 var DkMinTextarea = require('./DkMinTextarea.vue.js');
 var DkMinHotArea = require('./DkMinHotArea.vue.js');
 var DkMinGrid = require('./DkMinGrid.vue.js');
+var DkMinImage = require('./DkMinImage.vue.js');
+var DkMinCubeImage = require('./DkMinCubeImage.vue.js');
+var DkMinModal = require('./DkMinModal.vue.js');
 
 const views = {
   DkMinVideo: DkMinVideo.default,
@@ -17,7 +20,10 @@ const views = {
   DkMinBlank: DkMinBlank.default,
   DkMinTextarea: DkMinTextarea.default,
   DkMinHotArea: DkMinHotArea.default,
-  DkMinGrid: DkMinGrid.default
+  DkMinGrid: DkMinGrid.default,
+  DkMinImage: DkMinImage.default,
+  DkMinCubeImage: DkMinCubeImage.default,
+  DkMinModal: DkMinModal.default
 };
 
 exports.default = views;

package/lib/page-diy/src/views/min/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/page-diy/src/views/min/index.ts"],"sourcesContent":["// 导入 Web Vue 组件\nimport DkMinVideo from './DkMinVideo.vue'\nimport DkMinSwiperImage from './DkMinSwiperImage.vue'\nimport DkMinTitle from './DkMinTitle.vue'\nimport DkMinBlank from './DkMinBlank.vue'\nimport DkMinTextarea from './DkMinTextarea.vue'\nimport DkMinHotArea from './DkMinHotArea.vue'\nimport DkMinGrid from './DkMinGrid.vue'\n\n// 创建一个对象来存储所有组件\nconst views: any = {\n  DkMinVideo,\n  DkMinSwiperImage,\n  DkMinTitle,\n  DkMinBlank,\n  DkMinTextarea,\n  DkMinHotArea,\n  DkMinGrid,\n}\n\n// 导出这个对象\nexport default views\n"],"names":["DkMinVideo","DkMinSwiperImage","DkMinTitle","DkMinBlank","DkMinTextarea","DkMinHotArea","DkMinGrid"],"mappings":";;;;;;;;;;;;AAUA,MAAM,KAAa,GAAA;AAAA,cACjBA,kBAAA;AAAA,oBACAC,wBAAA;AAAA,cACAC,kBAAA;AAAA,cACAC,kBAAA;AAAA,iBACAC,qBAAA;AAAA,gBACAC,oBAAA;AAAA,aACAC,iBAAA;AACF;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/page-diy/src/views/min/index.ts"],"sourcesContent":["// 导入 Web Vue 组件\nimport DkMinVideo from './DkMinVideo.vue'\nimport DkMinSwiperImage from './DkMinSwiperImage.vue'\nimport DkMinTitle from './DkMinTitle.vue'\nimport DkMinBlank from './DkMinBlank.vue'\nimport DkMinTextarea from './DkMinTextarea.vue'\nimport DkMinHotArea from './DkMinHotArea.vue'\nimport DkMinGrid from './DkMinGrid.vue'\nimport DkMinImage from './DkMinImage.vue'\nimport DkMinCubeImage from './DkMinCubeImage.vue'\nimport DkMinModal from './DkMinModal.vue'\n\n// 创建一个对象来存储所有组件\nconst views: any = {\n  DkMinVideo,\n  DkMinSwiperImage,\n  DkMinTitle,\n  DkMinBlank,\n  DkMinTextarea,\n  DkMinHotArea,\n  DkMinGrid,\n  DkMinImage,\n  DkMinCubeImage,\n  DkMinModal,\n}\n\n// 导出这个对象\nexport default views\n"],"names":["DkMinVideo","DkMinSwiperImage","DkMinTitle","DkMinBlank","DkMinTextarea","DkMinHotArea","DkMinGrid","DkMinImage","DkMinCubeImage","DkMinModal"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAM,KAAa,GAAA;AAAA,cACjBA,kBAAA;AAAA,oBACAC,wBAAA;AAAA,cACAC,kBAAA;AAAA,cACAC,kBAAA;AAAA,iBACAC,qBAAA;AAAA,gBACAC,oBAAA;AAAA,aACAC,iBAAA;AAAA,cACAC,kBAAA;AAAA,kBACAC,sBAAA;AAAA,cACAC,kBAAA;AACF;;;;"}

package/lib/page-diy/style/cube-image.css

@@ -0,0 +1 @@
+.design-cube{position:relative;width:100%}.design-cube .cube-col{float:left;padding:0;margin:0;list-style:none}.design-cube .cube-item{box-sizing:border-box;display:flex;align-items:center;justify-content:space-around;text-align:center;cursor:pointer;background:#f8f8f8;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5}.design-cube .cube-item:first-child{border-top:1px solid #e5e5e5}.design-cube .cube-item.item-selected,.design-cube .cube-item.item-selecting{background:#e0edff}.design-cube .selected-area{position:absolute;box-sizing:border-box;overflow:hidden;color:#7d7e80;text-align:center;cursor:pointer;background-color:#fff;border:1px solid #ebedf0}.design-cube .selected-area img{width:100%}.design-cube .selected-area.selected-area-choose{border:1px solid red}.design-cube .selected-area .cube-selected-text{position:absolute;top:50%;left:50%;width:100%;font-size:12px;transform:translate(-50%) translateY(-50%)}.design-cube .selected-area .cube-close{position:absolute;top:5px;right:5px;z-index:99;font-size:18px}