@vipl520/dk-ui 1.0.76 → 1.0.78

package/lib/index.js

@@ -2,168 +2,171 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index$k = require('./test/index.js');
+var index$l = require('./test/index.js');
 var draggable = require('vuedraggable');
 var Vue3DraggableResizable = require('vue3-draggable-resizable');
 var index$3 = require('./group/index.js');
+var index$4 = require('./table-form/index.js');
 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$C = 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');
-var index$9 = require('./file-input/index.js');
-var index$a = require('./image-input/index.js');
-var index$b = require('./audio-input/index.js');
-var index$c = require('./video-input/index.js');
-var index$d = require('./file-list-input/index.js');
-var index$e = require('./image-list-input/index.js');
-var index$f = require('./audio-list-input/index.js');
-var index$g = require('./video-list-input/index.js');
-var index$h = require('./icon-input/index.js');
-var index$l = require('./style-input/index.js');
-var index$j = require('./box-size-input/index.js');
-var index$m = require('./style-box-input/index.js');
-var index$n = require('./style-font-input/index.js');
-var index$o = require('./style-border-input/index.js');
-var index$q = require('./style-background-input/index.js');
-var index$p = require('./style-shadow-input/index.js');
-var index$r = require('./style-position-input/index.js');
-var index$s = require('./style-number-input/index.js');
-var index$t = require('./style-custom-input/index.js');
-var index$i = require('./page-diy/index.js');
-var index$u = require('./table/index.js');
-var index$v = require('./select/index.js');
-var index$w = require('./poster-input/index.js');
-var index$x = require('./style-animation-input/index.js');
-var index$y = require('./animate-select/index.js');
-var index$A = require('./uni-icon-input/index.js');
-var index$z = require('./uni-icon/index.js');
-var index$B = require('./url-input/index.js');
+var index$5 = require('./color-input/index.js');
+var index$6 = require('./hot-area-input/index.js');
+var index$D = require('./dialog/index.js');
+var index$7 = require('./form/index.js');
+var index$8 = require('./attachment/index.js');
+var index$9 = require('./attachment-dialog/index.js');
+var index$a = require('./file-input/index.js');
+var index$b = require('./image-input/index.js');
+var index$c = require('./audio-input/index.js');
+var index$d = require('./video-input/index.js');
+var index$e = require('./file-list-input/index.js');
+var index$f = require('./image-list-input/index.js');
+var index$g = require('./audio-list-input/index.js');
+var index$h = require('./video-list-input/index.js');
+var index$i = require('./icon-input/index.js');
+var index$m = require('./style-input/index.js');
+var index$k = require('./box-size-input/index.js');
+var index$n = require('./style-box-input/index.js');
+var index$o = require('./style-font-input/index.js');
+var index$p = require('./style-border-input/index.js');
+var index$r = require('./style-background-input/index.js');
+var index$q = require('./style-shadow-input/index.js');
+var index$s = require('./style-position-input/index.js');
+var index$t = require('./style-number-input/index.js');
+var index$u = require('./style-custom-input/index.js');
+var index$j = require('./page-diy/index.js');
+var index$v = require('./table/index.js');
+var index$w = require('./select/index.js');
+var index$x = require('./poster-input/index.js');
+var index$y = require('./style-animation-input/index.js');
+var index$z = require('./animate-select/index.js');
+var index$B = require('./uni-icon-input/index.js');
+var index$A = require('./uni-icon/index.js');
+var index$C = require('./url-input/index.js');
 var utils = require('@vipl520/utils');
 var props = require('./tiny-editor/src/props.js');
 var props$1 = require('./icon/src/props.js');
 var props$2 = require('./group/src/props.js');
