br-dionysus 0.3.2 → 0.3.4

package/packages/typings/global.d.ts

@@ -0,0 +1,98 @@
+// declare module 'vue'
+declare module 'js-cookie'
+declare module 'js-base64'
+declare module 'dayjs'
+declare module 'vue-router'
+declare module 'element-plus'
+declare module 'element-plus/dist/locale/zh-cn.mjs'
+declare module 'crypto-js'
+declare module 'crypto-js/enc-base64'
+declare module 'crypto-js/hmac-sha512'
+declare module 'vue-img-cutter'
+declare module 'axios'
+declare module 'vite-plugin-eslint'
+declare module 'decimal'
+declare module 'mathjs'
+declare module 'br-dionysus'
+
+/** 下拉选项 */
+interface Option {
+  /** 选项的标签，若不设置则默认与value相同 */
+  label: string,
+
+  /** 选项的值 */
+  value: string | number,
+
+  /** 是否禁用该选项 */
+  disabled?: boolean,
+
+  [propName: string]: string | number
+}
+interface UpFileType {
+  name: string
+  percentage: number,
+  raw: File,
+  size: number,
+  status: string,
+  uid: number,
+  response? : {
+    /** 执行成功 */
+    success?: boolean,
+    /** 状态码 */
+    code?: number | null,
+    /** 错误信息 */
+    message: any,
+    data: ExportResultViewModel,
+    /** 附加数据 */
+    extras: any,
+    /** 时间戳 */
+    timestamp?: string | null,
+    } | null
+}
+
+type OptionsKeys = `${string}Options` | `${string}Map`
+
+// /** 下拉选项及枚举映射集合 */
+// interface Filter {
+//   [propName: OptionsKeys]: Option[]
+// }
+
+/** 表头 */
+interface TableTitle {
+  /** 显示的标题 */
+  label: string,
+  /** 字段名称 对应列内容的字段名， 也可以使用 property属性 */
+  prop: string
+  /** 对应列的最小宽度， 对应列的最小宽度， 与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列 */
+  minWidth?: number | string,
+  /** 列的 className */
+  className?: string,
+  /** 对应列是否可以排序， 如果设置为 'custom'，则代表用户希望远程排序，需要监听 Table 的 sort-change 事件 */
+  sortable?: boolean,
+  /** 数据过滤的选项， 数组格式，数组中的元素需要有 text 和 value 属性。 数组中的每个元素都需要有 text 和 value 属性。 */
+  filters?: {
+    text: string | number,
+    value: string | number
+  }[],
+  /** 数据过滤使用的方法， 如果是多选的筛选项，对每一条数据会执行多次，任意一次返回 true 就会显示。 */
+  filterMethod?: Function,
+  /** 表头对齐方式， 若不设置该项，则使用表格的对齐方式 */
+  headerAlign?: 'left' | 'center' | 'right',
+}
+
+interface MenuMeta {
+  show: boolean,
+  title: string,
+  icon: string
+}
+
+/** 菜单 */
+interface MenuItem {
+  title: string,
+  meta: MenuMeta,
+  id: string,
+  icon: string,
+  path: string,
+  name: string,
+  children: Array<MenuItem>
+}

package/packages/typings/interface.ts

@@ -0,0 +1,6 @@
+import type { Ref } from 'vue'
+
+/** 下拉选项及枚举映射集合 */
+export interface Filter {
+  [propName: OptionsKeys]: Ref<Option[]>
+}

package/src/App.vue

@@ -1,7 +1,14 @@
 <template>
   <div class="my-kit-doc">
     <aside>
-      <router-link v-for="(link, index) in data.links" :key="index" :to="link.path">{{ link.name }}</router-link>
+      <router-link
+        class="u-link"
+        v-for="(link, index) in data.links"
+        :key="index"
+        :to="link.path"
+      >
+        {{ link.name }}
+      </router-link>
     </aside>
     <main>
       <router-view></router-view>
@@ -43,4 +50,9 @@ body {
     padding: 15px;
   }
 }
