init

Author: elf-mouse

.browserslistrc

@@ -0,0 +1 @@
+defaults

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true

.eslintignore

@@ -0,0 +1,3 @@
+.tmp
+dist
+/config

.eslintrc.js

@@ -0,0 +1,23 @@
+// https://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  root: true,
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    parser: '@babel/eslint-parser',
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  },
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+    jest: true
+  },
+  plugins: ['vue', 'prettier'],
+  extends: ['plugin:vue/vue3-recommended', 'prettier'],
+  rules: {
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  }
+};

.gitignore

@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Dependency directories
+bower_components
+node_modules/
+jspm_packages/
+web_modules/
+
+# Build build output
+.tmp/
+dist/
+
+# MacOS generated files
+.DS_Store
+
+# Others
+.vscode/

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "trailingComma": "none"
+}

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-present, N.Elf-mousE
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1 @@
+# BalmUI pro

babel.config.js

@@ -0,0 +1,33 @@
+module.exports = function (api) {
+  let envOptions = api.env('production')
+    ? {
+        modules: false,
+        useBuiltIns: 'entry',
+        corejs: { version: '3.22', proposals: true }
+      }
+    : {
+        modules: false
+      };
+  let runtimeOptions = api.env('production') ? { corejs: 3 } : {};
+
+  return {
+    presets: [['@babel/preset-env', envOptions]],
+    plugins: [
+      ['@babel/plugin-transform-runtime', runtimeOptions],
+      [
+        'prismjs',
+        {
+          languages: [
+            'markup',
+            'css',
+            'javascript',
+            'bash',
+            'scss',
+            'typescript'
+          ],
+          plugins: ['highlight-keywords', 'toolbar', 'copy-to-clipboard']
+        }
+      ]
+    ]
+  };
+};

balm.config.js

@@ -0,0 +1,9 @@
+const getConfig = require('./config/balmrc');
+const api = require('./config/balm.api');
+
+module.exports = (balm) => {
+  return {
+    config: getConfig(balm),
+    api
+  };
+};

balm.env.js

@@ -0,0 +1,10 @@
+function setBalmCore(useSource = false) {
+  const BALM_ROOT = '/Users/elf-mouse/www/balmjs/balm-next';
+  const BALM_CORE_SOURCE = `${BALM_ROOT}/packages/balm-core`;
+  const BALM_CORE =
+    '/Users/elf-mouse/.config/yarn/global/node_modules/balm-core';
+
+  process.env.BALM_CORE = useSource ? BALM_CORE_SOURCE : BALM_CORE;
+}
+
+setBalmCore();

config/balm.api.js

@@ -0,0 +1,6 @@
+module.exports = (mix) => {
+  if (mix.env.isProd) {
+  } else {
+    mix.copy('node_modules/balm-ui/fonts/*', 'docs/fonts');
+  }
+};

config/balmrc.js