-var props$3 = require('./color-input/src/props.js');
-var props$4 = require('./hot-area-input/src/props.js');
-var props$5 = require('./form/src/props.js');
-var props$6 = require('./attachment/src/props.js');
-var props$7 = require('./attachment-dialog/src/props.js');
-var props$8 = require('./file-input/src/props.js');
-var props$9 = require('./image-input/src/props.js');
-var props$a = require('./audio-input/src/props.js');
-var props$b = require('./video-input/src/props.js');
-var props$c = require('./file-list-input/src/props.js');
-var props$d = require('./image-list-input/src/props.js');
-var props$e = require('./audio-list-input/src/props.js');
-var props$f = require('./video-list-input/src/props.js');
-var props$g = require('./icon-input/src/props.js');
-var props$h = require('./page-diy/src/props.js');
-var props$i = require('./box-size-input/src/props.js');
-var props$j = require('./test/src/props.js');
-var props$k = require('./style-input/src/props.js');
-var props$l = require('./style-box-input/src/props.js');
-var props$m = require('./style-font-input/src/props.js');
-var props$n = require('./style-border-input/src/props.js');
-var props$o = require('./style-shadow-input/src/props.js');
-var props$p = require('./style-background-input/src/props.js');
-var props$q = require('./style-position-input/src/props.js');
-var props$r = require('./style-number-input/src/props.js');
-var props$s = require('./style-custom-input/src/props.js');
-var props$t = require('./table/src/props.js');
-var props$u = require('./select/src/props.js');
-var props$v = require('./poster-input/src/props.js');
-var props$w = require('./style-animation-input/src/props.js');
-var props$x = require('./animate-select/src/props.js');
-var props$y = require('./uni-icon/src/props.js');
-var props$z = require('./uni-icon-input/src/props.js');
-var props$A = require('./url-input/src/props.js');
+var props$3 = require('./table-form/src/props.js');
+var props$4 = require('./color-input/src/props.js');
+var props$5 = require('./hot-area-input/src/props.js');
+var props$6 = require('./form/src/props.js');
+var props$7 = require('./attachment/src/props.js');
+var props$8 = require('./attachment-dialog/src/props.js');
+var props$9 = require('./file-input/src/props.js');
+var props$a = require('./image-input/src/props.js');
+var props$b = require('./audio-input/src/props.js');
+var props$c = require('./video-input/src/props.js');
+var props$d = require('./file-list-input/src/props.js');
+var props$e = require('./image-list-input/src/props.js');
+var props$f = require('./audio-list-input/src/props.js');
+var props$g = require('./video-list-input/src/props.js');
+var props$h = require('./icon-input/src/props.js');
+var props$i = require('./page-diy/src/props.js');
+var props$j = require('./box-size-input/src/props.js');
+var props$k = require('./test/src/props.js');
+var props$l = require('./style-input/src/props.js');
+var props$m = require('./style-box-input/src/props.js');
+var props$n = require('./style-font-input/src/props.js');
+var props$o = require('./style-border-input/src/props.js');
+var props$p = require('./style-shadow-input/src/props.js');
+var props$q = require('./style-background-input/src/props.js');
+var props$r = require('./style-position-input/src/props.js');
+var props$s = require('./style-number-input/src/props.js');
+var props$t = require('./style-custom-input/src/props.js');
+var props$u = require('./table/src/props.js');
+var props$v = require('./select/src/props.js');
+var props$w = require('./poster-input/src/props.js');
+var props$x = require('./style-animation-input/src/props.js');
+var props$y = require('./animate-select/src/props.js');
+var props$z = require('./uni-icon/src/props.js');
+var props$A = require('./uni-icon-input/src/props.js');
+var props$B = require('./url-input/src/props.js');
 
 const components = [
-  index$k.Test,
+  index$l.Test,
   index$3.Group,
+  index$4.TableForm,
   // 富文本编辑器
   index$1.TinyEditor,
   // 图标
   index$2.Icon,
   // 颜色选择器
-  index$4.ColorInput,
+  index$5.ColorInput,
   // 热区选择器
-  index$5.HotAreaInput,
+  index$6.HotAreaInput,
   // 对话框
-  index$C.Dialog,
+  index$D.Dialog,
   // json表单
-  index$6.Form,
+  index$7.Form,
   // 附件
-  index$7.Attachment,
+  index$8.Attachment,
   // 附件弹窗
-  index$8.AttachmentDialog,
+  index$9.AttachmentDialog,
   // 文件选择器
-  index$9.FileInput,
+  index$a.FileInput,
   // 图片选择器
-  index$a.ImageInput,
+  index$b.ImageInput,
   // 音频选择器
-  index$b.AudioInput,
+  index$c.AudioInput,
   // 视频选择器
-  index$c.VideoInput,
+  index$d.VideoInput,
   // 多文件选择器
-  index$d.FileListInput,
+  index$e.FileListInput,
   // 多图片选择器
-  index$e.ImageListInput,
+  index$f.ImageListInput,
   // 多音频选择器
-  index$f.AudioListInput,
+  index$g.AudioListInput,
   // 多视频选择器
-  index$g.VideoListInput,
+  index$h.VideoListInput,
   // 图标选择器
-  index$h.IconInput,
+  index$i.IconInput,
   // 图标展示框
-  index$h.IconContent,
+  index$i.IconContent,
   // 图片弹出框
-  index$h.IconDialog,
+  index$i.IconDialog,
   // DIY编辑器
-  index$i.PageDiy,
+  index$j.PageDiy,
   // 尺寸输入框（带px/%/rem/等单位）
-  index$j.BoxSizeInput,
+  index$k.BoxSizeInput,
   // DIV盒子编辑器（padding/margin/width/height）
-  index$m.StyleBoxInput,
+  index$n.StyleBoxInput,
   // 文字样式编辑器
-  index$n.StyleFontInput,
+  index$o.StyleFontInput,
   // 边框样式编辑器
-  index$o.StyleBorderInput,
+  index$p.StyleBorderInput,
   // 阴影编辑器
-  index$p.StyleShadowInput,
+  index$q.StyleShadowInput,
   // 阴影编辑框
-  index$p.StyleShadowContent,
+  index$q.StyleShadowContent,
   // 背景编辑器
-  index$q.StyleBackgroundInput,
+  index$r.StyleBackgroundInput,
   // 合并样式编辑
-  index$l.StyleInput,
+  index$m.StyleInput,
   // 定位编辑器
-  index$r.StylePositionInput,
+  index$s.StylePositionInput,
   // 样式文字
-  index$s.StyleNumberInput,
+  index$t.StyleNumberInput,
   // 动画配置
-  index$x.StyleAnimationInput,
+  index$y.StyleAnimationInput,
   // 自定义样式
-  index$t.StyleCustomInput,
+  index$u.StyleCustomInput,
   // 动画class选择
-  index$y.AnimateSelect,
+  index$z.AnimateSelect,
   // 数据表格
-  index$u.Table,
+  index$v.Table,
   // 选择
-  index$v.Select,
+  index$w.Select,
   // 表单组/对象表单
   // 海报选择器
-  index$w.PosterInput,
+  index$x.PosterInput,
   // 海报
-  index$w.Poster,
+  index$x.Poster,
   Vue3DraggableResizable,
   draggable,
-  index$A.UniIconInput,
-  index$z.UniIcon,
-  index$B.UrlInput
+  index$B.UniIconInput,
+  index$A.UniIcon,
+  index$C.UrlInput
   // TODO 普通上传 upload
   // TODO tag选择器  tag-input
   // TODO 链接选择器 link-input
@@ -184,86 +187,88 @@ var index = {
   install
 };
 
-exports.Test = index$k.Test;
+exports.Test = index$l.Test;
 exports.Group = index$3.Group;
+exports.TableForm = index$4.TableForm;
 exports.TinyEditor = index$1.TinyEditor;
 exports.Icon = index$2.Icon;
-exports.ColorInput = index$4.ColorInput;
-exports.HotAreaInput = index$5.HotAreaInput;
-exports.Form = index$6.Form;
-exports.Attachment = index$7.Attachment;
-exports.AttachmentDialog = index$8.AttachmentDialog;
-exports.FileInput = index$9.FileInput;
-exports.ImageInput = index$a.ImageInput;
-exports.AudioInput = index$b.AudioInput;
-exports.VideoInput = index$c.VideoInput;
-exports.FileListInput = index$d.FileListInput;
-exports.ImageListInput = index$e.ImageListInput;
-exports.AudioListInput = index$f.AudioListInput;
-exports.VideoListInput = index$g.VideoListInput;
-exports.IconContent = index$h.IconContent;
-exports.IconDialog = index$h.IconDialog;
-exports.IconInput = index$h.IconInput;
-exports.StyleInput = index$l.StyleInput;
-exports.BoxSizeInput = index$j.BoxSizeInput;
-exports.StyleBoxInput = index$m.StyleBoxInput;
-exports.StyleFontInput = index$n.StyleFontInput;
-exports.StyleBorderInput = index$o.StyleBorderInput;
-exports.StyleBackgroundInput = index$q.StyleBackgroundInput;
-exports.StyleShadowContent = index$p.StyleShadowContent;
-exports.StyleShadowInput = index$p.StyleShadowInput;
-exports.StylePositionInput = index$r.StylePositionInput;
-exports.StyleNumberInput = index$s.StyleNumberInput;
-exports.StyleCustomInput = index$t.StyleCustomInput;
-exports.PageDiy = index$i.PageDiy;
-exports.Table = index$u.Table;
-exports.Select = index$v.Select;
-exports.Poster = index$w.Poster;
-exports.PosterInput = index$w.PosterInput;
-exports.StyleAnimationInput = index$x.StyleAnimationInput;
-exports.AnimateSelect = index$y.AnimateSelect;
-exports.UniIconInput = index$A.UniIconInput;
-exports.UniIcon = index$z.UniIcon;
-exports.UrlInput = index$B.UrlInput;
+exports.ColorInput = index$5.ColorInput;
+exports.HotAreaInput = index$6.HotAreaInput;
+exports.Form = index$7.Form;
+exports.Attachment = index$8.Attachment;
+exports.AttachmentDialog = index$9.AttachmentDialog;
+exports.FileInput = index$a.FileInput;
+exports.ImageInput = index$b.ImageInput;
+exports.AudioInput = index$c.AudioInput;
+exports.VideoInput = index$d.VideoInput;
+exports.FileListInput = index$e.FileListInput;
+exports.ImageListInput = index$f.ImageListInput;
+exports.AudioListInput = index$g.AudioListInput;
+exports.VideoListInput = index$h.VideoListInput;
+exports.IconContent = index$i.IconContent;
+exports.IconDialog = index$i.IconDialog;
+exports.IconInput = index$i.IconInput;
+exports.StyleInput = index$m.StyleInput;
+exports.BoxSizeInput = index$k.BoxSizeInput;
+exports.StyleBoxInput = index$n.StyleBoxInput;
+exports.StyleFontInput = index$o.StyleFontInput;
+exports.StyleBorderInput = index$p.StyleBorderInput;
+exports.StyleBackgroundInput = index$r.StyleBackgroundInput;
+exports.StyleShadowContent = index$q.StyleShadowContent;
+exports.StyleShadowInput = index$q.StyleShadowInput;
+exports.StylePositionInput = index$s.StylePositionInput;
+exports.StyleNumberInput = index$t.StyleNumberInput;
+exports.StyleCustomInput = index$u.StyleCustomInput;
+exports.PageDiy = index$j.PageDiy;
+exports.Table = index$v.Table;
+exports.Select = index$w.Select;
+exports.Poster = index$x.Poster;
+exports.PosterInput = index$x.PosterInput;
+exports.StyleAnimationInput = index$y.StyleAnimationInput;
+exports.AnimateSelect = index$z.AnimateSelect;
+exports.UniIconInput = index$B.UniIconInput;
+exports.UniIcon = index$A.UniIcon;
+exports.UrlInput = index$C.UrlInput;
 exports.tinyEditorProps = props.tinyEditorProps;
 exports.iconProps = props$1.iconProps;
 exports.groupProps = props$2.groupProps;
-exports.colorInputProps = props$3.colorInputProps;
-exports.hotAreaInputProps = props$4.hotAreaInputProps;
-exports.formProps = props$5.formProps;
-exports.attachmentProps = props$6.attachmentProps;
-exports.attachmentDialogProps = props$7.attachmentDialogProps;
-exports.fileInputProps = props$8.fileInputProps;
-exports.imageInputProps = props$9.imageInputProps;
-exports.audioInputProps = props$a.audioInputProps;
-exports.videoInputProps = props$b.videoInputProps;
-exports.fileListInputProps = props$c.fileListInputProps;
-exports.imageListInputProps = props$d.imageListInputProps;
-exports.audioListInputProps = props$e.audioListInputProps;
-exports.videoListInputProps = props$f.videoListInputProps;
-exports.iconContentProps = props$g.iconContentProps;
-exports.iconDialogProps = props$g.iconDialogProps;
-exports.iconInputProps = props$g.iconInputProps;
-exports.pageDiyProps = props$h.pageDiyProps;
-exports.boxSizeInputProps = props$i.boxSizeInputProps;
-exports.testProps = props$j.testProps;
-exports.styleInputProps = props$k.styleInputProps;
-exports.styleBoxInputProps = props$l.styleBoxInputProps;
-exports.styleFontInputProps = props$m.styleFontInputProps;
-exports.styleBorderInputProps = props$n.styleBorderInputProps;
-exports.shadowInputProps = props$o.shadowInputProps;
-exports.styleBackgroundInputProps = props$p.styleBackgroundInputProps;
-exports.stylePositionInputProps = props$q.stylePositionInputProps;
-exports.styleNumberInputProps = props$r.styleNumberInputProps;
-exports.styleCustomInputProps = props$s.styleCustomInputProps;
-exports.tableProps = props$t.tableProps;
-exports.selectProps = props$u.selectProps;
-exports.posterInputProps = props$v.posterInputProps;
-exports.styleAnimationInputProps = props$w.styleAnimationInputProps;
-exports.animateSelectProps = props$x.animateSelectProps;
-exports.uniIconProps = props$y.uniIconProps;
-exports.uniIconInputProps = props$z.uniIconInputProps;
-exports.urlInputProps = props$A.urlInputProps;
+exports.tableFormProps = props$3.tableFormProps;
+exports.colorInputProps = props$4.colorInputProps;
+exports.hotAreaInputProps = props$5.hotAreaInputProps;
+exports.formProps = props$6.formProps;
+exports.attachmentProps = props$7.attachmentProps;
+exports.attachmentDialogProps = props$8.attachmentDialogProps;
+exports.fileInputProps = props$9.fileInputProps;
+exports.imageInputProps = props$a.imageInputProps;
+exports.audioInputProps = props$b.audioInputProps;
+exports.videoInputProps = props$c.videoInputProps;
+exports.fileListInputProps = props$d.fileListInputProps;
+exports.imageListInputProps = props$e.imageListInputProps;
+exports.audioListInputProps = props$f.audioListInputProps;
+exports.videoListInputProps = props$g.videoListInputProps;
+exports.iconContentProps = props$h.iconContentProps;
+exports.iconDialogProps = props$h.iconDialogProps;
+exports.iconInputProps = props$h.iconInputProps;
+exports.pageDiyProps = props$i.pageDiyProps;
+exports.boxSizeInputProps = props$j.boxSizeInputProps;
+exports.testProps = props$k.testProps;
+exports.styleInputProps = props$l.styleInputProps;
+exports.styleBoxInputProps = props$m.styleBoxInputProps;
+exports.styleFontInputProps = props$n.styleFontInputProps;
+exports.styleBorderInputProps = props$o.styleBorderInputProps;
+exports.shadowInputProps = props$p.shadowInputProps;
+exports.styleBackgroundInputProps = props$q.styleBackgroundInputProps;
+exports.stylePositionInputProps = props$r.stylePositionInputProps;
+exports.styleNumberInputProps = props$s.styleNumberInputProps;
+exports.styleCustomInputProps = props$t.styleCustomInputProps;
+exports.tableProps = props$u.tableProps;
+exports.selectProps = props$v.selectProps;
+exports.posterInputProps = props$w.posterInputProps;
+exports.styleAnimationInputProps = props$x.styleAnimationInputProps;
+exports.animateSelectProps = props$y.animateSelectProps;
+exports.uniIconProps = props$z.uniIconProps;
+exports.uniIconInputProps = props$A.uniIconInputProps;
+exports.urlInputProps = props$B.urlInputProps;
 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 draggable from 'vuedraggable'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\n\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 { StyleCustomInput } from './style-custom-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 { UniIconInput } from './uni-icon-input'\nimport { UniIcon } from './uni-icon'\nimport { UrlInput } from './url-input'\n\nimport { setGlobalConfig, directives } from '@vipl520/utils'\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 './style-custom-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\nexport * from './style-animation-input'\nexport * from './animate-select'\nexport * from './uni-icon'\nexport * from './uni-icon-input'\nexport * from './url-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  StyleAnimationInput,\n  // 自定义样式\n  StyleCustomInput,\n  // 动画class选择\n  AnimateSelect,\n  // 数据表格\n  Table,\n  // 选择\n  Select,\n  // 表单组/对象表单\n  // 海报选择器\n  PosterInput,\n  // 海报\n  Poster,\n  Vue3DraggableResizable,\n  draggable,\n  UniIconInput,\n  UniIcon,\n  UrlInput,\n  // TODO 普通上传 upload\n  // TODO tag选择器  tag-input\n  // TODO 链接选择器 link-input\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","StyleCustomInput","AnimateSelect","Table","Select","PosterInput","Poster","UniIconInput","UniIcon","UrlInput","directives","setGlobalConfig"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,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,wBAAA;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,EACA,SAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,gBAAA;AAAA;AAAA;AAAA;AAAA;AAKF,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 draggable from 'vuedraggable'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\n\nimport { Group } from './group'\nimport { TableForm } from './table-form'\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 { StyleCustomInput } from './style-custom-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 { UniIconInput } from './uni-icon-input'\nimport { UniIcon } from './uni-icon'\nimport { UrlInput } from './url-input'\n\nimport { setGlobalConfig, directives } from '@vipl520/utils'\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './table-form'\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 './style-custom-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\nexport * from './style-animation-input'\nexport * from './animate-select'\nexport * from './uni-icon'\nexport * from './uni-icon-input'\nexport * from './url-input'\n\nconst components = [\n  Test,\n  Group,\n  TableForm,\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  // 自定义样式\n  StyleCustomInput,\n  // 动画class选择\n  AnimateSelect,\n  // 数据表格\n  Table,\n  // 选择\n  Select,\n  // 表单组/对象表单\n  // 海报选择器\n  PosterInput,\n  // 海报\n  Poster,\n  Vue3DraggableResizable,\n  draggable,\n  UniIconInput,\n  UniIcon,\n  UrlInput,\n  // TODO 普通上传 upload\n  // TODO tag选择器  tag-input\n  // TODO 链接选择器 link-input\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","TableForm","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","StyleCustomInput","AnimateSelect","Table","Select","PosterInput","Poster","UniIconInput","UniIcon","UrlInput","directives","setGlobalConfig"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,MAAM,UAAa,GAAA;AAAA,EACjBA,YAAA;AAAA,EACAC,aAAA;AAAA,EACAC,iBAAA;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,wBAAA;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,EACA,SAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,gBAAA;AAAA;AAAA;AAAA;AAAA;AAKF,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

@@ -1,6 +1,7 @@
 /* stylelint-disable */
 @import './icon/style/index.scss';
 @import './group/style/index.scss';
+@import './table-form/style/index.scss';
 @import './dialog/style/index.scss';
 @import './attachment/style/index.scss';
 @import './file-input/style/index.scss';
@@ -63,4 +64,82 @@
 .cl {
   zoom: 1;
 }
+
+//unocss
+*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
+/* layer: default */
+.visible{visibility:visible;}
+.absolute{position:absolute;}
+.fixed{position:fixed;}
+.relative{position:relative;}
+.left-0{left:0;}
+.left-5\%{left:5%;}
+.left-99\%{left:99%;}
+.right-0{right:0;}
+.right-5\%{right:5%;}
+.right-99\%{right:99%;}
+.top-\[50\%\]{top:50%;}
+.top-10px{top:10px;}
+.grid{display:grid;}
+.m-1px{margin:1px;}
+.m2{margin:0.5rem;}
+.m-b-10px{margin-bottom:10px;}
+.m-b-5px{margin-bottom:5px;}
+.m-l-20px{margin-left:20px;}
+.m-l-5px{margin-left:5px;}
+.m-l-6px{margin-left:6px;}
+.m-r-4px{margin-right:4px;}
+.m-r-5px{margin-right:5px;}
+.m-t-10px{margin-top:10px;}
+.m-t-5px{margin-top:5px;}
+.me{margin-inline-end:1rem;}
+.ml-10px{margin-left:10px;}
+.ml-4{margin-left:1rem;}
+.mr{margin-right:1rem;}
+.mr-1{margin-right:0.25rem;}
+.mr-10px{margin-right:10px;}
+.block{display:block;}
+.hidden{display:none;}
+.min-h-30px{min-height:30px;}
+.w-100\%{width:100%;}
+.w-40px{width:40px;}
+.w-50\%{width:50%;}
+.w100{width:25rem;}
+.flex{display:flex;}
+.table{display:table;}
+.translate-y-\[-50\%\]{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.cursor-pointer{cursor:pointer;}
+.resize{resize:both;}
+.content-center{align-content:center;}
+.items-center{align-items:center;}
+.justify-center{justify-content:center;}
+.justify-between{justify-content:space-between;}
+.border,
+.border-1px{border-width:1px;}
+.border-white{--un-border-opacity:1;border-color:rgba(255,255,255,var(--un-border-opacity));}
+.hover\:border-blue:hover{--un-border-opacity:1;border-color:rgba(96,165,250,var(--un-border-opacity));}
+.rd-4px{border-radius:4px;}
+.border-solid{border-style:solid;}
+.bg-black{--un-bg-opacity:1;background-color:rgba(0,0,0,var(--un-bg-opacity));}
+.p-10px,
+.p10px{padding:10px;}
+.p-5px{padding:5px;}
+.p2{padding:0.5rem;}
+.px{padding-left:1rem;padding-right:1rem;}
+.pb-5px{padding-bottom:5px;}
+.pl-20{padding-left:5rem;}
+.pt-5px{padding-top:5px;}
+.text-center{text-align:center;}
+.vertical-text-top{vertical-align:text-top;}
+.italic{font-style:italic;}
+.color-blue{--un-text-opacity:1;color:rgba(96,165,250,var(--un-text-opacity));}
+.hover\:color-blue:hover{--un-text-opacity:1;color:rgba(96,165,250,var(--un-text-opacity));}
+.line-through{text-decoration-line:line-through;}
+.underline{text-decoration-line:underline;}
+//.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
+//.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+//.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+//@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}}
+//.\?{animation:__un_qm 0.5s ease-in-out alternate infinite;}
+
 /* stylelint-enable */

package/lib/page-diy/src/page-diy.vue.js

@@ -1110,7 +1110,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dk_dialog = vue.resolveComponent("dk-dialog");
   const _directive_loading = vue.resolveDirective("loading");
 
-  return (vue.openBlock(), vue.createBlock(_component_el_container, { class: "_fc-designer dk-page-diy" }, {
+  return (vue.openBlock(), vue.createBlock(_component_el_container, { class: "dk-page-diy" }, {
     default: vue.withCtx(() => [
       vue.createCommentVNode("        左边"),
       vue.createVNode(_component_el_aside, {
@@ -1224,8 +1224,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 32 /* HYDRATE_EVENTS */))
             : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("div", {
-            class: "aside-toggle left-99%",
-            style: vue.normalizeStyle(_ctx.leftAside.hide ? 'display:block' : ''),
+            class: "aside-toggle",
+            style: vue.normalizeStyle([{"left":"99%"}, _ctx.leftAside.hide ? 'display:block' : '']),
             onClick: _cache[4] || (_cache[4] = $event => (_ctx.hideAside('left')))
           }, [
             vue.createVNode(_component_dk_icon, {