+
+.u-link {
+  line-height: 1.8;
+  color: var(--el-color-primary, #4e8e2f);
+}
 </style>

package/src/assets/markdown.scss

@@ -0,0 +1,233 @@
+:root {
+    --side-bar-bg-color: #fff;
+    --control-text-color: #777;
+    --font-sans-serif: 'Ubuntu', 'Source Sans Pro', sans-serif !important;
+    --font-monospace: 'Fira Code', 'Roboto Mono', monospace !important;
+}
+
+html {
+    font-size: 16px;
+}
+
+body {
+    font-family: var(--font-sans-serif);
+    color: #34495e;
+    -webkit-font-smoothing: antialiased;
+    line-height: 1.6rem;
+    letter-spacing: 0;
+    margin: 0;
+    overflow-x: hidden;
+}
+
+body > *:first-child {
+    margin-top: 0 !important;
+}
+
+body > *:last-child {
+    margin-bottom: 0 !important;
+}
+
+.m-md {
+    a {
+        color: #42b983;
+        font-weight: 600;
+        padding: 0 2px;
+        text-decoration: none;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        position: relative;
+        margin-top: 1rem;
+        margin-bottom: 1rem;
+        font-weight: bold;
+        line-height: 1.4;
+        cursor: text;
+    }
+
+    h1:hover a.anchor,
+    h2:hover a.anchor,
+    h3:hover a.anchor,
+    h4:hover a.anchor,
+    h5:hover a.anchor,
+    h6:hover a.anchor {
+        text-decoration: none;
+    }
+
+    h1 tt,
+    h1 code {
+        font-size: inherit !important;
+    }
+
+    h2 tt,
+    h2 code {
+        font-size: inherit !important;
+    }
+
+    h3 tt,
+    h3 code {
+        font-size: inherit !important;
+    }
+
+    h4 tt,
+    h4 code {
+        font-size: inherit !important;
+    }
+
+    h5 tt,
+    h5 code {
+        font-size: inherit !important;
+    }
+
+    h6 tt,
+    h6 code {
+        font-size: inherit !important;
+    }
+
+    h2 a,
+    h3 a {
+        color: #34495e;
+    }
+
+    h1 {
+        padding-bottom: .4rem;
+        font-size: 2.2rem;
+        line-height: 1.3;
+    }
+
+    h2 {
+        font-size: 1.75rem;
+        line-height: 1.225;
+        margin: 35px 0 15px;
+        padding-bottom: 0.5em;
+        border-bottom: 1px solid #ddd;
+    }
+
+    h3 {
+        font-size: 1.4rem;
+        line-height: 1.43;
+        margin: 20px 0 7px;
+    }
+
+    h4 {
+        font-size: 1.2rem;
+    }
+
+    h5 {
+        font-size: 1rem;
+    }
+
+    h6 {
+        font-size: 1rem;
+        color: #777;
+    }
+
+    p,
+    blockquote,
+    ul,
+    ol,
+    dl,
+    table {
+        margin: 0.8em 0;
+    }
+
+    li > ol,
+    li > ul {
+        margin: 0 0;
+    }
+
+    hr {
+        height: 2px;
+        padding: 0;
+        margin: 16px 0;
+        background-color: #e7e7e7;
+        border: 0 none;
+        overflow: hidden;
+        box-sizing: content-box;
+    }
+
+    body > h2:first-child {
+        margin-top: 0;
+        padding-top: 0;
+    }
+
+    body > h1:first-child {
+        margin-top: 0;
+        padding-top: 0;
+    }
+
+    body > h1:first-child + h2 {
+        margin-top: 0;
+        padding-top: 0;
+    }
+
+    body > h3:first-child,
+    body > h4:first-child,
+    body > h5:first-child,
+    body > h6:first-child {
+        margin-top: 0;
+        padding-top: 0;
+    }
+
+    a:first-child h1,
+    a:first-child h2,
+    a:first-child h3,
+    a:first-child h4,
+    a:first-child h5,
+    a:first-child h6 {
+        margin-top: 0;
+        padding-top: 0;
+    }
+
+    h1 p,
+    h2 p,
+    h3 p,
+    h4 p,
+    h5 p,
+    h6 p {
+        margin-top: 0;
+    }
+
+    li p.first {
+        display: inline-block;
+    }
+
+    ul,
+    ol {
+        padding-left: 30px;
+    }
+
+    ul:first-child,
+    ol:first-child {
+        margin-top: 0;
+    }
+
+    ul:last-child,
+    ol:last-child {
+        margin-bottom: 0;
+    }
+}
+
+blockquote {
+    border-left: 4px solid #42b983;
+    padding: 10px 15px;
+    color: #777;
+    background-color: rgba(66, 185, 131, .1);
+}
+
+code {
+    color: #476582;
+    padding: 0.25rem 0.5rem;
+    margin: 0;
+    font-size: .85em;
+    background-color: rgba(27,31,35,.05);
+    border-radius: 3px;
+}
+
+pre {
+    max-height: 500px;
+}

package/src/main.ts

@@ -6,7 +6,7 @@ import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import router from './router'
 
-import './assets/markdown.css'
+import './assets/markdown.scss'
 
 import packages from '../packages'
 import Preview from './components/Preview.vue'

package/src/router.ts

@@ -31,6 +31,11 @@ const routes = [{
   name: 'SkinConfig',
   path: '/components/SkinConfig',
   component: () => import('packages/SkinConfig/docs/README.md')
+}, {
+  title: '下拉表格选择器',
+  name: 'MSelectTable',
+  path: '/components/MSelectTable',
+  component: () => import('packages/MSelectTable/docs/README.md')
 }]
 
 const routerConfig = {

package/src/assets/markdown.css

@@ -1,273 +0,0 @@
-:root {
-    --side-bar-bg-color: #fff;
-    --control-text-color: #777;
-    --font-sans-serif: 'Ubuntu', 'Source Sans Pro', sans-serif !important;
-    --font-monospace: 'Fira Code', 'Roboto Mono', monospace !important;
-}
-
-html {
-    font-size: 16px;
-}
-
-body {
-    font-family: var(--font-sans-serif);
-    color: #34495e;
-    -webkit-font-smoothing: antialiased;
-    line-height: 1.6rem;
-    letter-spacing: 0;
-    margin: 0;
-    overflow-x: hidden;
-}
-
-body > *:first-child {
-    margin-top: 0 !important;
-}
-
-body > *:last-child {
-    margin-bottom: 0 !important;
-}
-
-a {
-    color: #42b983;
-    font-weight: 600;
-    padding: 0 2px;
-    text-decoration: none;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    position: relative;
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-    font-weight: bold;
-    line-height: 1.4;
-    cursor: text;
-}
-
-h1:hover a.anchor,
-h2:hover a.anchor,
-h3:hover a.anchor,
-h4:hover a.anchor,
-h5:hover a.anchor,
-h6:hover a.anchor {
-    text-decoration: none;
-}
-
-h1 tt,
-h1 code {
-    font-size: inherit !important;
-}
-
-h2 tt,
-h2 code {
-    font-size: inherit !important;
-}
-
-h3 tt,
-h3 code {
-    font-size: inherit !important;
-}
-
-h4 tt,
-h4 code {
-    font-size: inherit !important;
-}
-
-h5 tt,
-h5 code {
-    font-size: inherit !important;
-}
-
-h6 tt,
-h6 code {
-    font-size: inherit !important;
-}
-
-h2 a,
-h3 a {
-    color: #34495e;
-}
-
-h1 {
-    padding-bottom: .4rem;
-    font-size: 2.2rem;
-    line-height: 1.3;
-}
-
-h2 {
-    font-size: 1.75rem;
-    line-height: 1.225;
-    margin: 35px 0 15px;
-    padding-bottom: 0.5em;
-    border-bottom: 1px solid #ddd;
-}
-
-h3 {
-    font-size: 1.4rem;
-    line-height: 1.43;
-    margin: 20px 0 7px;
-}
-
-h4 {
-    font-size: 1.2rem;
-}
-
-h5 {
-    font-size: 1rem;
-}
-
-h6 {
-    font-size: 1rem;
-    color: #777;
-}
-
-p,
-blockquote,
-ul,
-ol,
-dl,
-table {
-    margin: 0.8em 0;
-}
-
-li > ol,
-li > ul {
-    margin: 0 0;
-}
-
-hr {
-    height: 2px;
-    padding: 0;
-    margin: 16px 0;
-    background-color: #e7e7e7;
-    border: 0 none;
-    overflow: hidden;
-    box-sizing: content-box;
-}
-
-body > h2:first-child {
-    margin-top: 0;
-    padding-top: 0;
-}
-
-body > h1:first-child {
-    margin-top: 0;
-    padding-top: 0;
-}
-
-body > h1:first-child + h2 {
-    margin-top: 0;
-    padding-top: 0;
-}
-
-body > h3:first-child,
-body > h4:first-child,
-body > h5:first-child,
-body > h6:first-child {
-    margin-top: 0;
-    padding-top: 0;
-}
-
-a:first-child h1,
-a:first-child h2,
-a:first-child h3,
-a:first-child h4,
-a:first-child h5,
-a:first-child h6 {
-    margin-top: 0;
-    padding-top: 0;
-}
-
-h1 p,
-h2 p,
-h3 p,
-h4 p,
-h5 p,
-h6 p {
-    margin-top: 0;
-}
-
-li p.first {
-    display: inline-block;
-}
-
-ul,
-ol {
-    padding-left: 30px;
-}
-
-ul:first-child,
-ol:first-child {
-    margin-top: 0;
-}
-
-ul:last-child,
-ol:last-child {
-    margin-bottom: 0;
-}
-
-blockquote {
-    border-left: 4px solid #42b983;
-    padding: 10px 15px;
-    color: #777;
-    background-color: rgba(66, 185, 131, .1);
-}
-
-table {
-    padding: 0;
-    word-break: initial;
-}
-
-table tr {
-    border-top: 1px solid #dfe2e5;
-    margin: 0;
-    padding: 0;
-}
-
-table tr:nth-child(2n),
-thead {
-    background-color: #fafafa;
-}
-
-table tr th {
-    font-weight: bold;
-    border: 1px solid #dfe2e5;
-    border-bottom: 0;
-    text-align: left;
-    margin: 0;
-    padding: 6px 13px;
-}
-
-table tr td {
-    border: 1px solid #dfe2e5;
-    text-align: left;
-    margin: 0;
-    padding: 6px 13px;
-}
-
-table tr th:first-child,
-table tr td:first-child {
-    margin-top: 0;
-}
-
-table tr th:last-child,
-table tr td:last-child {
-    margin-bottom: 0;
-}
-
-code {
-    color: #476582;
-    padding: 0.25rem 0.5rem;
-    margin: 0;
-    font-size: .85em;
-    background-color: rgba(27,31,35,.05);
-    border-radius: 3px;
-}
-
-pre {
-    max-height: 500px;
-}