@@ -0,0 +1,115 @@
+const env = require('./env');
+const path = require('path');
+const webpack = require('webpack');
+const { VueLoaderPlugin } = require('vue-loader');
+const { ModuleFederationPlugin } = webpack.container;
+
+const workspace = path.join(__dirname, '..');
+
+function resolve(dir) {
+  return path.join(workspace, dir);
+}
+
+function getConfig(balm) {
+  const { isProd } = balm.config.env;
+  const useDocsProd = isProd && env.buildDocs;
+  const useDocsDev = !isProd || env.buildDocs;
+  const useBuild = isProd && !env.buildDocs;
+
+  return {
+    server: {
+      historyOptions: true
+    },
+    roots: {
+      source: useDocsDev ? 'docs' : 'src'
+    },
+    styles: {
+      extname: 'scss'
+    },
+    scripts: {
+      lint: true,
+      entry: useDocsDev
+        ? {
+            app: './docs/scripts/index.js'
+          }
+        : {
+            'balm-ui-pro': './src/scripts/index.js'
+          },
+      library: useDocsDev
+        ? ''
+        : {
+            name: 'BalmUIPro',
+            type: 'umd',
+            umdNamedDefine: true
+          },
+      loaders: [
+        {
+          test: /\.md$/,
+          use: ['html-loader', 'markdown-loader']
+        },
+        {
+          test: /\.vue$/,
+          loader: 'vue-loader'
+        }
+      ],
+      alias: {
+        vue$: 'vue/dist/vue.esm-bundler.js',
+        'balm-ui$': 'balm-ui/src/scripts/balm-ui.js',
+        'balm-ui-plus$': 'balm-ui/src/scripts/balm-ui-plus.js',
+        'balm-ui-next$': 'balm-ui/src/scripts/balm-ui-next.js',
+        'balm-ui-pro': resolve('src/scripts/index.js'),
+        '@': resolve('docs/scripts')
+      },
+      includeJsResource: [
+        resolve('node_modules/balm-ui/src/scripts'),
+        ...(useDocsDev ? [resolve('src/scripts')] : [])
+      ],
+      plugins: [
+        new VueLoaderPlugin(),
+        new webpack.DefinePlugin({
+          __VUE_OPTIONS_API__: JSON.stringify(true),
+          __VUE_PROD_DEVTOOLS__: JSON.stringify(false)
+        }),
+        ...(useDocsProd
+          ? [
+              new ModuleFederationPlugin({
+                name: 'RemoteBalmUIPro',
+                filename: 'remote-balm-ui-pro.js',
+                exposes,
+                shared: ['vue']
+              })
+            ]
+          : [])
+      ],
+      externals: useBuild
+        ? {
+            vue: {
+              root: 'Vue',
+              commonjs: 'vue',
+              commonjs2: 'vue',
+              amd: 'vue'
+            }
+          }
+        : {},
+      webpackOptions: useBuild
+        ? {
+            output: {
+              // See https://github.com/webpack/webpack/issues/6522
+              globalObject: "typeof self !== 'undefined' ? self : this"
+            }
+          }
+        : {}
+    },
+    extras: {
+      includes: ['CNAME']
+    },
+    assets: {
+      cache: env.buildDocs
+    },
+    logs: {
+      level: 2
+    }
+  };
+}
+
+module.exports = getConfig;

config/env.js

@@ -0,0 +1,5 @@
+const buildDocs = process.argv.includes('--docs');
+
+module.exports = {
+  buildDocs
+};

docs/fonts/material-icons-outlined.woff2

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>BalmUI Pro</title>
+    <link rel="stylesheet" href="%PUBLIC_URL%/styles/app.css" />
+  </head>
+  <body>
+    <div id="app"></div>
+    <script src="%PUBLIC_URL%/scripts/app.js"></script>
+  </body>
+</html>

docs/fonts/material-icons-round.woff2

@@ -0,0 +1,4 @@
+import { isIE, killIE } from '@/kill-ie';
+import createBalmUIProApp from '@/main';
+
+isIE ? killIE() : createBalmUIProApp();

docs/fonts/material-icons-sharp.woff2

@@ -0,0 +1,15 @@
+<template>
+  <svg
+    aria-hidden="true"
+    class="octicon octicon-mark-github"
+    height="32"
+    version="1.1"
+    viewBox="0 0 16 16"
+    width="32"
+  >
+    <path
+      fill-rule="evenodd"
+      d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
+    ></path>
+  </svg>
+</template>

docs/fonts/material-icons-two-tone.woff2

@@ -0,0 +1,58 @@
+<template>
+  <div v-if="html" :class="className" v-html="html"></div>
+  <ui-skeleton v-else active></ui-skeleton>
+</template>
+
+<script>
+export default {
+  name: 'ui-markdown',
+  inheritAttrs: false
+};
+</script>
+
+<script setup>
+import { reactive, toRefs, computed, watch, onMounted, nextTick } from 'vue';
+import { usePrism } from '@/plugins/prism';
+
+const props = defineProps({
+  // 文档内容
+  text: {
+    type: String,
+    default: ''
+  },
+  // 代码片段
+  code: {
+    type: Boolean,
+    default: false
+  }
+});
+
+const state = reactive({
+  html: props.text
+});
+
+const className = computed(() =>
+  props.code ? 'snippet-code' : 'markdown-body'
+);
+
+const text = watch(
+  () => state.html,
+  (val) => {
+    state.html = val;
+    init();
+  }
+);
+
+function init() {
+  if (state.html) {
+    nextTick(() => {
+      const prism = usePrism();
+      prism.highlightAll();
+    });
+  }
+}
+
+onMounted(() => init());
+
+const { html } = toRefs(state);
+</script>