+ 点击打开 Dialog
+
+
+
+
+
+
diff --git a/src/assets/logo.png b/src/assets/logo.png
deleted file mode 100644
index f3d2503fc2a44b5053b0837ebea6e87a2d339a43..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 6849
zcmaKRcUV(fvo}bjDT-7nLI_nlK}sT_69H+`qzVWDA|yaU?}j417wLi^B1KB1SLsC&
zL0ag7$U(XW5YR7p&Ux?s888
-
-
-
-
-
-
-
diff --git a/src/main.js b/src/main.js
deleted file mode 100644
index f253456..0000000
--- a/src/main.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import Vue from 'vue'
-import App from './App.vue'
-import router from './router'
-import store from './store'
-
-Vue.config.productionTip = false
-
-new Vue({
- router,
- store,
- render: h => h(App)
-}).$mount('#app')
diff --git a/src/static/index.scss b/src/static/index.scss
new file mode 100644
index 0000000..ffaf365
--- /dev/null
+++ b/src/static/index.scss
@@ -0,0 +1,320 @@
+// 当超过宽度时，显示省略号
+@mixin ell() {
+ overflow: hidden;
+ -ms-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ display: inline-block;
+}
+
+// 当超过n行时，显示省略号
+@mixin elln($n) {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: $n;
+}
+
+// 清除浮动
+.clearfix {
+ & after {
+ display: table;
+ clear: both;
+ content: "";
+ }
+}
+
+@mixin cj1 {
+ position: absolute;
+ /* 垂直居中 未知父元素高度 父元素需position: relative; */
+ top: 0;
+ bottom: 0;
+ margin: auto;
+}
+
+@mixin cj2 {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ /* IE 9 */
+ -moz-transform: translateY(-50%);
+ /* Firefox */
+ -webkit-transform: translateY(-50%);
+ /* Safari 和 Chrome */
+ -o-transform: translateY(-50%);
+ /* Opera */
+}
+
+@mixin cjf {
+ display: flex;
+ /*谷歌，火狐等新版本*/
+ display: -webkit-box;
+ /*安卓低版本*/
+ display: -moz-box;
+ /*火狐低版本*/
+ display: -ms-flexbox;
+ /*IE版本*/
+ display: -webkit-flex;
+ /*谷歌*/
+ align-items: center;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+}
+
+@mixin sj1 {
+ position: absolute;
+ left: 0;
+ right: 0;
+ margin: auto;
+}
+
+@mixin sj2 {
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ /* IE 9 */
+ -moz-transform: translateX(-50%);
+ /* Firefox */
+ -webkit-transform: translateX(-50%);
+ /* Safari 和 Chrome */
+ -o-transform: translateX(-50%);
+ /* Opera */
+}
+
+@mixin sjf {
+ display: flex;
+ /*谷歌，火狐等新版本*/
+ display: -webkit-box;
+ /*安卓低版本*/
+ display: -moz-box;
+ /*火狐低版本*/
+ display: -ms-flexbox;
+ /*IE版本*/
+ display: -webkit-flex;
+ /*谷歌*/
+ justify-content: center;
+ -webkit-box-pack: center;
+ -moz-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+}
+
+// 清除默认样式开始
+html,
+body {
+ height: 100%;
+}
+
+html,
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+p,
+blockquote,
+pre,
+hr,
+figure,
+table,
+caption,
+th,
+td,
+form,
+fieldset,
+legend,
+input,
+button,
+textarea,
+menu {
+ margin: 0;
+ padding: 0;
+}
+
+header,
+footer,
+section,
+article,
+aside,
+nav,
+hgroup,
+address,
+figure,
+figcaption,
+menu,
+details {
+ display: block;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+caption,
+th {
+ text-align: left;
+ font-weight: normal;
+}
+
+html,
+body,
+fieldset,
+img,
+iframe,
+abbr {
+ border: 0;
+}
+
+i,
+cite,
+em,
+var,
+address,
+dfn {
+ font-style: normal;
+}
+
+[hidefocus],
+summary {
+ outline: 0;
+}
+
+li {
+ list-style: none;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+small {
+ font-size: 100%;
+}
+
+sup,
+sub {
+ font-size: 83%;
+}
+
+pre,
+code,
+kbd,
+samp {
+ font-family: inherit;
+}
+
+q:before,
+q:after {
+ content: none;
+}
+
+textarea {
+ overflow: auto;
+ resize: none;
+}
+
+label,
+summary {
+ cursor: default;
+}
+
+a,
+button {
+ cursor: pointer;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+em,
+strong,
+b {
+ font-weight: bold;
+}
+
+del,
+ins,
+u,
+s,
+a,
+a:hover {
+ text-decoration: none;
+}
+
+body,
+textarea,
+input,
+button,
+select,
+keygen,
+legend {
+ font: 12px/1.14 Microsoft YaHei, arial, \5b8b\4f53;
+ color: #333;
+ outline: 0;
+}
+
+body {
+ background: #fff;
+}
+
+a,
+a:hover {
+ color: #333;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+// 清除默认样式结束
+// 滚动条美化
+@media screen and (min-width: 768px) {
+ ::-webkit-scrollbar {
+ width: 8px;
+ height: 9px;
+ background: transparent;
+ }
+
+ ::-webkit-scrollbar-track {
+ background: transparent;
+ }
+
+ ::-webkit-scrollbar-thumb {
+ border-radius: 5px;
+ background-color: #C1C1C1;
+ }
+
+ ::-webkit-scrollbar-thumb:hover {
+ background-color: #A8A8A8;
+ }
+
+ /* 小型尺寸 */
+ .mini-bar::-webkit-scrollbar {
+ width: 5px;
+ height: 5px;
+ }
+
+ .mini-bar::-webkit-scrollbar-thumb {
+ border-radius: 3px;
+ }
+}
\ No newline at end of file
diff --git a/src/utils/cloneDeep.js b/src/utils/cloneDeep.js
new file mode 100644
index 0000000..099b62c
--- /dev/null
+++ b/src/utils/cloneDeep.js
@@ -0,0 +1,12 @@
+export default function cloneDeep(obj, hash = new WeakMap()) {
+ if (obj == null || typeof obj !== "object") return obj
+ if (obj instanceof Date) return new Date(obj)
+ if (obj instanceof RegExp) return new RegExp(obj.source, obj.flags)
+ if (hash.has(obj)) return hash.get(obj)
+ let deepobj = Array.isArray(obj) ? [] : Object.create(Object.getPrototypeOf(obj))
+ hash.set(obj, deepobj)
+ for (const key in obj) {
+ deepobj[key] = cloneDeep(obj[key], hash);
+ }
+ return deepobj
+}
diff --git a/src/utils/isEmpty.js b/src/utils/isEmpty.js
new file mode 100644
index 0000000..d11c178
--- /dev/null
+++ b/src/utils/isEmpty.js
@@ -0,0 +1,24 @@
+export default function isEmpty(value) {
+ // 首先，检查null和undefined
+ if (value == null) {
+ return true;
+ }
+
+ // 检查数字、字符串和布尔值（非空字符串、非零数字和非false值被视为非空）
+ if (typeof value === 'number' || typeof value === 'string' || typeof value === 'boolean') {
+ return !value;
+ }
+
+ // 检查对象、数组和函数
+ if (typeof value === 'object' || typeof value === 'function') {
+ // 使用Object.keys()来获取对象自身的所有属性键组成的数组
+ // 然后检查这个数组的长度是否为0
+ // 注意：对于数组和函数，这同样适用，因为它们在JavaScript中也是对象
+ return Object.keys(value).length === 0;
+ }
+
+ // 如果以上条件都不满足，那么可能是一个特殊的对象（如RegExp, Date等）
+ // 在这里，我们假设这些都不是“空”的，除非你有特定的需求来处理它们
+ // 但按照lodash的`_.isEmpty`的逻辑，这些通常被视为非空
+ return false;
+}
\ No newline at end of file
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
deleted file mode 100644
index 3fa2807..0000000
--- a/src/views/AboutView.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-
- {{ msg }}
-
- For a guide and recipes on how to configure / customize this project,
- check out the
- vue-cli documentation.
-
Installed CLI Plugins
- -Essential Links
--
-
- Core Docs -
- Forum -
- Community Chat -
- News -
Ecosystem
--
-
- vue-router -
- vuex -
- vue-devtools -
- vue-loader -
- awesome-vue -
-
-
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
deleted file mode 100644
index e8d96d7..0000000
--- a/src/views/HomeView.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-
- This is an about page
-
- 
-
-
-
-
diff --git a/vue.config.js b/vue.config.js
index 910e297..c19a058 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,19 @@
-const { defineConfig } = require('@vue/cli-service')
-module.exports = defineConfig({
- transpileDependencies: true
-})
+module.exports = {
+ pages: {
+ index: {
+ entry: 'examples/main.js',
+ template: 'public/index.html',
+ filename: 'index.html'
+ }
+ },
+ // 扩展 webpack 配置，使 packages 加入编译
+ chainWebpack: config => {
+ config.module
+ .rule('js')
+ .include
+ .add('/packages')
+ .end()
+ .use('babel')
+ .loader('babel-loader')
+ }
+}
-