@vipl520/dk-ui 1.0.6 → 1.0.8
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.js +5 -5
- package/dist/index.min.js +6 -6
- package/dist/index.min.js.map +1 -1
- package/dist/index.min.mjs +1 -1
- package/dist/index.min.mjs.map +1 -1
- package/dist/index.mjs +1 -2
- package/dist/web-types.json +1 -1
- package/es/index.d.ts +0 -1
- package/es/index.mjs +0 -1
- package/es/index.mjs.map +1 -1
- package/es/index.scss +63 -47
- package/es/test/src/test.vue2.mjs +1 -1
- package/es/test/src/test.vue2.mjs.map +1 -1
- package/lib/index.d.ts +0 -1
- package/lib/index.js +0 -1
- package/lib/index.js.map +1 -1
- package/lib/index.scss +63 -47
- package/lib/test/src/test.vue2.js +1 -1
- package/lib/test/src/test.vue2.js.map +1 -1
- package/package.json +4 -3
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import 'uno.css';
|
|
2
1
|
import axios from 'axios';
|
|
3
2
|
import { ElLoading, ElMessage, ElButton, ElMessageBox, ElNotification } from 'element-plus';
|
|
4
3
|
import require$$0, { ref, reactive, nextTick, defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createTextVNode, createElementVNode, toDisplayString, markRaw, watch, onMounted, normalizeClass, createBlock, createCommentVNode, unref, computed, normalizeStyle, renderSlot, resolveDynamicComponent, useSlots, useAttrs, mergeProps, createSlots, resolveDirective, renderList, withModifiers, withDirectives, vShow, vModelText, TransitionGroup, h, inject, toRefs, getCurrentInstance, provide, toRef, withKeys, normalizeProps, guardReactiveProps, warn } from 'vue';
|
|
@@ -747,7 +746,7 @@ const testProps = {
|
|
|
747
746
|
}
|
|
748
747
|
};
|
|
749
748
|
|
|
750
|
-
const _hoisted_1$K = { class: "mr-10px" };
|
|
749
|
+
const _hoisted_1$K = { class: "mr-10px bg-black" };
|
|
751
750
|
const __default__$H = defineComponent({
|
|
752
751
|
name: "DkTest"
|
|
753
752
|
});
|
package/dist/web-types.json
CHANGED
package/es/index.d.ts
CHANGED
package/es/index.mjs
CHANGED
package/es/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport
|
|
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 { 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'\n\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './color-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 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 // 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,MAAM,UAAa,GAAA;AAAA,EACjB,IAAA;AAAA,EACA,KAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;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;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;;;;"}
|
package/es/index.scss
CHANGED
|
@@ -39,51 +39,67 @@
|
|
|
39
39
|
::-webkit-scrollbar-thumb:hover {
|
|
40
40
|
background-color: #ccc;
|
|
41
41
|
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
/* 由于unocss不支持 单独提取 */
|
|
45
|
+
//.visible{visibility:visible;}
|
|
46
|
+
//.absolute{position:absolute;}
|
|
47
|
+
//.fixed{position:fixed;}
|
|
48
|
+
//.relative{position:relative;}
|
|
49
|
+
//.left-0{left:0;}
|
|
50
|
+
//.left-5\%{left:5%;}
|
|
51
|
+
//.left-99\%{left:99%;}
|
|
52
|
+
//.right-0{right:0;}
|
|
53
|
+
//.right-5\%{right:5%;}
|
|
54
|
+
//.right-99\%{right:99%;}
|
|
55
|
+
//.top-\[50\%\]{top:50%;}
|
|
56
|
+
//.top-10px{top:10px;}
|
|
57
|
+
//.grid{display:grid;}
|
|
58
|
+
//.float-right{float:right;}
|
|
59
|
+
//.m-1px{margin:1px;}
|
|
60
|
+
//.m2{margin:0.5rem;}
|
|
61
|
+
//.m-b-10px{margin-bottom:10px;}
|
|
62
|
+
//.m-b-5px{margin-bottom:5px;}
|
|
63
|
+
//.m-l-20px{margin-left:20px;}
|
|
64
|
+
//.m-l-5px{margin-left:5px;}
|
|
65
|
+
//.m-l-6px{margin-left:6px;}
|
|
66
|
+
//.m-r-4px{margin-right:4px;}
|
|
67
|
+
//.m-r-5px{margin-right:5px;}
|
|
68
|
+
//.m-t-10px{margin-top:10px;}
|
|
69
|
+
//.m-t-5px{margin-top:5px;}
|
|
70
|
+
//.ml-10px{margin-left:10px;}
|
|
71
|
+
//.mr{margin-right:1rem;}
|
|
72
|
+
//.mr-1{margin-right:0.25rem;}
|
|
73
|
+
//.mr-10px{margin-right:10px;}
|
|
74
|
+
//.block{display:block;}
|
|
75
|
+
//.hidden{display:none;}
|
|
76
|
+
//.w-100\%{width:100%;}
|
|
77
|
+
//.w-40px{width:40px;}
|
|
78
|
+
//.w100{width:25rem;}
|
|
79
|
+
//.flex{display:flex;}
|
|
80
|
+
//.table{display:table;}
|
|
81
|
+
//.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));}
|
|
82
|
+
//.cursor-pointer{cursor:pointer;}
|
|
83
|
+
//.resize{resize:both;}
|
|
84
|
+
//.content-center{align-content:center;}
|
|
85
|
+
//.items-center{align-items:center;}
|
|
86
|
+
//.justify-center{justify-content:center;}
|
|
87
|
+
//.justify-between{justify-content:space-between;}
|
|
88
|
+
//.border{border-width:1px;}
|
|
89
|
+
//.rd-4px{border-radius:4px;}
|
|
90
|
+
//.p-10px{padding:10px;}
|
|
91
|
+
//.p-5px{padding:5px;}
|
|
92
|
+
//.p2{padding:0.5rem;}
|
|
93
|
+
//.px{padding-left:1rem;padding-right:1rem;}
|
|
94
|
+
//.pb-5px{padding-bottom:5px;}
|
|
95
|
+
//.pl-20{padding-left:5rem;}
|
|
96
|
+
//.pt-5px{padding-top:5px;}
|
|
97
|
+
//.text-center{text-align:center;}
|
|
98
|
+
//.vertical-text-top{vertical-align:text-top;}
|
|
99
|
+
//.italic{font-style:italic;}
|
|
100
|
+
//.color-blue{--un-text-opacity:1;color:rgba(96,165,250,var(--un-text-opacity));}
|
|
101
|
+
//.line-through{text-decoration-line:line-through;}
|
|
102
|
+
//.underline{text-decoration-line:underline;}
|
|
103
|
+
//.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);}
|
|
104
|
+
|
|
89
105
|
/* stylelint-enable */
|
|
@@ -2,7 +2,7 @@ import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragm
|
|
|
2
2
|
import { createNamespace } from '@vipl520/utils';
|
|
3
3
|
import { testProps } from './props.mjs';
|
|
4
4
|
|
|
5
|
-
const _hoisted_1 = { class: "mr-10px" };
|
|
5
|
+
const _hoisted_1 = { class: "mr-10px bg-black" };
|
|
6
6
|
const __default__ = defineComponent({
|
|
7
7
|
name: "DkTest"
|
|
8
8
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"test.vue2.mjs","sources":["../../../src/test/src/test.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkTest',\n});\n</script>\n<template>\n <el-button class=\"dk-test\">Test</el-button>\n <van-button>vant</van-button>\n <div class=\"mr-10px\">{{ test }}</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { testProps } from './props'\n\nconst [_, bem] = createNamespace('test')\n\n\n\ndefineProps(testProps)\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;AAYD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAI,gBAAgB,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"test.vue2.mjs","sources":["../../../src/test/src/test.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkTest',\n});\n</script>\n<template>\n <el-button class=\"dk-test\">Test</el-button>\n <van-button>vant</van-button>\n <div class=\"mr-10px bg-black\">{{ test }}</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { testProps } from './props'\n\nconst [_, bem] = createNamespace('test')\n\n\n\ndefineProps(testProps)\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;AAYD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAI,gBAAgB,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport
|
|
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 { 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'\n\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './color-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 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 // 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","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,MAAM,UAAa,GAAA;AAAA,EACjBA,YAAA;AAAA,EACAC,aAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;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;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/index.scss
CHANGED
|
@@ -39,51 +39,67 @@
|
|
|
39
39
|
::-webkit-scrollbar-thumb:hover {
|
|
40
40
|
background-color: #ccc;
|
|
41
41
|
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
/* 由于unocss不支持 单独提取 */
|
|
45
|
+
//.visible{visibility:visible;}
|
|
46
|
+
//.absolute{position:absolute;}
|
|
47
|
+
//.fixed{position:fixed;}
|
|
48
|
+
//.relative{position:relative;}
|
|
49
|
+
//.left-0{left:0;}
|
|
50
|
+
//.left-5\%{left:5%;}
|
|
51
|
+
//.left-99\%{left:99%;}
|
|
52
|
+
//.right-0{right:0;}
|
|
53
|
+
//.right-5\%{right:5%;}
|
|
54
|
+
//.right-99\%{right:99%;}
|
|
55
|
+
//.top-\[50\%\]{top:50%;}
|
|
56
|
+
//.top-10px{top:10px;}
|
|
57
|
+
//.grid{display:grid;}
|
|
58
|
+
//.float-right{float:right;}
|
|
59
|
+
//.m-1px{margin:1px;}
|
|
60
|
+
//.m2{margin:0.5rem;}
|
|
61
|
+
//.m-b-10px{margin-bottom:10px;}
|
|
62
|
+
//.m-b-5px{margin-bottom:5px;}
|
|
63
|
+
//.m-l-20px{margin-left:20px;}
|
|
64
|
+
//.m-l-5px{margin-left:5px;}
|
|
65
|
+
//.m-l-6px{margin-left:6px;}
|
|
66
|
+
//.m-r-4px{margin-right:4px;}
|
|
67
|
+
//.m-r-5px{margin-right:5px;}
|
|
68
|
+
//.m-t-10px{margin-top:10px;}
|
|
69
|
+
//.m-t-5px{margin-top:5px;}
|
|
70
|
+
//.ml-10px{margin-left:10px;}
|
|
71
|
+
//.mr{margin-right:1rem;}
|
|
72
|
+
//.mr-1{margin-right:0.25rem;}
|
|
73
|
+
//.mr-10px{margin-right:10px;}
|
|
74
|
+
//.block{display:block;}
|
|
75
|
+
//.hidden{display:none;}
|
|
76
|
+
//.w-100\%{width:100%;}
|
|
77
|
+
//.w-40px{width:40px;}
|
|
78
|
+
//.w100{width:25rem;}
|
|
79
|
+
//.flex{display:flex;}
|
|
80
|
+
//.table{display:table;}
|
|
81
|
+
//.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));}
|
|
82
|
+
//.cursor-pointer{cursor:pointer;}
|
|
83
|
+
//.resize{resize:both;}
|
|
84
|
+
//.content-center{align-content:center;}
|
|
85
|
+
//.items-center{align-items:center;}
|
|
86
|
+
//.justify-center{justify-content:center;}
|
|
87
|
+
//.justify-between{justify-content:space-between;}
|
|
88
|
+
//.border{border-width:1px;}
|
|
89
|
+
//.rd-4px{border-radius:4px;}
|
|
90
|
+
//.p-10px{padding:10px;}
|
|
91
|
+
//.p-5px{padding:5px;}
|
|
92
|
+
//.p2{padding:0.5rem;}
|
|
93
|
+
//.px{padding-left:1rem;padding-right:1rem;}
|
|
94
|
+
//.pb-5px{padding-bottom:5px;}
|
|
95
|
+
//.pl-20{padding-left:5rem;}
|
|
96
|
+
//.pt-5px{padding-top:5px;}
|
|
97
|
+
//.text-center{text-align:center;}
|
|
98
|
+
//.vertical-text-top{vertical-align:text-top;}
|
|
99
|
+
//.italic{font-style:italic;}
|
|
100
|
+
//.color-blue{--un-text-opacity:1;color:rgba(96,165,250,var(--un-text-opacity));}
|
|
101
|
+
//.line-through{text-decoration-line:line-through;}
|
|
102
|
+
//.underline{text-decoration-line:underline;}
|
|
103
|
+
//.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);}
|
|
104
|
+
|
|
89
105
|
/* stylelint-enable */
|
|
@@ -6,7 +6,7 @@ var vue = require('vue');
|
|
|
6
6
|
var utils = require('@vipl520/utils');
|
|
7
7
|
var props = require('./props.js');
|
|
8
8
|
|
|
9
|
-
const _hoisted_1 = { class: "mr-10px" };
|
|
9
|
+
const _hoisted_1 = { class: "mr-10px bg-black" };
|
|
10
10
|
const __default__ = vue.defineComponent({
|
|
11
11
|
name: "DkTest"
|
|
12
12
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"test.vue2.js","sources":["../../../src/test/src/test.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkTest',\n});\n</script>\n<template>\n <el-button class=\"dk-test\">Test</el-button>\n <van-button>vant</van-button>\n <div class=\"mr-10px\">{{ test }}</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { testProps } from './props'\n\nconst [_, bem] = createNamespace('test')\n\n\n\ndefineProps(testProps)\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace"],"mappings":";;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;AAYD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"test.vue2.js","sources":["../../../src/test/src/test.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkTest',\n});\n</script>\n<template>\n <el-button class=\"dk-test\">Test</el-button>\n <van-button>vant</van-button>\n <div class=\"mr-10px bg-black\">{{ test }}</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { testProps } from './props'\n\nconst [_, bem] = createNamespace('test')\n\n\n\ndefineProps(testProps)\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace"],"mappings":";;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;AAYD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vipl520/dk-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.8",
|
|
4
4
|
"description": "Vant extension components.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.mjs",
|
|
@@ -36,7 +36,8 @@
|
|
|
36
36
|
"element-plus": "^2.3.8",
|
|
37
37
|
"vant": "^4.7.0",
|
|
38
38
|
"vue": "^3.2.0",
|
|
39
|
-
"vue3-draggable-resizable": "^1.6.5"
|
|
39
|
+
"vue3-draggable-resizable": "^1.6.5",
|
|
40
|
+
"unocss": "^0.58.0"
|
|
40
41
|
},
|
|
41
42
|
"dependencies": {
|
|
42
43
|
"@form-create/utils": "^3.1.15",
|
|
@@ -48,6 +49,7 @@
|
|
|
48
49
|
"lodash-es": "^4.17.21",
|
|
49
50
|
"sortablejs": "1.15.0",
|
|
50
51
|
"vue3-draggable-resizable": "^1.6.5",
|
|
52
|
+
"unocss": "^0.56.5",
|
|
51
53
|
"vuedraggable": "4.1.0"
|
|
52
54
|
},
|
|
53
55
|
"devDependencies": {
|
|
@@ -100,7 +102,6 @@
|
|
|
100
102
|
"sass": "^1.64.1",
|
|
101
103
|
"tsx": "^3.12.7",
|
|
102
104
|
"typescript": "^5.1.6",
|
|
103
|
-
"unocss": "^0.56.5",
|
|
104
105
|
"unplugin-vue-components": "^0.25.1",
|
|
105
106
|
"unplugin-vue-define-options": "^1.3.11",
|
|
106
107
|
"vant": "^4.7.3",
|