@vipl520/dk-ui 1.0.18 → 1.0.20

package/es/image-list-input/index.d.ts

@@ -19,7 +19,7 @@ export declare const ImageListInput: import("@vipl520/utils").WithInstall<import
         default: string;
         type: StringConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, 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: () => never[];
         type: ArrayConstructor;
@@ -41,13 +41,13 @@ export declare const ImageListInput: import("@vipl520/utils").WithInstall<import
         type: StringConstructor;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    accept: string;
     modelValue: unknown[];
     disabled: boolean;
+    accept: string;
     imgSize: number;
     limit: number;
 }, {}>>;

package/es/image-list-input/src/image-list-input.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, 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: () => never[];
         type: ArrayConstructor;
@@ -41,13 +41,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    accept: string;
     modelValue: unknown[];
     disabled: boolean;
+    accept: string;
     imgSize: number;
     limit: number;
 }, {}>;

package/es/index.d.ts

@@ -30,6 +30,8 @@ export * from './style-number-input';
 export * from './table';
 export * from './select';
 export * from './poster-input';
+export * from './style-animation-input';
+export * from './animate-select';
 export declare const install: (app: App, option?: any) => void;
 declare const _default: {
     install: (app: App<any>, option?: any) => void;

package/es/index.mjs

@@ -30,6 +30,8 @@ import { PageDiy } from './page-diy/index.mjs';
 import { Table } from './table/index.mjs';
 import { Select } from './select/index.mjs';
 import { PosterInput, Poster } from './poster-input/index.mjs';
+import { StyleAnimationInput } from './style-animation-input/index.mjs';
+import { AnimateSelect } from './animate-select/index.mjs';
 import { directives, setGlobalConfig } from '@vipl520/utils';
 import Vue3DraggableResizable from 'vue3-draggable-resizable';
 export { tinyEditorProps } from './tiny-editor/src/props.mjs';
@@ -63,6 +65,8 @@ export { styleNumberInputProps } from './style-number-input/src/props.mjs';
 export { tableProps } from './table/src/props.mjs';
 export { selectProps } from './select/src/props.mjs';
 export { posterInputProps } from './poster-input/src/props.mjs';
+export { styleAnimationInputProps } from './style-animation-input/src/props.mjs';
+export { animateSelectProps } from './animate-select/src/props.mjs';
 
 const components = [
   Test,
@@ -127,6 +131,10 @@ const components = [
   StylePositionInput,
   // 样式文字
   StyleNumberInput,
+  // 动画配置
+  StyleAnimationInput,
+  // 动画class选择
+  AnimateSelect,
   // 数据表格
   Table,
   // 选择
@@ -164,5 +172,5 @@ var index = {
   install
 };
 
-export { Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, FileInput, FileListInput, Form, Group, HotAreaInput, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, Test, TinyEditor, VideoInput, VideoListInput, index as default, install };
+export { AnimateSelect, Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, FileInput, FileListInput, Form, Group, HotAreaInput, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleAnimationInput, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, Test, TinyEditor, VideoInput, VideoListInput, index as default, install };
 //# sourceMappingURL=index.mjs.map

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport { Group } from './group'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { HotAreaInput } from './hot-area-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { setGlobalConfig, directives } from '@vipl520/utils'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './color-input'\nexport * from './hot-area-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\n\nconst components = [\n  Test,\n  Group,\n  // 富文本编辑器\n  TinyEditor,\n  // 图标\n  Icon,\n  // 颜色选择器\n  ColorInput,\n  // 热区选择器\n  HotAreaInput,\n  // 对话框\n  Dialog,\n  // json表单\n  Form,\n  // 附件\n  Attachment,\n  // 附件弹窗\n  AttachmentDialog,\n  // 文件选择器\n  FileInput,\n  // 图片选择器\n  ImageInput,\n  // 音频选择器\n  AudioInput,\n  // 视频选择器\n  VideoInput,\n  // 多文件选择器\n  FileListInput,\n  // 多图片选择器\n  ImageListInput,\n  // 多音频选择器\n  AudioListInput,\n  // 多视频选择器\n  VideoListInput,\n  // 图标选择器\n  IconInput,\n  // 图标展示框\n  IconContent,\n  // 图片弹出框\n  IconDialog,\n  // DIY编辑器\n  PageDiy,\n  // 尺寸输入框（带px/%/rem/等单位）\n  BoxSizeInput,\n  // DIV盒子编辑器（padding/margin/width/height）\n  StyleBoxInput,\n  // 文字样式编辑器\n  StyleFontInput,\n  // 边框样式编辑器\n  StyleBorderInput,\n  // 阴影编辑器\n  StyleShadowInput,\n  // 阴影编辑框\n  StyleShadowContent,\n  // 背景编辑器\n  StyleBackgroundInput,\n  // 合并样式编辑\n  StyleInput,\n  // 定位编辑器\n  StylePositionInput,\n  // 样式文字\n  StyleNumberInput,\n  // 数据表格\n  Table,\n  // 选择\n  Select,\n  // 表单组/对象表单\n  // 海报选择器\n  PosterInput,\n  // 海报\n  Poster,\n  Vue3DraggableResizable,\n  // TODO 普通上传 upload\n  // TODO tag选择器  tag-input\n  // TODO 链接选择器 link-input\n  // TODO 海报编辑器 poster-input\n  // TODO Layout布局组件 layout\n  // TODO 应用信息组件 addon-info\n  // TODO 用户信息组件 user-info\n  // TODO 全局Hook组件 global-hook\n  // TODO 前端DIY匹配\n  // TODO 开发者工具(自动CRUD)\n  // TODO 应用框架\n]\n\nexport const install = (app: App, option: any = {}) => {\n  components.forEach((item) => {\n    if (item.install!) {\n      app.use(item)\n    } else if (item.name) {\n      app.component(item.name, item)\n    }\n  })\n  directives(app)\n  setGlobalConfig(option)\n}\n\nexport default {\n  install,\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,MAAM,UAAa,GAAA;AAAA,EACjB,IAAA;AAAA,EACA,KAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,WAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,OAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,oBAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,KAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA,EAGA,WAAA;AAAA;AAAA,EAEA,MAAA;AAAA,EACA,sBAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYF,CAAA,CAAA;AAEO,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,MAAA,GAAc,EAAO,KAAA;AACrD,EAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC3B,IAAA,IAAI,KAAK,OAAU,EAAA;AACjB,MAAA,GAAA,CAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KACd,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAA,eAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport { Group } from './group'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { HotAreaInput } from './hot-area-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { StyleAnimationInput } from './style-animation-input'\nimport { AnimateSelect } from './animate-select'\nimport { setGlobalConfig, directives } from '@vipl520/utils'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './color-input'\nexport * from './hot-area-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\nexport * from './style-animation-input'\nexport * from './animate-select'\n\nconst components = [\n  Test,\n  Group,\n  // 富文本编辑器\n  TinyEditor,\n  // 图标\n  Icon,\n  // 颜色选择器\n  ColorInput,\n  // 热区选择器\n  HotAreaInput,\n  // 对话框\n  Dialog,\n  // json表单\n  Form,\n  // 附件\n  Attachment,\n  // 附件弹窗\n  AttachmentDialog,\n  // 文件选择器\n  FileInput,\n  // 图片选择器\n  ImageInput,\n  // 音频选择器\n  AudioInput,\n  // 视频选择器\n  VideoInput,\n  // 多文件选择器\n  FileListInput,\n  // 多图片选择器\n  ImageListInput,\n  // 多音频选择器\n  AudioListInput,\n  // 多视频选择器\n  VideoListInput,\n  // 图标选择器\n  IconInput,\n  // 图标展示框\n  IconContent,\n  // 图片弹出框\n  IconDialog,\n  // DIY编辑器\n  PageDiy,\n  // 尺寸输入框（带px/%/rem/等单位）\n  BoxSizeInput,\n  // DIV盒子编辑器（padding/margin/width/height）\n  StyleBoxInput,\n  // 文字样式编辑器\n  StyleFontInput,\n  // 边框样式编辑器\n  StyleBorderInput,\n  // 阴影编辑器\n  StyleShadowInput,\n  // 阴影编辑框\n  StyleShadowContent,\n  // 背景编辑器\n  StyleBackgroundInput,\n  // 合并样式编辑\n  StyleInput,\n  // 定位编辑器\n  StylePositionInput,\n  // 样式文字\n  StyleNumberInput,\n  // 动画配置\n  StyleAnimationInput,\n  // 动画class选择\n  AnimateSelect,\n  // 数据表格\n  Table,\n  // 选择\n  Select,\n  // 表单组/对象表单\n  // 海报选择器\n  PosterInput,\n  // 海报\n  Poster,\n  Vue3DraggableResizable,\n\n  // TODO 普通上传 upload\n  // TODO tag选择器  tag-input\n  // TODO 链接选择器 link-input\n  // TODO 海报编辑器 poster-input\n  // TODO Layout布局组件 layout\n  // TODO 应用信息组件 addon-info\n  // TODO 用户信息组件 user-info\n  // TODO 全局Hook组件 global-hook\n  // TODO 前端DIY匹配\n  // TODO 开发者工具(自动CRUD)\n  // TODO 应用框架\n]\n\nexport const install = (app: App, option: any = {}) => {\n  components.forEach((item) => {\n    if (item.install!) {\n      app.use(item)\n    } else if (item.name) {\n      app.component(item.name, item)\n    }\n  })\n  directives(app)\n  setGlobalConfig(option)\n}\n\nexport default {\n  install,\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,MAAM,UAAa,GAAA;AAAA,EACjB,IAAA;AAAA,EACA,KAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,WAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,OAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,oBAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,mBAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,KAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA,EAGA,WAAA;AAAA;AAAA,EAEA,MAAA;AAAA,EACA,sBAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaF,CAAA,CAAA;AAEO,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,MAAA,GAAc,EAAO,KAAA;AACrD,EAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC3B,IAAA,IAAI,KAAK,OAAU,EAAA;AACjB,MAAA,GAAA,CAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KACd,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAA,eAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;"}

package/es/index.scss

@@ -22,6 +22,8 @@
 @import './table/style/index.scss';
 @import './poster-input/style/index.scss';
 @import './hot-area-input/style/index.scss';
+@import './animate-select/style/index.scss';
+@import './style-animation-input/style/index.scss';
 
 //
 ::-webkit-scrollbar {
@@ -46,4 +48,16 @@
 *::after {
   box-sizing: border-box;
 }
+
+.cl:after {
+  content: '.';
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.cl {
+  zoom: 1;
+}
 /* stylelint-enable */

package/es/page-diy/index.d.ts

@@ -148,7 +148,7 @@ export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue")
         };
     }>;
     dkSettingForm: import("vue").Ref<{
-        rule: {
+        rule: ({
             type: string;
             props: {
                 modelValue: string;
@@ -182,7 +182,73 @@ export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue")
                     };
                 })[];
             }[];
-        }[];
+        } | {
+            type: string;
+            props: {
+                modelValue: string;
+            };
+            style: string;
+            children: {
+                type: string;
+                props: {
+                    name: string;
+                };
+                children: ({
+                    type: string;
+                    slot: string;
+                    style: string;
+                    children: ({
+                        type: string;
+                        style: string;
+                        children?: undefined;
+                    } | {
+                        type: string;
+                        children: any[];
+                        style?: undefined;
+                    })[];
+                } | {
+                    type: string;
+                    field: string;
+                    value: string;
+                    title: string;
+                    control: ({
+                        handle: (val: any) => boolean;
+                        rule: {
+                            type: string;
+                            field: string;
+                            title: string;
+                            value: {
+                                animationDelay: string;
+                                animationDuration: string;
+                                animationIterationCount: string;
+                            };
+                        }[];
+                    } | {
+                        handle: (val: any) => boolean;
+                        rule: {
+                            type: string;
+                            field: string;
+                            title: string;
+                            value: {
+                                animationDelay: string;
+                                animationDuration: string;
+                                animationIterationCount: number;
+                            };
+                        }[];
+                    })[];
+                    effect?: undefined;
+                } | {
+                    type: string;
+                    field: string;
+                    title: string;
+                    value: boolean;
+                    effect: {
+                        help: string;
+                    };
+                    control?: undefined;
+                })[];
+            }[];
+        })[];
         api: {};
         options: {
             form: {
@@ -290,10 +356,10 @@ export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue")
     };
 }>>, {
     type: string;
-    config: Record<string, any>;
-    loading: boolean;
     menu: Record<string, any>;
     mask: string;
+    config: Record<string, any>;
+    loading: boolean;
     height: string;
     rightAsideWidth: string;
     leftAsideWidth: string;

package/es/page-diy/src/components/DiyCloud.vue.mjs

@@ -155,7 +155,7 @@ const _hoisted_11 = {
 const _hoisted_12 = { class: "title over" };
 const _hoisted_13 = {
   key: 1,
-  style: {"height":"500px","display":"flex","align-items":"center","justify-content":"center"}
+  style: {"display":"flex","align-items":"center","justify-content":"center","height":"500px"}
 };
 const _hoisted_14 = { class: "diy-footer" };
 
@@ -322,7 +322,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   (item.state === '0')
                     ? (openBlock(), createBlock(_component_el_tag, {
                         key: 0,
-                        type: "primary",
                         effect: "dark"
                       }, {
                         default: withCtx(() => [

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

@@ -1 +1 @@
-{"version":3,"file":"DiyCloud.vue.mjs","sources":["../../../../src/page-diy/src/components/DiyCloud.vue"],"sourcesContent":["<template>\n  <div class=\"diy-cloud\">\n    <div class=\"diy-header\">\n      <div class=\"diy-search\">\n        <el-select v-model=\"search.state\" placeholder=\"状态\">\n          <el-option label=\"全部状态\" value=\"\" />\n          <el-option v-if=\"site.level > 0\" label=\"未通过\" value=\"-1\" />\n          <el-option v-if=\"site.level > 0\" label=\"未审核\" value=\"0\" />\n          <el-option label=\"已审核\" value=\"1\" />\n          <el-option label=\"已推荐\" value=\"2\" />\n        </el-select>\n        <el-select v-model=\"search.look\" placeholder=\"查看\" class=\"u-m-l-10\">\n          <el-option label=\"全部模板\" value=\"\" />\n          <el-option label=\"我的模板\" value=\"me\" />\n          <el-option label=\"他人模板\" value=\"other\" />\n        </el-select>\n        <el-input v-model=\"search['name like']\" placeholder=\"请输入模板名称\" clearable @clear=\"getDiyList(0)\">\n          <template #append>\n            <el-button icon=\"Search\" @click=\"getDiyList(1)\" />\n          </template>\n        </el-input>\n      </div>\n      <div>\n        <el-button v-if=\"site.level > 0\" type=\"warning\" :disabled=\"!chooseDiy.id\" @click=\"getCheckForm\"\n          >审核\n        </el-button>\n        <el-button v-if=\"site.level > 1\" type=\"danger\" :disabled=\"!chooseDiy.id\" @click=\"delDiy\">删除</el-button>\n        <el-button\n          v-if=\"site.level > 0 || site.site_id === chooseDiy.site_id\"\n          type=\"info\"\n          :disabled=\"!chooseDiy.id\"\n          @click=\"getDiyForm(chooseDiy.id)\"\n          >编辑\n        </el-button>\n        <el-button type=\"primary\" icon=\"Upload\" @click=\"getDiyForm()\">上传新模板</el-button>\n      </div>\n    </div>\n    <!---------------模板列表-------------------------->\n    <div v-loading=\"loading\" class=\"diy-content\">\n      <ul v-if=\"!loading && list.length > 0\" class=\"cl\">\n        <li\n          v-for=\"(item, key) in list\"\n          :key=\"key\"\n          :class=\"{ choose: chooseDiy.id === item.id }\"\n          @click=\"onChooseDiy(item)\"\n        >\n          <el-image :src=\"item.cover_image\" class=\"cover\" fit=\"contain\" />\n          <div v-if=\"item.state <= 0\" class=\"mask\" />\n          <div class=\"type\">\n            <el-tag v-if=\"item.state === '0'\" type=\"primary\" effect=\"dark\">审核中</el-tag>\n            <el-tag v-if=\"item.state === '-1'\" type=\"danger\" effect=\"dark\">审核未通过</el-tag>\n          </div>\n          <div v-if=\"item.state > 0\" class=\"tag-list\">\n            <span v-if=\"item.state >= 2\" class=\"tag\"><van-icon name=\"good-job\" />推荐</span>\n            <span v-if=\"item.down_count > 100\" class=\"tag\"><van-icon name=\"fire\" />热门</span>\n          </div>\n          <div class=\"title over\">{{ item.name }}</div>\n        </li>\n      </ul>\n      <div v-else style=\"height: 500px; display: flex; align-items: center; justify-content: center\">\n        <el-empty v-if=\"errCode === 0\" description=\"当前还没模板，点击右上角上传自己的模板吧\" />\n        <el-empty v-else :description=\"errMsg\" />\n      </div>\n      <el-pagination\n        background\n        layout=\"total,prev, pager, next\"\n        :total=\"total\"\n        :current-page=\"page\"\n        :page-size=\"pageSize\"\n        hide-on-single-page\n        @current-change=\"getDiyList\"\n      />\n    </div>\n    <div class=\"diy-footer\">\n      <el-button type=\"primary\" style=\"width: 300px\" :disabled=\"!chooseDiy.id\" @click=\"submit\">确定</el-button>\n    </div>\n    <dk-form ref=\"formRef\" :is-dialog=\"true\" :form-data=\"formData\" @submit=\"onSubmit\" />\n  </div>\n</template>\n\n<script>\nimport { getList, down, getDiyForm, getSiteMsg, getCheckForm, delDiy } from '../../../api/diy'\nexport default {\n  name: 'DiyCloud',\n  props: {\n    pageName: {\n      default: '',\n      type: String,\n    },\n    diyData: {\n      default: () => {\n        return {}\n      },\n      type: Object,\n    },\n  },\n  emits: ['submit'],\n  data() {\n    return {\n      total: 0,\n      pageSize: 12,\n      keyword: '',\n      search: {\n        state: '',\n        look: '',\n      },\n      chooseDiy: {},\n      page: 1,\n      formData: null,\n      site: {},\n      width: '800px',\n      list: [],\n      loading: true,\n      errMsg: '',\n      errCode: 0,\n    }\n  },\n  computed: {},\n  mounted() {\n    this.getDiyList()\n    this.getSiteMsg()\n  },\n  methods: {\n    submit() {\n      this.$confirm('确定选择此diy模板？', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning',\n      })\n        .then(() => {\n          down(this.chooseDiy.id).then((res) => {\n            this.$emit('submit', res.data)\n          })\n        })\n        .catch(() => {})\n    },\n    onChooseDiy(item) {\n      this.chooseDiy = item\n    },\n    getDiyList(page) {\n      this.page = page || this.page\n      this.loading = true\n      getList(this.pageName, this.page, this.search, this.pageSize)\n        .then((res) => {\n          this.list = res.data\n          this.total = res.msg\n          this.loading = false\n        })\n        .catch((res) => {\n          this.errMsg = res.msg\n          this.errCode = -1\n          this.loading = false\n        })\n    },\n    getSiteMsg() {\n      getSiteMsg().then((res) => {\n        this.site = res.data\n      })\n    },\n    getDiyForm(id = 0) {\n      getDiyForm(id, this.pageName, this.diyData)\n        .then((res) => {\n          console.log('getDiyForm', res)\n          this.formData = res.data\n          this.width = '600px'\n          this.$refs.formRef.show()\n        })\n        .catch((res) => {\n          this.$message.error(res.msg)\n        })\n    },\n    getCheckForm() {\n      getCheckForm(this.chooseDiy.id, this.chooseDiy.state)\n        .then((res) => {\n          this.formData = res.data\n          this.width = '400px'\n          this.$refs.formRef.show()\n        })\n        .catch((res) => {\n          this.$message.error(res.msg)\n        })\n    },\n    delDiy() {\n      this.$confirm('确定要删除当前模板，删除后不可恢复？', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning',\n      })\n        .then(() => {\n          delDiy(this.chooseDiy.id)\n            .then((res) => {\n              this.$message.success(res.msg)\n              this.getDiyList(1)\n            })\n            .catch((res) => {\n              this.$message.error(res.msg)\n            })\n        })\n        .catch(() => {})\n    },\n    onSubmit() {\n      this.getDiyList(0)\n    },\n  },\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","_createBlock","_createCommentVNode","_withDirectives","_Fragment","_renderList","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"DiyCloud.vue.mjs","sources":["../../../../src/page-diy/src/components/DiyCloud.vue"],"sourcesContent":["<template>\n  <div class=\"diy-cloud\">\n    <div class=\"diy-header\">\n      <div class=\"diy-search\">\n        <el-select v-model=\"search.state\" placeholder=\"状态\">\n          <el-option label=\"全部状态\" value=\"\" />\n          <el-option v-if=\"site.level > 0\" label=\"未通过\" value=\"-1\" />\n          <el-option v-if=\"site.level > 0\" label=\"未审核\" value=\"0\" />\n          <el-option label=\"已审核\" value=\"1\" />\n          <el-option label=\"已推荐\" value=\"2\" />\n        </el-select>\n        <el-select v-model=\"search.look\" placeholder=\"查看\" class=\"u-m-l-10\">\n          <el-option label=\"全部模板\" value=\"\" />\n          <el-option label=\"我的模板\" value=\"me\" />\n          <el-option label=\"他人模板\" value=\"other\" />\n        </el-select>\n        <el-input v-model=\"search['name like']\" placeholder=\"请输入模板名称\" clearable @clear=\"getDiyList(0)\">\n          <template #append>\n            <el-button icon=\"Search\" @click=\"getDiyList(1)\" />\n          </template>\n        </el-input>\n      </div>\n      <div>\n        <el-button v-if=\"site.level > 0\" type=\"warning\" :disabled=\"!chooseDiy.id\" @click=\"getCheckForm\"\n          >审核\n        </el-button>\n        <el-button v-if=\"site.level > 1\" type=\"danger\" :disabled=\"!chooseDiy.id\" @click=\"delDiy\">删除</el-button>\n        <el-button\n          v-if=\"site.level > 0 || site.site_id === chooseDiy.site_id\"\n          type=\"info\"\n          :disabled=\"!chooseDiy.id\"\n          @click=\"getDiyForm(chooseDiy.id)\"\n          >编辑\n        </el-button>\n        <el-button type=\"primary\" icon=\"Upload\" @click=\"getDiyForm()\">上传新模板</el-button>\n      </div>\n    </div>\n    <!---------------模板列表-------------------------->\n    <div v-loading=\"loading\" class=\"diy-content\">\n      <ul v-if=\"!loading && list.length > 0\" class=\"cl\">\n        <li\n          v-for=\"(item, key) in list\"\n          :key=\"key\"\n          :class=\"{ choose: chooseDiy.id === item.id }\"\n          @click=\"onChooseDiy(item)\"\n        >\n          <el-image :src=\"item.cover_image\" class=\"cover\" fit=\"contain\" />\n          <div v-if=\"item.state <= 0\" class=\"mask\" />\n          <div class=\"type\">\n            <el-tag v-if=\"item.state === '0'\" effect=\"dark\">审核中</el-tag>\n            <el-tag v-if=\"item.state === '-1'\" type=\"danger\" effect=\"dark\">审核未通过</el-tag>\n          </div>\n          <div v-if=\"item.state > 0\" class=\"tag-list\">\n            <span v-if=\"item.state >= 2\" class=\"tag\"><van-icon name=\"good-job\" />推荐</span>\n            <span v-if=\"item.down_count > 100\" class=\"tag\"><van-icon name=\"fire\" />热门</span>\n          </div>\n          <div class=\"title over\">{{ item.name }}</div>\n        </li>\n      </ul>\n      <div v-else style=\"display: flex; align-items: center; justify-content: center; height: 500px\">\n        <el-empty v-if=\"errCode === 0\" description=\"当前还没模板，点击右上角上传自己的模板吧\" />\n        <el-empty v-else :description=\"errMsg\" />\n      </div>\n      <el-pagination\n        background\n        layout=\"total,prev, pager, next\"\n        :total=\"total\"\n        :current-page=\"page\"\n        :page-size=\"pageSize\"\n        hide-on-single-page\n        @current-change=\"getDiyList\"\n      />\n    </div>\n    <div class=\"diy-footer\">\n      <el-button type=\"primary\" style=\"width: 300px\" :disabled=\"!chooseDiy.id\" @click=\"submit\">确定</el-button>\n    </div>\n    <dk-form ref=\"formRef\" :is-dialog=\"true\" :form-data=\"formData\" @submit=\"onSubmit\" />\n  </div>\n</template>\n\n<script>\nimport { getList, down, getDiyForm, getSiteMsg, getCheckForm, delDiy } from '../../../api/diy'\nexport default {\n  name: 'DiyCloud',\n  props: {\n    pageName: {\n      default: '',\n      type: String,\n    },\n    diyData: {\n      default: () => {\n        return {}\n      },\n      type: Object,\n    },\n  },\n  emits: ['submit'],\n  data() {\n    return {\n      total: 0,\n      pageSize: 12,\n      keyword: '',\n      search: {\n        state: '',\n        look: '',\n      },\n      chooseDiy: {},\n      page: 1,\n      formData: null,\n      site: {},\n      width: '800px',\n      list: [],\n      loading: true,\n      errMsg: '',\n      errCode: 0,\n    }\n  },\n  computed: {},\n  mounted() {\n    this.getDiyList()\n    this.getSiteMsg()\n  },\n  methods: {\n    submit() {\n      this.$confirm('确定选择此diy模板？', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning',\n      })\n        .then(() => {\n          down(this.chooseDiy.id).then((res) => {\n            this.$emit('submit', res.data)\n          })\n        })\n        .catch(() => {})\n    },\n    onChooseDiy(item) {\n      this.chooseDiy = item\n    },\n    getDiyList(page) {\n      this.page = page || this.page\n      this.loading = true\n      getList(this.pageName, this.page, this.search, this.pageSize)\n        .then((res) => {\n          this.list = res.data\n          this.total = res.msg\n          this.loading = false\n        })\n        .catch((res) => {\n          this.errMsg = res.msg\n          this.errCode = -1\n          this.loading = false\n        })\n    },\n    getSiteMsg() {\n      getSiteMsg().then((res) => {\n        this.site = res.data\n      })\n    },\n    getDiyForm(id = 0) {\n      getDiyForm(id, this.pageName, this.diyData)\n        .then((res) => {\n          console.log('getDiyForm', res)\n          this.formData = res.data\n          this.width = '600px'\n          this.$refs.formRef.show()\n        })\n        .catch((res) => {\n          this.$message.error(res.msg)\n        })\n    },\n    getCheckForm() {\n      getCheckForm(this.chooseDiy.id, this.chooseDiy.state)\n        .then((res) => {\n          this.formData = res.data\n          this.width = '400px'\n          this.$refs.formRef.show()\n        })\n        .catch((res) => {\n          this.$message.error(res.msg)\n        })\n    },\n    delDiy() {\n      this.$confirm('确定要删除当前模板，删除后不可恢复？', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning',\n      })\n        .then(() => {\n          delDiy(this.chooseDiy.id)\n            .then((res) => {\n              this.$message.success(res.msg)\n              this.getDiyList(1)\n            })\n            .catch((res) => {\n              this.$message.error(res.msg)\n            })\n        })\n        .catch(() => {})\n    },\n    onSubmit() {\n      this.getDiyList(0)\n    },\n  },\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","_createBlock","_createCommentVNode","_withDirectives","_Fragment","_renderList","_toDisplayString"],"mappings":"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"}

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

@@ -22,10 +22,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     id: import("vue").ComputedRef<string | number>;
     state: any;
+    previewSetting: any;
 }, any, {
     pageConfig(): {};
     _style(): any;
-    _animate(): "";
+    _animate(): string;
 }, {
     active(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/page-diy/src/components/DragTool.vue.mjs

@@ -30,9 +30,11 @@ const _sfc_main = defineComponent({
     const { unique } = toRefs(props);
     const id = computed(() => unique.value || uni++);
     const state = inject('fcx');
+    const previewSetting = inject('previewSetting');
     return {
       id,
       state,
+      previewSetting,
     }
   },
   computed: {
@@ -40,26 +42,21 @@ const _sfc_main = defineComponent({
       return {}
     },
     _style() {
+      let style = { ...this.setting.style, ...this.setting.animation };
       if (this.setting.is_position) {
-        return {
-          ...this.setting.style,
+        style = Object.assign(style, {
           ...this.setting.position,
           position: 'absolute',
-        }
-      } else {
-        return {
-          ...this.setting.style,
-        }
+        });
       }
+      return style
     },
     _animate() {
-      // if (this.setting.loop_animate) {
-      //   return 'animate__' + this.setting.loop_animate + ' '
-      // } else if (this.setting.animate) {
-      //   return 'animate__' + this.setting.animate
-      // } else {
-      return ''
-      // }
+      if (this.setting.animation_preview !== false && this.setting.animate && !this.previewSetting.closeAnimate) {
+        return 'animate__' + this.setting.animate
+      } else {
+        return ''
+      }
     },
   },
   beforeUnmount() {
@@ -84,7 +81,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dk_icon = resolveComponent("dk-icon");
 
   return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(["drag-tool animate__animated", { active: _ctx.state.active === _ctx.id }]),
+    class: normalizeClass(["drag-tool animate__animated", [{ active: _ctx.state.active === _ctx.id }, _ctx._animate]]),
     style: normalizeStyle(_ctx._style),
     onClick: _cache[4] || (_cache[4] = withModifiers((...args) => (_ctx.active && _ctx.active(...args)), ["stop"]))
   }, [

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

@@ -1 +1 @@
-{"version":3,"file":"DragTool.vue.mjs","sources":["../../../../src/page-diy/src/components/DragTool.vue"],"sourcesContent":["<template>\n  <div\n    class=\"drag-tool animate__animated\"\n    :class=\"{ active: state.active === id }\"\n    :style=\"_style\"\n    @click.stop=\"active\"\n  >\n    <div v-if=\"mask\" class=\"drag-mask\"></div>\n    <div class=\"drag-r\">\n      <div class=\"drag-btn\" title=\"添加当前组件\" @click=\"$emit('create')\">\n        <dk-icon icon=\"CirclePlus\"></dk-icon>\n      </div>\n      <div class=\"drag-btn\" title=\"复制当前组件\" @click=\"$emit('copy')\">\n        <dk-icon icon=\"CopyDocument\"></dk-icon>\n      </div>\n      <div v-if=\"children\" class=\"drag-btn\" title=\"添加子组件\" @click=\"$emit('addChild')\">\n        <dk-icon icon=\"fluent:tab-add-20-regular\"></dk-icon>\n      </div>\n      <div class=\"drag-btn drag-btn-danger\" title=\"删除组件\" @click=\"$emit('delete')\">\n        <dk-icon icon=\"Close\"></dk-icon>\n      </div>\n    </div>\n    <slot name=\"default\"></slot>\n  </div>\n</template>\n\n<script>\nimport { computed, inject, toRefs, defineComponent } from 'vue'\n\nlet uni = 1\nexport default defineComponent({\n  name: 'DragTool',\n  props: {\n    dragBtn: {\n      default: false,\n      type: Boolean,\n    },\n    children: {\n      default: '',\n      type: String,\n    },\n    unique: {\n      default: '',\n      type: String,\n    },\n    mask: {\n      default: false,\n      type: Boolean,\n    },\n    setting: {\n      default: () => {},\n      type: [Object],\n    },\n  },\n  setup(props) {\n    const { unique } = toRefs(props)\n    const id = computed(() => unique.value || uni++)\n    const state = inject('fcx')\n    return {\n      id,\n      state,\n    }\n  },\n  computed: {\n    pageConfig() {\n      return {}\n    },\n    _style() {\n      if (this.setting.is_position) {\n        return {\n          ...this.setting.style,\n          ...this.setting.position,\n          position: 'absolute',\n        }\n      } else {\n        return {\n          ...this.setting.style,\n        }\n      }\n    },\n    _animate() {\n      // if (this.setting.loop_animate) {\n      //   return 'animate__' + this.setting.loop_animate + ' '\n      // } else if (this.setting.animate) {\n      //   return 'animate__' + this.setting.animate\n      // } else {\n      return ''\n      // }\n    },\n  },\n  beforeUnmount() {\n    this.state = {}\n  },\n  methods: {\n    active() {\n      if (this.state.active === this.id) return\n      this.state.active = this.id\n      this.$emit('active')\n    },\n  },\n})\n</script>\n"],"names":["_createElementBlock","_openBlock","_createElementVNode","_createVNode","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"DragTool.vue.mjs","sources":["../../../../src/page-diy/src/components/DragTool.vue"],"sourcesContent":["<template>\n  <div\n    class=\"drag-tool animate__animated\"\n    :class=\"[{ active: state.active === id }, _animate]\"\n    :style=\"_style\"\n    @click.stop=\"active\"\n  >\n    <div v-if=\"mask\" class=\"drag-mask\"></div>\n    <div class=\"drag-r\">\n      <div class=\"drag-btn\" title=\"添加当前组件\" @click=\"$emit('create')\">\n        <dk-icon icon=\"CirclePlus\"></dk-icon>\n      </div>\n      <div class=\"drag-btn\" title=\"复制当前组件\" @click=\"$emit('copy')\">\n        <dk-icon icon=\"CopyDocument\"></dk-icon>\n      </div>\n      <div v-if=\"children\" class=\"drag-btn\" title=\"添加子组件\" @click=\"$emit('addChild')\">\n        <dk-icon icon=\"fluent:tab-add-20-regular\"></dk-icon>\n      </div>\n      <div class=\"drag-btn drag-btn-danger\" title=\"删除组件\" @click=\"$emit('delete')\">\n        <dk-icon icon=\"Close\"></dk-icon>\n      </div>\n    </div>\n    <slot name=\"default\"></slot>\n  </div>\n</template>\n\n<script>\nimport { computed, inject, toRefs, defineComponent } from 'vue'\nlet uni = 1\nexport default defineComponent({\n  name: 'DragTool',\n  props: {\n    dragBtn: {\n      default: false,\n      type: Boolean,\n    },\n    children: {\n      default: '',\n      type: String,\n    },\n    unique: {\n      default: '',\n      type: String,\n    },\n    mask: {\n      default: false,\n      type: Boolean,\n    },\n    setting: {\n      default: () => {},\n      type: [Object],\n    },\n  },\n  setup(props) {\n    const { unique } = toRefs(props)\n    const id = computed(() => unique.value || uni++)\n    const state = inject('fcx')\n    const previewSetting = inject('previewSetting')\n    return {\n      id,\n      state,\n      previewSetting,\n    }\n  },\n  computed: {\n    pageConfig() {\n      return {}\n    },\n    _style() {\n      let style = { ...this.setting.style, ...this.setting.animation }\n      if (this.setting.is_position) {\n        style = Object.assign(style, {\n          ...this.setting.position,\n          position: 'absolute',\n        })\n      }\n      return style\n    },\n    _animate() {\n      if (this.setting.animation_preview !== false && this.setting.animate && !this.previewSetting.closeAnimate) {\n        return 'animate__' + this.setting.animate\n      } else {\n        return ''\n      }\n    },\n  },\n  beforeUnmount() {\n    this.state = {}\n  },\n  methods: {\n    active() {\n      if (this.state.active === this.id) return\n      this.state.active = this.id\n      this.$emit('active')\n    },\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_openBlock","_createElementVNode","_createVNode","_renderSlot"],"mappings":"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"}

package/es/page-diy/src/components/PreviewPhone.vue2.mjs

@@ -1,4 +1,4 @@
-import { createElementVNode, defineComponent, inject, ref, computed, resolveComponent, openBlock, createElementBlock, toDisplayString, createVNode, withCtx, createTextVNode, normalizeStyle, renderSlot } from 'vue';
+import { createElementVNode, defineComponent, inject, ref, provide, computed, resolveComponent, openBlock, createElementBlock, toDisplayString, createVNode, withCtx, createTextVNode, normalizeStyle, renderSlot } from 'vue';
 import { storage } from '@vipl520/utils';
 import { ElMessageBox, ElMessage } from 'element-plus';
 
@@ -56,8 +56,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const form = ref({
       showLine: cache.showLine || false,
       margin: cache.margin || 0,
-      preview: cache.preview || false
+      preview: cache.preview || false,
+      closeAnimate: cache.closeAnimate || false
     });
+    provide("previewSetting", form);
     const changeForm = () => {
       storage.set(key, JSON.stringify(form.value));
     };
@@ -91,9 +93,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (form.value.preview) {
         line["--padding"] = "0";
         line["--overflow"] = "hidden";
+        line["--minHeight"] = "0px";
       } else {
         line["--padding"] = "2px 0";
         line["--overflow"] = "initial";
+        line["--minHeight"] = "30px";
       }
       return {
         ...props.pageConfig.style,
@@ -112,6 +116,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
       const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
       const _component_el_dropdown = resolveComponent("el-dropdown");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
       const _component_el_switch = resolveComponent("el-switch");
       const _component_el_form_item = resolveComponent("el-form-item");
       const _component_el_slider = resolveComponent("el-slider");
@@ -205,6 +210,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   default: withCtx(() => [
                     createVNode(_component_el_form_item, { label: "\u663E\u793A\u7F51\u683C" }, {
+                      label: withCtx(() => [
+                        createVNode(_component_el_tooltip, {
+                          class: "box-item",
+                          effect: "dark",
+                          content: "\u663E\u793A\u7EC4\u4EF6\u7F51\u683C\u7EBF",
+                          placement: "right-start"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" \u663E\u793A\u7F51\u683C ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
                       default: withCtx(() => [
                         createVNode(_component_el_switch, {
                           modelValue: form.value.showLine,
@@ -216,6 +235,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       /* STABLE */
                     }),
                     createVNode(_component_el_form_item, { label: "\u7F51\u683C\u95F4\u8DDD" }, {
+                      label: withCtx(() => [
+                        createVNode(_component_el_tooltip, {
+                          class: "box-item",
+                          effect: "dark",
+                          content: "\u8BBE\u7F6E\u7EC4\u4EF6\u4E4B\u95F4\u7684\u7F51\u683C\u95F4\u8DDD",
+                          placement: "right-start"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" \u7F51\u683C\u95F4\u8DDD ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
                       default: withCtx(() => [
                         createVNode(_component_el_slider, {
                           modelValue: form.value.margin,
@@ -231,6 +264,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       /* STABLE */
                     }),
                     createVNode(_component_el_form_item, { label: "\u6548\u679C\u9884\u89C8" }, {
+                      label: withCtx(() => [
+                        createVNode(_component_el_tooltip, {
+                          class: "box-item",
+                          effect: "dark",
+                          content: "\u6E05\u9664\u6240\u6709\u7F51\u683C\u3001\u95F4\u8DDD\u6548\u679C\uFF0C\u5927\u81F4\u548C\u771F\u5B9E\u5DEE\u4E0D\u591A",
+                          placement: "right-start"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" \u6548\u679C\u9884\u89C8 ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
                       default: withCtx(() => [
                         createVNode(_component_el_switch, {
                           modelValue: form.value.preview,
@@ -240,6 +287,31 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                       /* STABLE */
+                    }),
+                    createVNode(_component_el_form_item, { label: "\u5173\u95ED\u52A8\u753B" }, {
+                      label: withCtx(() => [
+                        createVNode(_component_el_tooltip, {
+                          class: "box-item",
+                          effect: "dark",
+                          content: "\u5173\u95ED\u6240\u6709\u9884\u89C8\u7684\u52A8\u753B\u6548\u679C",
+                          placement: "right-start"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" \u5173\u95ED\u52A8\u753B ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      default: withCtx(() => [
+                        createVNode(_component_el_switch, {
+                          modelValue: form.value.closeAnimate,
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => form.value.closeAnimate = $event),
+                          onChange: _cache[9] || (_cache[9] = ($event) => changeForm())
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                      /* STABLE */
                     })
                   ]),
                   _: 1