@vipl520/dk-ui 1.0.19 → 1.0.21

package/lib/icon-input/src/icon-input.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-}, {}, 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<{
     type: {
         default: string;
         type: () => "element" | "cloud" | "vant";
@@ -49,13 +49,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
+    modelValue: string;
     type: "element" | "cloud" | "vant";
     placeholder: string;
-    modelValue: string;
     showTab: Record<string, any>;
     preview: boolean;
 }, {}>;

package/lib/image-input/index.d.ts

@@ -19,7 +19,7 @@ export declare const ImageInput: import("@vipl520/utils").WithInstall<import("vu
         type: StringConstructor;
         default: string;
     };
-}, {}, 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: {
         type: StringConstructor;
         default: string;
@@ -41,13 +41,13 @@ export declare const ImageInput: import("@vipl520/utils").WithInstall<import("vu
         default: string;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    accept: string;
-    placeholder: string;
     modelValue: string;
+    placeholder: string;
+    accept: string;
     showInput: boolean;
     imgSize: number;
 }, {}>>;

package/lib/image-input/src/image-input.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {}, 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: {
         type: StringConstructor;
         default: string;
@@ -41,13 +41,13 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    accept: string;
-    placeholder: string;
     modelValue: string;
+    placeholder: string;
+    accept: string;
     showInput: boolean;
     imgSize: number;
 }, {}>;

package/lib/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/lib/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/lib/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/lib/index.js

@@ -8,7 +8,7 @@ var index$1 = require('./tiny-editor/index.js');
 var index$2 = require('./icon/index.js');
 var index$4 = require('./color-input/index.js');
 var index$5 = require('./hot-area-input/index.js');
-var index$w = require('./dialog/index.js');
+var index$y = require('./dialog/index.js');
 var index$6 = require('./form/index.js');
 var index$7 = require('./attachment/index.js');
 var index$8 = require('./attachment-dialog/index.js');
@@ -34,6 +34,8 @@ var index$i = require('./page-diy/index.js');
 var index$t = require('./table/index.js');
 var index$u = require('./select/index.js');
 var index$v = require('./poster-input/index.js');
+var index$w = require('./style-animation-input/index.js');
+var index$x = require('./animate-select/index.js');
 var utils = require('@vipl520/utils');
 var Vue3DraggableResizable = require('vue3-draggable-resizable');
 var props = require('./tiny-editor/src/props.js');
@@ -67,6 +69,8 @@ var props$r = require('./style-number-input/src/props.js');
 var props$s = require('./table/src/props.js');
 var props$t = require('./select/src/props.js');
 var props$u = require('./poster-input/src/props.js');
+var props$v = require('./style-animation-input/src/props.js');
+var props$w = require('./animate-select/src/props.js');
 
 const components = [
   index$k.Test,
@@ -80,7 +84,7 @@ const components = [
   // 热区选择器
   index$5.HotAreaInput,
   // 对话框
-  index$w.Dialog,
+  index$y.Dialog,
   // json表单
   index$6.Form,
   // 附件
@@ -131,6 +135,10 @@ const components = [
   index$r.StylePositionInput,
   // 样式文字
   index$s.StyleNumberInput,
+  // 动画配置
+  index$w.StyleAnimationInput,
+  // 动画class选择
+  index$x.AnimateSelect,
   // 数据表格
   index$t.Table,
   // 选择
@@ -203,6 +211,8 @@ exports.Table = index$t.Table;
 exports.Select = index$u.Select;
 exports.Poster = index$v.Poster;
 exports.PosterInput = index$v.PosterInput;
+exports.StyleAnimationInput = index$w.StyleAnimationInput;
+exports.AnimateSelect = index$x.AnimateSelect;
 exports.tinyEditorProps = props.tinyEditorProps;
 exports.iconProps = props$1.iconProps;
 exports.groupProps = props$2.groupProps;
@@ -236,6 +246,8 @@ exports.styleNumberInputProps = props$r.styleNumberInputProps;
 exports.tableProps = props$s.tableProps;
 exports.selectProps = props$t.selectProps;
 exports.posterInputProps = props$u.posterInputProps;
+exports.styleAnimationInputProps = props$v.styleAnimationInputProps;
+exports.animateSelectProps = props$w.animateSelectProps;
 exports.default = index;
 exports.install = install;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":["Test","Group","TinyEditor","Icon","ColorInput","HotAreaInput","Dialog","Form","Attachment","AttachmentDialog","FileInput","ImageInput","AudioInput","VideoInput","FileListInput","ImageListInput","AudioListInput","VideoListInput","IconInput","IconContent","IconDialog","PageDiy","BoxSizeInput","StyleBoxInput","StyleFontInput","StyleBorderInput","StyleShadowInput","StyleShadowContent","StyleBackgroundInput","StyleInput","StylePositionInput","StyleNumberInput","Table","Select","PosterInput","Poster","directives","setGlobalConfig"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,MAAM,UAAa,GAAA;AAAA,EACjBA,YAAA;AAAA,EACAC,aAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,mBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,eAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,4BAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,aAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA;AAAA,EAGAC,mBAAA;AAAA;AAAA,EAEAC,cAAA;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,EAAAC,gBAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAAC,qBAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","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":["Test","Group","TinyEditor","Icon","ColorInput","HotAreaInput","Dialog","Form","Attachment","AttachmentDialog","FileInput","ImageInput","AudioInput","VideoInput","FileListInput","ImageListInput","AudioListInput","VideoListInput","IconInput","IconContent","IconDialog","PageDiy","BoxSizeInput","StyleBoxInput","StyleFontInput","StyleBorderInput","StyleShadowInput","StyleShadowContent","StyleBackgroundInput","StyleInput","StylePositionInput","StyleNumberInput","StyleAnimationInput","AnimateSelect","Table","Select","PosterInput","Poster","directives","setGlobalConfig"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,MAAM,UAAa,GAAA;AAAA,EACjBA,YAAA;AAAA,EACAC,aAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,mBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,eAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,4BAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,2BAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,aAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA;AAAA,EAGAC,mBAAA;AAAA;AAAA,EAEAC,cAAA;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,EAAAC,gBAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAAC,qBAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/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/lib/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/lib/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/lib/page-diy/src/components/DragTool.vue.js

@@ -34,9 +34,11 @@ const _sfc_main = vue.defineComponent({
     const { unique } = vue.toRefs(props);
     const id = vue.computed(() => unique.value || uni++);
     const state = vue.inject('fcx');
+    const previewSetting = vue.inject('previewSetting');
     return {
       id,
       state,
+      previewSetting,
     }
   },
   computed: {
@@ -44,26 +46,21 @@ const _sfc_main = vue.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() {
@@ -88,7 +85,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dk_icon = vue.resolveComponent("dk-icon");
 
   return (vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(["drag-tool animate__animated", { active: _ctx.state.active === _ctx.id }]),
+    class: vue.normalizeClass(["drag-tool animate__animated", [{ active: _ctx.state.active === _ctx.id }, _ctx._animate]]),
     style: vue.normalizeStyle(_ctx._style),
     onClick: _cache[4] || (_cache[4] = vue.withModifiers((...args) => (_ctx.active && _ctx.active(...args)), ["stop"]))
   }, [

package/lib/page-diy/src/components/DragTool.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragTool.vue.js","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":["defineComponent","toRefs","computed","inject","_createElementBlock","_openBlock","_createElementVNode","_createVNode","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"DragTool.vue.js","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":["defineComponent","toRefs","computed","inject","_createElementBlock","_normalizeClass","_openBlock","_createElementVNode","_createVNode","_renderSlot"],"mappings":"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"}

package/lib/page-diy/src/components/PreviewPhone.vue2.js

@@ -60,8 +60,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const form = vue.ref({
       showLine: cache.showLine || false,
       margin: cache.margin || 0,
-      preview: cache.preview || false
+      preview: cache.preview || false,
+      closeAnimate: cache.closeAnimate || false
     });
+    vue.provide("previewSetting", form);
     const changeForm = () => {
       utils.storage.set(key, JSON.stringify(form.value));
     };
@@ -95,9 +97,11 @@ var _sfc_main = /* @__PURE__ */ vue.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,
@@ -116,6 +120,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
       const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
       const _component_el_dropdown = vue.resolveComponent("el-dropdown");
+      const _component_el_tooltip = vue.resolveComponent("el-tooltip");
       const _component_el_switch = vue.resolveComponent("el-switch");
       const _component_el_form_item = vue.resolveComponent("el-form-item");
       const _component_el_slider = vue.resolveComponent("el-slider");
@@ -209,6 +214,20 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   default: vue.withCtx(() => [
                     vue.createVNode(_component_el_form_item, { label: "\u663E\u793A\u7F51\u683C" }, {
+                      label: vue.withCtx(() => [
+                        vue.createVNode(_component_el_tooltip, {
+                          class: "box-item",
+                          effect: "dark",
+                          content: "\u663E\u793A\u7EC4\u4EF6\u7F51\u683C\u7EBF",
+                          placement: "right-start"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" \u663E\u793A\u7F51\u683C ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
                       default: vue.withCtx(() => [
                         vue.createVNode(_component_el_switch, {
                           modelValue: form.value.showLine,
@@ -220,6 +239,20 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       /* STABLE */
                     }),
                     vue.createVNode(_component_el_form_item, { label: "\u7F51\u683C\u95F4\u8DDD" }, {
+                      label: vue.withCtx(() => [
+                        vue.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: vue.withCtx(() => [
+                            vue.createTextVNode(" \u7F51\u683C\u95F4\u8DDD ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
                       default: vue.withCtx(() => [
                         vue.createVNode(_component_el_slider, {
                           modelValue: form.value.margin,
@@ -235,6 +268,20 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       /* STABLE */
                     }),
                     vue.createVNode(_component_el_form_item, { label: "\u6548\u679C\u9884\u89C8" }, {
+                      label: vue.withCtx(() => [
+                        vue.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: vue.withCtx(() => [
+                            vue.createTextVNode(" \u6548\u679C\u9884\u89C8 ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
                       default: vue.withCtx(() => [
                         vue.createVNode(_component_el_switch, {
                           modelValue: form.value.preview,
@@ -244,6 +291,31 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       ]),
                       _: 1
                       /* STABLE */
+                    }),
+                    vue.createVNode(_component_el_form_item, { label: "\u5173\u95ED\u52A8\u753B" }, {
+                      label: vue.withCtx(() => [
+                        vue.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: vue.withCtx(() => [
+                            vue.createTextVNode(" \u5173\u95ED\u52A8\u753B ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      default: vue.withCtx(() => [
+                        vue.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